浅谈视觉设计传达的4件东西

2016-02-17 01:25 9 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享浅谈视觉设计传达的4件东西,希望可以对大家能有小小的帮助。

【 tulaoshi.com - 平面设计 】

在大家着迷用户体验设计,关注用户研究、人机交互的时候,视觉设计好像被遗忘了。

我想说的是,视觉设计一如既往地重要着。

视觉设计处在产品表现层,跟诺曼先生提出的情感化设计本能层设计水平直接相关。

如果想让用户一见钟情进而买单,让客户点头通过方案,给他们视觉上的第一印象至关重要。

没有视觉的最终落地,前面的研究和交互,似乎都将付诸东流。

因为视觉设计至少做了这四件事情:

1 传达品牌。

视觉设计形成一种氛围,与公司品牌建立联系。

既是一种宣传,也加深了用户对品牌的认知度。

浅谈视觉设计传达的4件东西,PS教程,图老师教程网

兰芝的产品、界面和包装都是一致的蓝

2 传达美感。

漂亮的东西总是比丑陋的东西容易被人接受。

这里指的美感应该是恰当地漂亮,

每个人的审美不一样,甲之熊掌乙之砒霜,所以所谓的美感因人而异,因目标用户打造。

小孩认为的美跟大人认为的美也许是不一样的。

男人认为的美跟女人认为的美也许是不一样的。

文艺青年的美跟土老板认为的美也许是不一样的。

甚至同一个人身上,当他扮演不同的角色的时候,也应该给他恰当的美。

比如一个人潮人医生,他使用的手机界面应该新潮,而使用的医疗器械界面却应该简约。

浅谈视觉设计传达的4件东西,PS教程,图老师教程网

漂亮的产品也许会让用户痴迷并忘记一部分学习成本

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

3 传达信息。

它将产品上的信息/数据视觉化,以容易识别、容易理解的方式表达出来。

比如对于信息优先级的识别,通过视觉对比让用户知道我们想给他优先看什么。

浅谈视觉设计传达的4件东西,PS教程,图老师教程网

从报纸的设计可以读出信息优先级

比如对于信息关联度的识别,哪些内容跟哪些内容是相关的,哪些是包含被包含的。

浅谈视觉设计传达的4件东西,PS教程,图老师教程网

边框是区分逻辑关系的一种视觉手段

比如通过树状图、热点图等图形表达数据的统计,比纯粹罗列数据更好理解。

浅谈视觉设计传达的4件东西,PS教程,图老师教程网

4 传达行为。

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

交互的理念通过视觉传达,视觉暗示将行为、状态传达给用户。

一个操作的线索,操作的过程,操作的结果都需要视觉来交待。

比如愤怒的小鸟,在拉动弹弓,拉到什么程度,弹出小鸟,砸中积木,整个过程都是丰富的视觉效果在负责交待。

浅谈视觉设计传达的4件东西,PS教程,图老师教程网

最后举个例子,在一颗按钮身上可以也许可以体现出来这四件事情:

浅谈视觉设计传达的4件东西,PS教程,图老师教程网

这颗麦当劳的按钮,

红色的主色,中间有些许黄色的光晕,透露品牌。

质感、发光的处理代表美感。

鼠标悬停、按下的时候(这个是我yy的,实际上他们没有做 =.=),有相应的状态反馈,传递交互。

按钮上的字说明信息。

来源:http://www.tulaoshi.com/n/20160217/1577244.html

延伸阅读
为总统的设计,大概是所有的设计课题中最为复杂的了,奥巴马在2008年顺利当选美国总统,如果要列一个答谢名单,排在最前面的,并且要给予最重要的感谢的肯定会有在他背后的视觉设计团队。今天我们来聊一聊他身后的那些设计。 台面上敢说政治,关起门可聊AV:《关起门来涨姿势!如何从AV封面中学习平面设计?》 一、字体的力量 在字体应用...
美感是外在,交互是内在,内外兼修方成气候。今天十萬個為什麽总结了交互设计中的5个视觉原则,帮同学们掌握视觉与交互的协调方法。 我不想贬低文字的重要性,但也不想忽视视觉。两者是同等重要的交互设计元素。文字就是交互,但那些视觉元素(比如图标、菜单、图像等)才是用户实际上操作的东西。虽然有些可用性专家会提及Craigslist甚至Amazon...

经验教程

499

收藏

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