技术资讯
视觉设计在网站制作上的应用
2013-01-08 08:45:07
视觉设计处在青岛网站制作表现层,跟情感化设计本能层设计水平直接相关。在大家着迷青岛网站设计用户体验设计,关注用户研究、人机交互的时候,视觉设计好像被遗忘了。我想说的是,视觉设计一如既往地重要着。如果想让用户一见钟情进而买单,让客户点头通过方案,给他们视觉上的第一印象至关重要。
没有视觉的最终落地,前面的研究和交互,似乎都将付诸东流。
举个例子,在一颗按钮身上可以也许可以体现出来这四件事情:

这颗麦当劳的按钮,
红色的主色,中间有些许黄色的光晕,透露“品牌”。
质感、发光的处理代表“美感”。
鼠标悬停、按下的时候(这个是我yy的,实际上他们没有做 =.=),有相应的状态反馈,传递“交互”。
按钮上的字说明“信息”。
因为视觉设计至少做了这四件事情:
1、 传达“品牌”。
视觉设计形成一种氛围,与公司品牌建立联系。
既是一种宣传,也加深了用户对品牌的认知度。

兰芝的产品、界面和包装都是一致的蓝
2、 传达“信息”。
它将产品上的信息/数据视觉化,以容易识别、容易理解的方式表达出来。
比如对于信息优先级的识别,通过视觉对比让用户知道我们想给他优先看什么。

从报纸的设计可以读出信息优先级
比如对于信息关联度的识别,哪些内容跟哪些内容是相关的,哪些是包含被包含的。

边框是区分逻辑关系的一种视觉手段
比如通过树状图、热点图等图形表达数据的统计,比纯粹罗列数据更好理解。

3、 传达“行为”。
交互的理念通过视觉传达,视觉暗示将行为、状态传达给用户。
一个操作的线索,操作的过程,操作的结果都需要视觉来交待。
比如愤怒的小鸟,在拉动弹弓,拉到什么程度,弹出小鸟,砸中积木,整个过程都是丰富的视觉效果在负责交待。

4、 传达“美感”。
漂亮的东西总是比丑陋的东西容易被人接受。
这里指的“美感”应该是“恰当地漂亮”,
每个人的审美不一样,甲之熊掌乙之砒霜,所以所谓的美感因人而异,因目标用户打造。
小孩认为的美跟大人认为的美也许是不一样的。
男人认为的美跟女人认为的美也许是不一样的。
文艺青年的美跟土老板认为的美也许是不一样的。
甚至同一个人身上,当他扮演不同的角色的时候,也应该给他恰当的美。
比如一个人潮人医生,他使用的手机界面应该新潮,而使用的医疗器械界面却应该简约。

漂亮的产品也许会让用户痴迷并忘记一部分学习成本
上一篇:如何拷贝加密pdf内容
近期更新
- [2023-07-26 14:17:28] 为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 青岛网站建设公司,品牌网站定制,一站式网站服务——力图数字科技
- [2023-04-27 13:47:54] 品牌定制网站建设——从满足预期到走向超预期
- [2023-04-11 09:17:49] H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 青岛网站建设的流程
- [2021-04-29 10:14:38] 企业定制化官网建设项目
- [2021-03-05 10:34:45] 移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2012-12-19 22:10:42] 网站设计页面的视觉路径引导
- [2016-11-02 16:51:00] asp.net网站开发
- [2012-11-20 16:45:31] dede程序页面输出空行
- [2011-09-10 23:06:39] 青岛网站设计哪家好?
- [2015-08-02 14:53:49] 织梦图片仅网址dede:img text=
- [2012-04-26 00:18:14] 如何让百度尽快收录新网站
- [2014-10-31 08:25:52] 五步就能实现制作网站的LOGO
- [2014-10-25 11:19:52] 网站建设的方案该如何制作
- [2011-11-21 22:44:41] 网站404报错页面模板(汇总13个)
- [2011-11-27 22:47:04] 什么是面包屑导航?
- [2014-12-31 15:12:14] 教你如何使用摄影来优化网页设计
- [2014-05-14 23:12:27] 网站设计如何更有利于推广优化?