Gui界面视觉设计的衡量

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

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

   二.布局

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

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

       *层次感

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

        *留白/间距

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

             体现的重要元素。

   

    三.信噪比（SRN）

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

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

   

    四.风格

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

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

 

    五.色彩运用

        *色彩经济

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

        *色彩赋值

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

   

    六.字体设计

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

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

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