视觉设计与交互设计.pptVIP

LOGO LOGO LOGO LOGO 视觉设计与交互设计 第一页，共十五页，2022年，8月28日 1.提升可浏览性： 1）信息结构的良好表现 视觉设计在对交互的帮助中，首要满足对产品与交互信息结构的展现，展现信息的清晰可读性，然后才是品牌，情感的传达。视觉语言可以通过分层，分类，对比等语言手段对产品概念及信息进行处理。 例： pic01 pic02 第二页，共十五页，2022年，8月28日 对上面两图进行对比，同样都是文章详情页面，相信没有多少用户在浏览pic01时能快速准确地知道网站想给他什么信息，或者让用户做什么。信息主次的分布，层级，色彩，均无做好有效分布，用户一边迷惑，一边迷路。而pic02对内容按主次程度来划分，最重要的文章详情信息一目了然，结构有序，条理清晰。 我们能感受到视觉语言的有效干预，能对信息结构的展现起到很大的帮助作用。 第三页，共十五页，2022年，8月28日 图pic.03中原本需要表述的几个柱状数据信息，结果被埋藏在一堆花哨，文字信息堆杂的背景中，典型的信噪比过低。 例： pic03 第四页，共十五页，2022年，8月28日 2）增强信噪比 信噪比（Signal to Noise Ratio）又称为讯噪比，原义是电声学里输出信号的电压与同时输出的噪声电压的比。 一般来说，信噪比越大，说明混在信号里的噪声越小，否则相反。类比到界面设