简谈衡量界面视觉设计的方法

广州连邦教育 发表于 2008-11-22 10:57:26

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

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

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

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

  二、布局

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

  给用户浏览阅读的线索。

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

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

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

  *层次感

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

  *留白/间距

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

  体现的重要元素。

  三、信噪比(SRN)

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

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

  四、风格

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

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

  五、色彩运用

  *色彩经济

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

  *色彩赋值

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

  六、字体设计

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

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

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


收藏: QQ书签 del.icio.us 订阅: Google 抓虾

最新评论

发表评论

* 昵称

已经注册过? 请登录

新用户请先注册 以便能显示头像及追踪评论回复

Email
网址
* 评论
表情
 
 

分类小组论坛
杂谈, 娱乐、八卦, 文学、艺术, 体育, 旅游、同城, 象牙塔, 情感, 时尚、生活, 星座, 科技

请注意遵守中华人民共和国法律法规, 如威胁到本站生存, 将依法向有关部门报告, 同时本站的相关记录可能成为对您不利的证据.

相关法律法规
全国人大常委会关于维护互联网安全的决定
中华人民共和国计算机信息系统安全保护条例
中华人民共和国计算机信息网络国际联网管理暂行规定
计算机信息网络国际联网安全保护管理办法
计算机信息系统国际联网保密管理规定