在整个产品设计的过程中,视觉设计与交互设计的“工序”非常紧密,两者关系也是相辅相成,互相影响,
论视觉设计与交互设计
。而视觉界面作为最直接与用户交流的层面,如何把交互设计以良好表现形态展现给用户,这里主要集中探讨视觉在提升交互的可用性方面的作用:提升可浏览性
精确与高效地传递信息与任务
贴合用户的心智模型
让交互富有情感
1.提升可浏览性:
1)信息结构的良好表现
视觉设计在对交互的帮助中,首要满足对产品与交互信息结构的展现,展现信息的清晰可读性,然后才是品牌,情感的传达,
电脑资料
《论视觉设计与交互设计》(http://meiwen.anslib.com)。视觉语言可以通过分层,分类,对比等语言手段对产品概念及信息进行处理。例:
pic.01
pic.02
对上面两图进行对比,同样都是文章详情页面,相信没有多少用户在浏览pic01时能快速准确地知道网站想给他什么信息,或者让用户做什么。信息主次的分布,层级,色彩,均无做好有效分布,用户一边迷惑,一边迷路。而pic02对内容按主次程度来划分,最重要的文章详情信息一目了然,结构有序,条理清晰。
我们能感受到视觉语言的有效干预,能对信息结构的展现起到很大的帮助作用。