快好知 kuaihz

黑白艺术-精细原型设计三要素

很多交互设计师朋友可能觉得交互作品既没有视觉作品高大上,又没有用研报告高科技,总是感觉不那么好看。其实不然,交互文档也是可以有档chi的。这次我们就来解决这个问题。

既然聊精细原型,我们就暂时抛开最基本的栅格化等设计要素不谈,我们这次只是从原型本身的精细化来聊聊。

下面说说个人觉得影响原型精细化的几个维度,不一定对,随便看看就好:

1 浅色的主体。

首先,交互设计师输出的是流程图,给开发以及产品经理沟通之用,所以有时候为了突出界面的层次和区域,有必要通过深浅灰色来进行区分,在我制图的过程中,基本上界面上70%都是白色为主,一个是为了看起来更加干净,再一个是如果有必要打印沟通,当然白色是比较好的。

2 性感的线条

在设计图中有很多线条线条的粗细、虚实程度以及构成都有不同的意义,灵活的运用这些线条可以帮助自己的文档提高一个档chi。

下面说一说我的一点小经验供大家借鉴。

首先说线条怎么画出来,很多设计师通常使用矩形工具来为自己的界面提供线条,这样用起来最方便,但是如果在界面内的区域划分、条目列举等等情况下,众多矩形看起来会非常的没有重点,同时在两个矩形重叠处也非常不好处理,所以再界面内的区域划分这种情况使用适当的连接线工具还是非常好的,既避免的重叠的问题,又更好调节哪些是重点,哪些不是重点。

然后是线条的虚实,线条的虚实是配合上一条来使用,在页面内划分时候虚线配连接线会让界面更有层次。同时我喜欢用线条的粗细来做背景内容和界面内容的区别。

上面说的只是线条的几个维度,运用好可以做出非常性感的线条,同时也不会增加工作量。

3 敏感的颜色

适当的颜色可以帮助交互更好的发挥功效。

首先,适当的颜色可以更好的达到黑白灰无法达到的效果,但是这个颜色不要太艳,所以在使用颜色时应该尽量使用纯度不高的颜色,同时可以适当调节一下透明度,目的就是不抢视觉,同时还能表达清楚我们的意思。

我们来看一下下面这个例子,对于删除这种操作,我选择使用20%透明度的红色来着色,首先它没有抢视觉,其次除了设计师本身之外,开发和PM都能很好的理解这是一个“红色”的操作。但是你想想,如果用黑白灰此处你应该如何表现呢?

与此同时,对于和自己公司的产品经理和开发者有着长期合作的设计师来说,给颜色赋予性格也是非常重要的一件事儿,红色代表删除,黄色代表选中,绿线代表前进,红线代表后退,等等诸如此类的颜色定义,在长期的使用和沟通中可以培养其他人员对你颜色的敏感,同时,除了线型,色块等等,你又多了一种表达含义的一种方式—-颜色

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:黑白艺术精细原型设计三要素  原型  原型词条  要素  要素词条  黑白  黑白词条  精细  精细词条  艺术  艺术词条  
设计

 设计流程-定义问题

在设计流程的概述中我们了解到设计始于感知日常体验中的缺口,这一过程更多的在于个人的敏感性、好奇心及态度,很难用一个方法论去指导这一过程。因此,我们从定义问题开始...(展开)

设计

 在产品设计中应用行为经济学

案例:有一个地区的化肥使用率非常低,作为一个产品经理,请设计相关政策提高化肥使用率首先我们考虑化肥使用率低的原因:化肥太贵?买不到化肥?化肥对作物没有帮助,所以...(展开)

设计

 APP注册登录流程设计与浅析

增哥导读:随着移动端设计越来越重视用户体验,往往用户只需要很短的时间就决定了还要不要再使用你的产品,所以缩短注册登陆的流程十分必要。相信谁都不喜欢一打开软件,就...(展开)