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

来吧来吧178178

来吧来吧178178

2016-02-16 22:42

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

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

作者个人博客:tamic.cc

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

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

一、浅色的主体

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

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

二、性感的线条

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

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

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

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

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

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

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

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

三、敏感的颜色

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

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

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

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

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈交互设计师必读之精细设计三要素

设计师浅谈交互设计初体验心得

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师浅谈交互设计初体验心得

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

设计师浅谈与交互设计的那10年

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师浅谈与交互设计的那10年

浅谈交互设计师的产出物是什么?

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈交互设计师的产出物是什么?

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

浅谈非科班同学如何成为交互设计师

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈非科班同学如何成为交互设计师

浅谈新老交互设计师究竟有多大的差距

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈新老交互设计师究竟有多大的差距

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

35个最具创意的404页面设计

35个最具创意的404页面设计

详细解析高手说的摄影细节心得技巧

详细解析高手说的摄影细节心得技巧
下拉加载更多内容 ↓