首页 > 网页教程 > 设计分享 > 成功的视觉设计需要给用户传达四个要点

成功的视觉设计需要给用户传达四个要点

时间:2013-01-07    来源:Danis微博

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

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

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

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

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

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

1 传达“品牌”。

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

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

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

2 传达“美感”。

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

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

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

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

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

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

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

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

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

3 传达“信息”。

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

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

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

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

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

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

4 传达“行为”。

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

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

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

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

这颗麦当劳的按钮,

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

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

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

按钮上的字说明“信息”。

相关推荐
腾讯CDC:泛泛而谈界面中的斑马纹设计
简单而又不单调的网页视觉设计技巧
如何杜绝网页设计中视噪对用户的影响
如何让手绘应用于视觉设计中而增强亲和力和感染力
网页视觉设计如何针对用户有效表达信息
网站页面设计中光的特效设计引导用户视觉焦点
网页PS设计教程:手把手教你制作漂亮的商业模板
网页PS设计教程:手把手教你制作WordPress新闻博客模板
网页设计教程:5个原则助你设计一个成功的购买按钮
案例分析社交型网站首页设计的优秀设计原则
从网站可用性的角度深入分析苹果和微软官网设计的优劣
20个精致漂亮的视频播放器界面设计欣赏及点评
视觉设计:页面构建的审图与细节
视觉设计之材质绘制的色彩理论
网站设计之10个儿童网站分析及设计特点总结
网页配色经验分享:叠柔配色技巧及图解分析
工具型网站设计及典型案例分析
深入探讨图片格式与网页设计的那点事儿
分享:网页核心内容对视觉表现的影响
响应式网页设计正成为移动互联网大势所趋
20个超棒的photoshop网页设计教程分享
浅谈界面设计中的结构设计
网站营销活动页面制作过程图文分享
分享:5招助你打造更加简洁的用户界面
浅谈界面UI设计中的包容性设计
仿生设计—让互联网产品更易用
深入分析网页栅格系统的规范制作
分享:360安全桌面主题设计过程及思路总结
网页设计教程分享—能影响观众的网站首页设计10个要点
网页Banner设计的风格、排版以及配色经验分享
国外精彩网页界面设计案例赏析
中文网页设计排版之破格的好例子
30个国外立体动感的视差滚动效果网站欣赏
网页设计教程:关于网页设计的那些事儿
网页设计中使用不对称设计创建不平衡中的平衡
最新Web设计8个趋势:视差滚动 响应式设计等

精彩推荐

热门教程