视觉设计传达的4件东西
广州/设计爱好者/13年前/6650浏览
版权
视觉设计传达的4件东西
在大家着迷用户体验设计,关注用户研究、人机交互的时候,视觉设计好像被遗忘了。我想说的是,视觉设计一如既往地重要着。视觉设计处在产品表现层,跟诺曼先生提
在大家着迷用户体验设计,关注用户研究、人机交互的时候,视觉设计好像被遗忘了。
边框是区分逻辑关系的一种视觉手段
我想说的是,视觉设计一如既往地重要着。
视觉设计处在产品表现层,跟诺曼先生提出的情感化设计本能层设计水平直接相关。
如果想让用户一见钟情进而买单,让客户点头通过方案,给他们视觉上的第一印象至关重要。
没有视觉的最终落地,前面的研究和交互,似乎都将付诸东流。
因为视觉设计至少做了这四件事情:
1 传达“品牌”。
视觉设计形成一种氛围,与公司品牌建立联系。
既是一种宣传,也加深了用户对品牌的认知度。
兰芝的产品、界面和包装都是一致的蓝
2 传达“美感”。
漂亮的东西总是比丑陋的东西容易被人接受。
这里指的“美感”应该是“恰当地漂亮”,
每个人的审美不一样,甲之熊掌乙之砒霜,所以所谓的美感因人而异,因目标用户打造。
小孩认为的美跟大人认为的美也许是不一样的。
男人认为的美跟女人认为的美也许是不一样的。
文艺青年的美跟土老板认为的美也许是不一样的。
甚至同一个人身上,当他扮演不同的角色的时候,也应该给他恰当的美。
比如一个人潮人医生,他使用的手机界面应该新潮,而使用的医疗器械界面却应该简约。
漂亮的产品也许会让用户痴迷并忘记一部分学习成本
3 传达“信息”。
它将产品上的信息/数据视觉化,以容易识别、容易理解的方式表达出来。
比如对于信息优先级的识别,通过视觉对比让用户知道我们想给他优先看什么。
从报纸的设计可以读出信息优先级
比如对于信息关联度的识别,哪些内容跟哪些内容是相关的,哪些是包含被包含的。
边框是区分逻辑关系的一种视觉手段
比如通过树状图、热点图等图形表达数据的统计,比纯粹罗列数据更好理解。
4 传达“行为”。
交互的理念通过视觉传达,视觉暗示将行为、状态传达给用户。
一个操作的线索,操作的过程,操作的结果都需要视觉来交待。
比如愤怒的小鸟,在拉动弹弓,拉到什么程度,弹出小鸟,砸中积木,整个过程都是丰富的视觉效果在负责交待。
最后举个例子,在一颗按钮身上可以也许可以体现出来这四件事情:
这颗麦当劳的按钮,
红色的主色,中间有些许黄色的光晕,透露“品牌”。
质感、发光的处理代表“美感”。
鼠标悬停、按下的时候(这个是我yy的,实际上他们没有做 =.=),有相应的状态反馈,传递“交互”。
按钮上的字说明“信息”。
7
Report
声明
60
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
7Log in and synchronize recommended records
60Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share



![[ Danis说体验设计 5 ] UCD,概念设计](https://img.zcool.cn/community/03277dd56c677876ac7252ce66b28ad.jpg?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[ Danis说体验设计 4 ] UCD,论需求和功能](https://img.zcool.cn/community/0326f655694b41c6ac725af235ff4f6.jpg?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![[ Danis的体验设计 3 ] UCD,以用户为中心的设计](https://img.zcool.cn/community/03228575670dcfa6ac725ad900af378.jpg?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)





![[Danis说体验设计2]继续认识用户体验](https://img.zcool.cn/community/032407e564a8b6332f87512f6cf177f.jpg?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)



































































