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

2008-11-17 22:20:00

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

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

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

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

　　二、布局

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

　　给用户浏览阅读的线索。

　　*版面布局（栅格系统网页浏览模式）

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

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

　　*层次感

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

　　*留白/间距

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

　　体现的重要元素。

　　三、信噪比（SRN）

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

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

　　四、风格

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

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

　　五、色彩运用

　　*色彩经济

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

　　*色彩赋值

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

　　六、字体设计

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

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

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

　　原文：//www.flowercauli.com/?p=5