简谈衡量界面视觉(UI)设计的方法(也是转的,地址记不得了)
我们经常会遇到视觉界面设计无法衡量好坏的问题,其实简单来总结一下,可以从以下6个大方面来判断:
一.视觉有否正确传达出产品/交互意图
视觉界面设计,不是单纯的图形设计,而是整个产品设计中的一个步骤,要在理解和遵循产品概念的基础上,
参照目标群体心理模型和交互意图进行视觉设计,并且视觉设计要达到用户愉悦的目的。
二.布局
用户所接触到的网站/产品的界面,是一个平面,我们通过信息结构组织,主次内容归纳和区分,通过布局,
给用户浏览阅读的线索。
*版面布局(栅格系统 网页浏览模式)
—-以规范的栅格系统部署的界面,信息呈现清晰易读;对前端开发更具规范与灵活性。
—-网页浏览模式如“F”型模式,等,能帮助了解用户浏览和关注度特征,用依据来做视觉设计。
*层次感
—-视觉界面设计犹如美妙的歌曲一样,需要节奏和韵律感,通过层次来营造。
*留白/间距
—-有助于减少用户的认知负荷,使界面富有呼吸透气感。同时增强界面层次的结构与划分,是界面精致度
体现的重要元素。
三.信噪比(SRN)
简易浅显来说,是视觉界面上有效信息与干扰信息之比。
信噪比越高,有效信息越突出。
四.风格
风格是通过一系列视觉元素表现出来的,能体现品牌和产品情感化感受的视觉语言。
同个网站/产品/界面的视觉风格要一致,可以通过视觉规范,DPL,淘斯基等来进行规范。
五.色彩运用
*色彩经济
—-在同个网站/产品/界面的视觉设计中,建议主色不超过3种,以保证颜色及其赋予的值能被有效识别和理解。
*色彩赋值
—-把色彩看成资源,严谨赋予他合适的值,并保证统一的运用。
六.字体设计
同一界面中的字体及样式不超过3种,赋予每种字体样式值。
字体的对比度要清晰,便于阅读。
以上是原文内容:
转摘这篇文章也是对UI设计的一些了解,使前端能更好的进行团队协作。
一.视觉有否正确传达出产品/交互意图
视觉界面设计,不是单纯的图形设计,而是整个产品设计中的一个步骤,要在理解和遵循产品概念的基础上,
参照目标群体心理模型和交互意图进行视觉设计,并且视觉设计要达到用户愉悦的目的。
二.布局
用户所接触到的网站/产品的界面,是一个平面,我们通过信息结构组织,主次内容归纳和区分,通过布局,
给用户浏览阅读的线索。
*版面布局(栅格系统 网页浏览模式)
—-以规范的栅格系统部署的界面,信息呈现清晰易读;对前端开发更具规范与灵活性。
—-网页浏览模式如“F”型模式,等,能帮助了解用户浏览和关注度特征,用依据来做视觉设计。
*层次感
—-视觉界面设计犹如美妙的歌曲一样,需要节奏和韵律感,通过层次来营造。
*留白/间距
—-有助于减少用户的认知负荷,使界面富有呼吸透气感。同时增强界面层次的结构与划分,是界面精致度
体现的重要元素。
三.信噪比(SRN)
简易浅显来说,是视觉界面上有效信息与干扰信息之比。
信噪比越高,有效信息越突出。
四.风格
风格是通过一系列视觉元素表现出来的,能体现品牌和产品情感化感受的视觉语言。
同个网站/产品/界面的视觉风格要一致,可以通过视觉规范,DPL,淘斯基等来进行规范。
五.色彩运用
*色彩经济
—-在同个网站/产品/界面的视觉设计中,建议主色不超过3种,以保证颜色及其赋予的值能被有效识别和理解。
*色彩赋值
—-把色彩看成资源,严谨赋予他合适的值,并保证统一的运用。
六.字体设计
同一界面中的字体及样式不超过3种,赋予每种字体样式值。
字体的对比度要清晰,便于阅读。
以上是原文内容:
转摘这篇文章也是对UI设计的一些了解,使前端能更好的进行团队协作。