交互因视觉设计而更完美
作者:David Wang 来源:Alibaba.com UED 时间:2008-05-31 17:22:00
人的大脑通过双眼来辨别视觉图形获取信息。大脑根据储存的经验,将所看到的视觉图形建立起优先级。由此可见,一个良好的视觉设计可以帮助大脑迅速有效的组织处理所看到的内容。因此,通过视觉上的调整我们可以更进一步完善交互设计。甚至是弥补交互中的某些不足之处。
个人认为,一个交互视觉做得比较好的设计要满足以下几点:
信息内容的清晰可读;
由于文字不同于图形,大脑要花费更多的精力去辨别文字。如果文字与内容没有做到足够的清晰,读者不仅要辨别文字而且还要很吃力的去阅读,对于用户体验是及其不好的。相对于中文而言,文字不宜小于11px(ie7的微软雅黑体),否则就难以阅读了。也不宜将文字做成大大的一个段落,尝试着将文章拆分成几个小的段落,这样对于文章的表达以及阅读都有好处;运用良好的视觉方式组织与表达页面各单元关系;
在ps中,可以尝试用各种视觉效果,像渐变、投影、颜色对比等手段来强调或弱化页面各单元。
例如:使用渐变、阴影效果可以突出重要的部分像导航栏等。利用色彩的强弱关系亦可以改变视觉的焦点。采用一色相系列的颜色还可以表示出从属关系。
但要注意的是,视觉效果要样式的保持统一性,像投影不能一个是朝上方,一个是朝下方。色彩也是如此,若是滥用会造成视觉上的混乱。网站整体风格的统一;
是指结构、色彩保持一致;或是导航或关键元素保持一致性。在这方面是没有绝对的统一,关键要做到的是形散而意不散。品牌信息的准确传达;
一个良好的品牌资产可以为产品取得价格上的优势,还能促进客户忠诚度。它表现出的特征应该是可以明晰的区分其他产品。由于用户访问界面的第一印象及其重要,为了确保给用户成功的第一印象。界面上应使用品牌的合适颜色与图形风格。