美文网首页
【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】视觉信息设计原则

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