简谈衡量界面视觉设计的方法
时间:2008年11月17日 内容来源: 互诺科技 浏览量:0

  我们经常会遇到视觉界面设计无法衡量好坏的问题,其实简单来总结一下,可以从以下6个大方面来判断:

  一、视觉有否正确传达出产品/交互意图

  视觉界面设计,不是单纯的图形设计,而是整个产品设计中的一个步骤,要在理解和遵循产品概念的基础上,

  参照目标群体心理模型和交互意图进行视觉设计,并且视觉设计要达到用户愉悦的目的。

  二、布局

  用户所接触到的网站/产品的界面,是一个平面,我们通过信息结构组织,主次内容归纳和区分,通过布局,

  给用户浏览阅读的线索。

  *版面布局(栅格系统 网页浏览模式)

  —-以规范的栅格系统部署的界面,信息呈现清晰易读;对前端开发更具规范与灵活性。

  —-网页浏览模式如“F”型模式,等,能帮助了解用户浏览和关注度特征,用依据来做视觉设计。

  *层次感

  —-视觉界面设计犹如美妙的歌曲一样,需要节奏和韵律感,通过层次来营造。

  *留白/间距

  —-有助于减少用户的认知负荷,使界面富有呼吸透气感。同时增强界面层次的结构与划分,是界面精致度

  体现的重要元素。

  三、信噪比(SRN)

  简易浅显来说,是视觉界面上有效信息与干扰信息之比。

  信噪比越高,有效信息越突出。

  四、风格

  风格是通过一系列视觉元素表现出来的,能体现品牌和产品情感化感受的视觉语言。

  同个网站/产品/界面的视觉风格要一致,可以通过视觉规范,DPL,淘斯基等来进行规范。

  五、色彩运用

  *色彩经济

   —-在同个网站/产品/界面的视觉设计中,建议主色不超过3种,以保证颜色及其赋予的值能被有效识别和理解。

  *色彩赋值

  —-把色彩看成资源,严谨赋予他合适的值,并保证统一的运用。

  六、字体设计

  同一界面中的字体及样式不超过3种,赋予每种字体样式值。

  字体的对比度要清晰,便于阅读。

  解决问题的方法肯定是越多越好,希望大家有更好更多的设计方法一起交流共享!

  原文:http://www.flowercauli.com/?p=5