浅谈交互设计师必读之精细设计三要素

2016-02-16 22:42 1 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的浅谈交互设计师必读之精细设计三要素懂设计的网友们快点来了解吧!

【 tulaoshi.com - 平面设计 】

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

作者个人博客:tamic.cc

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

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

一、浅色的主体

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

浅谈交互设计师必读之精细设计三要素,PS教程,图老师教程网

二、性感的线条

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

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

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

浅谈交互设计师必读之精细设计三要素,PS教程,图老师教程网

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

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

浅谈交互设计师必读之精细设计三要素,PS教程,图老师教程网

三、敏感的颜色

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

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

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

浅谈交互设计师必读之精细设计三要素,PS教程,图老师教程网

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

浅谈交互设计师必读之精细设计三要素,PS教程,图老师教程网

其实交互文档可以更精致,可以更有格调,对吧?

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

还有,如果你连逻辑都没想好就来想如何把交互图画的牛逼,那你就错了,对于思维清晰的同学来讲,这个是装逼利器,对于想都没想明白的同学来讲,充其量算花拳绣腿。

来源:https://www.tulaoshi.com/n/20160216/1575971.html

延伸阅读
很多同学做设计的时候经常会漏掉这个漏掉那个,等到开发来问的时候才想到。现在有了网易同学自创的自查表,可以把一些问题提前预防起来,文章系统全面,条理性强,是不可多得的实用好文呦。 飞灵:对于移动应用来说,移动情景非常复杂,设备也很多样。那么在设计之后,设计评审之前,你的交互稿考虑的细节是否完善,对特殊状态的描述是否有遗...
如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书、学了一大堆软件、画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本《交互设计学习大纲》就好了。 出现这个问题有两个原因,一是交互设计师没有可视性强的产物,交互设计师的产物一般是线框图、流程图、信息架构图、说明...
在风起云涌的互联网浪潮中,产品迭代的速度越来越快。随着用户需求的激增,也不断带来了对设计师能力要求的提高。初入交互设计领域几年来,明显发现可视化的内容远比文档的更易于被用户(以至我们的客户)所接受,就像用户研究项目中常说的一句话:用户怎么说的,并不代表他们怎么想。今天以原型设计为基点,与大家展开几点做简要的分析。 一、...
许多设计师同学接触交互后,一直有这3个问题:1,交互设计是不是很虚?2,一些视觉为什么要转交互?3,新手交互设计师在工作经验中累积哪些技能会有用?今天有6年经验的资深交互设计师yoyo将逐一为同学们解答,全程高能干货,提起精神来! 首先回答网友的问题: 1,交互设计是不是很虚? 2,一些视觉为什么要转交互? 一、交互设计当然不是...
交互设计师这个职位出现的时间并不长,同时从事交互设计师专职的人员也远比设计师要少许多,因此许多人不清楚到底交互设计师需要掌握哪些专业知识,有志于从事此行业的可以百度下本文,可能会对您的职业选择有所帮助。 一直以来,交互设计师都是一个受到广泛质疑的岗位,很多人不了解交互设计师的价值,更直接的说,我们大多数的交互设计师没...

经验教程

17

收藏

93
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部