美文网首页
【15】视觉信息设计原则

【15】视觉信息设计原则

作者: skyuknow | 来源:发表于2017-01-05 13:00 被阅读159次

1、好的界面要传达品牌理念;

2、设计师需要对页面创建层级和建立联系;

创建层级:根据场景判断哪些信息是重要的和次要的,可以通过位置,颜色,大小等等来创建。

建立联系:利用空间关系;具有相似的视觉元素,在视觉上组织在一起。

3、用户界面由视觉元素和行为元素组成,从元素到分组到屏幕或是到页面,这些不同的信息层次就要求把不同的信息组织成不同的结构和流; 

运用栅格系统,对齐到网格,提高界面美观性,可读性。

创建逻辑路径,符合人眼阅读习惯。

鼓励平衡的不对称设计,完全对称,会显得很单调。

4、利用能供性原则引导用户操作;

使用图标清晰的传达品牌属性。

通过视觉传达功能的几个原则:同时表达动作和动作施加的对象,以增加理解;不要使用违背用户认知的隐喻和表达方式,要注意文化差别;

在视觉上将不同功能分组;

保持图标简单简洁;

尽可能重用元素,降低用户认知:建立对象和视觉符号的关联,帮助用户快速找到目标;对于不同的对象,要在视觉上明显区分;简单的渲染图标和视觉符号;尽可能的传达视觉功能和行为;

5、响应命令;

0.1s<响应耗时<1s,提供细微的视觉反馈。

6、将用户的注意力聚焦到重要信息上;

吸引用户注意力用的都是视觉元素的对比。但是,注意力机制会强制打断用户的正常工作;吸引用户注意力的操作容易破坏产品的体验一致性。

7、过多的视觉元素会照成视觉噪音,加重用户认知负荷,用户的注意力就会从能供性上转移到这些噪声上来;

8、保持界面简洁:

斯塔夫设计原则:

1、加强视觉对比;

2、显示因果关系;

利用非模态视觉反馈,告知用户其行为可能发生的结果,或提供如何完成操作的提示。 

3、显示多个变量;

4、显示多个变量,在一个界面整合文本,图形及数据;

5、确保内容的质量,相关性和完整性;

6、在相邻空间上显示事物,而不是按照时间堆积;

7、可量化的数据就要量化,图形能够直观的说明问题,但是能追求精确性还是要追求精确性;


相关文章

  • 【15】视觉信息设计原则

    1、好的界面要传达品牌理念; 2、设计师需要对页面创建层级和建立联系; 创建层级:根据场景判断哪些信息是重要的和次...

  • Meterial design与Ant design规范对比分析

    价值观及目标 设计原则 设计原则-布局 设计原则—导航 设计原则—视觉(颜色) 设计原则—交互模式 设计原则—动效...

  • GAP

    在全球化、信息化、数字化的今天,部分学者以图形界面的视觉设计原则为基础,提出了人机交互界面的视觉设计应遵守“简洁易...

  • 人如何观察-下

    周边视觉就像低分辨率图像 很多设计师主要根据中央视觉进行设计,周围视觉需要简化设计。 违背设计常识的屏幕设计原则 ...

  • Material Design与IOS Human Interf

    一、Material Design设计原则 Material Design是谷歌Android系统的视觉设计语言,...

  • 帕森斯视觉传达专业申请指南

    视觉传达设计(Visual Communication Design)是指利用视觉符号来传递各种信息的设计。设计师...

  • 广告创意的“奇思妙想”🤔

    视觉设计的“语义性”:欲使视觉设计形态语义准确,首先要了解各设计因素的潜在语言,了解设计原则、文字语义、图形语义、...

  • 读书笔记|字体设计

    字体设计是指在一定的设计原则下用各种表现手法将文字按照视觉规律塑造出来的过程。目的是通过设计将信息更清晰、更生动地...

  • 产品设计能力篇

    产品的设计最基础还是围绕“产品的视觉设计”和“产品的功能设计”两方面。 一、视觉设计的原则:抓住核心要素; 一些思...

  • 读书笔记—《交互设计精髓》第14章 视觉界面设计

    1、视觉界面设计的组成要素 形状、尺寸、值、颜色、方位、纹理、位置 2、交互界面设计的原则 ①运用视觉属性将元素分...

网友评论

      本文标题:【15】视觉信息设计原则

      本文链接:https://www.haomeiwen.com/subject/kadvmttx.html