简谈衡量界面视觉（UI）设计的方法（也是转的，地址记不得了）

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

一.视觉有否正确传达出产品/交互意图
视觉界面设计，不是单纯的图形设计，而是整个产品设计中的一个步骤，要在理解和遵循产品概念的基础上，
参照目标群体心理模型和交互意图进行视觉设计，并且视觉设计要达到用户愉悦的目的。

二.布局
用户所接触到的网站/产品的界面，是一个平面，我们通过信息结构组织，主次内容归纳和区分，通过布局，
给用户浏览阅读的线索。

*版面布局（栅格系统 网页浏览模式）
—-以规范的栅格系统部署的界面，信息呈现清晰易读；对前端开发更具规范与灵活性。
—-网页浏览模式如“F”型模式，等，能帮助了解用户浏览和关注度特征，用依据来做视觉设计。

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

*留白/间距
—-有助于减少用户的认知负荷，使界面富有呼吸透气感。同时增强界面层次的结构与划分，是界面精致度
体现的重要元素。

三.信噪比（SRN）
简易浅显来说，是视觉界面上有效信息与干扰信息之比。
信噪比越高，有效信息越突出。

四.风格
风格是通过一系列视觉元素表现出来的，能体现品牌和产品情感化感受的视觉语言。
同个网站/产品/界面的视觉风格要一致，可以通过视觉规范，DPL，淘斯基等来进行规范。

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

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

六.字体设计
同一界面中的字体及样式不超过3种，赋予每种字体样式值。
字体的对比度要清晰，便于阅读。

以上是原文内容：
转摘这篇文章也是对UI设计的一些了解，使前端能更好的进行团队协作。