亲密性原则

作者: 晴天的设计宝藏 | 来源:发表于2020-04-26 23:38 被阅读0次

​亲密性原则是UI设计中最基础也是必须掌握的一条设计原则。亲密性原则是设计中排版常有的原则。亲密性原则能让我们处理好界面中的信息层级关系,让信息的错落有序,让用户清晰的区分每一条信息,不会产生信息干扰。

什么是亲密性原则?

亲密性指将相关的项组织在一起,使他们的位置相互靠近,这样相关的项将被凝集为一个组,而不是一堆彼此无关的碎片。通俗的讲就是关系越亲密,距离越近。

亲密性原则能为用户提供一个直观的提示,使用户快速的了解界面信息内容之间的关系,减少用户信息识别的干扰与障碍,提高内容识别性与阅读性。

亲密性原则在设计中的应用

利用亲密性原则进行界面设计中的信息排版,是我们做设计的第一步。处理内容间文字信息的排布,处理功能与功能模块间的排布。关于利用亲密性设计原则进行信息层级区分有以下三个设计技巧。

1.使用间距进行信息层级的区分

设计的技巧是,内容与内容间的间距要小于模块与模块之间的距离。如图中的绿色间距要小于红色间距。在文字信息排版中要遵循字间距 <  行间距 <  段间距  <  组间距的规则。

2.使用分割线、色块、留白进行信息层级区分

采用留白与分割色块进行信息区分是界面设计中常见的设计手法。留白的好处是能让界面更加有呼吸感,同时减少界面的割裂感。分割线常用于内容里面的信息区分。目前市场上主流的app多以留白进行区分为主,分割线与色块为辅。

3.使用卡片进行信息层级区分

卡片的使用越来越广泛,在目前的设计中卡片式样式占据大多数。卡片能让不同的信息版块区分更加明显。

默默努力中,欢迎一起交流,一起成长

相关文章

  • 排版原则

    排版四原则 亲密性原则 对齐原则 重复原则 对比原则 一、亲密性原则 1. 什么是亲密性原则? 关联性越高的元素,...

  • 亲密性原则

    ​亲密性原则是UI设计中最基础也是必须掌握的一条设计原则。亲密性原则是设计中排版常有的原则。亲密性原则能让我们处理...

  • 读书笔记:《写给大家看的设计书》

    第1章 4大基本原则(crap) 对比 重复 对齐 亲密性 第2章 亲密性 Robin 亲密性原则是指:将相关的项...

  • 如何成为一个合格的设计师?

    做设计的的人需要明白设计的四大原则:亲密性、对齐、重复和对比。 一、 亲密性 1、亲密性原则:实现组织性,将相关的...

  • 写给大家看的设计书

    本书介绍4大排版原则——亲密性、对齐、对比、重复。 亲密性、对齐、对比、重复。这4个原则是可以打破的,但绝对不可以...

  • 庄|图33《写给大家看的设计书》知识卡片

    今天分享的是设计的四大原则:亲密性、对齐、对比、重复。 一、亲密性: 根本目的是实现组织性。尽管其他原则也能达到这...

  • 《写给大家看的设计书》四大基本原则&色彩篇

    一、四大基本原则:对比、重复、对齐和亲密性。 1、亲密性原则:将相关的项组织在一起,移动这些项,使它们的物理位置相...

  • 做到这四点,设计也可以很简单

    文/安小暖 本文为《写给大家看的设计书》读书笔记。 四大设计基本原则: 一、亲密性 亲密性原则是指将相关的项组织在...

  • 《写给大家的设计书》day1

    《写给大家的设计书》『一』——6.1 一、理论 设计四大原则: 对齐,重复,对比,亲密性(意味着存在关系, 亲密性...

  • 《设计-亲密性原则》

    陆陆续续抽空,大概花了1个月的时间看完了《写给大家看的设计书》,这本书本身是非常好读的,如果大家能静下心来,一个下...

网友评论

    本文标题:亲密性原则

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