您现在的位置: 弘智首页 > 网页设计 > 设计基础 >

论视觉设计与交互设计

时间:2012-10-16 来源:弘智教育 点击: 次

在整个产品设计的过程中,视觉设计与交互设计的“工序”非常紧密,两者关系也是相辅相成,互相影响。而视觉界面作为最直接与用户交流的层面,如何把交互设计以良好表现形态展现给用户,这里主要集中探讨视觉在提升交互的可用性方面的作用:

  1. 提升可浏览性
  2. 精确与高效地传递信息与任务
  3. 贴合用户的心智模型
  4. 让交互富有情感

1.提升可浏览性:

1)信息结构的良好表现

视觉设计在对交互的帮助中,首要满足对产品与交互信息结构的展现,展现信息的清晰可读性,然后才是品牌,情感的传达。视觉语言可以通过分层,分类,对比等语言手段对产品概念及信息进行处理。
例:


pic.01


pic.02

对上面两图进行对比,同样都是文章详情页面,相信没有多少用户在浏览pic01时能快速准确地知道网站想给他什么信息,或者让用户做什么。信息主次的分布,层级,色彩,均无做好有效分布,用户一边迷惑,一边迷路。而pic02对内容按主次程度来划分,最重要的文章详情信息一目了然,结构有序,条理清晰。
我们能感受到视觉语言的有效干预,能对信息结构的展现起到很大的帮助作用

弘智主页 | 弘智介绍 | 培训课程 | XML地图