页面设计四大基本原则

设计的四大基本原则

对比：避免页面上元素太过相似。
重复：设计中的视觉要素在整个作品中重复出现。
对齐：对齐元素能建立清晰的外观。
亲密性：相关的项应该靠近，归组在一起。

亲密性

亲密性是指：将相关的项组织在一起，这样相关的项被看作为一个整体。

如果多个项之间有很近的亲密性，它们就会成为一个视觉单元，而不是多个鼓励的元素。就像实际生活中一样，亲密性意味着存在关联。

要有意识的注意你是怎样阅读的，你的视线怎样移动，从哪里开始到哪里结束；沿着怎样的路径。亲密性的根本目的是视线组织性。

对齐

任何元素都不能在页面上任意安放。每一项都应当与页面上的某个内容存在某种视觉联系。

要坚持一个原则：页面上只使用一种文本对齐，所有文本都左对齐，或右对齐，或居中对齐。

在设计中，统一性是很重要的，要让页面上的所有元素看上去统一、有联系而且彼此相关，需要在各个单独的元素之间攒在某种视觉纽带。

要避免在页面上混合多种文本对齐方式（也就是说，不要将某些文本居中，而另外一些文本右对齐）。另外，要避免居中对齐。

重复

设计的某些方面需要在整个作品中重复。重复颜元素可能是一种粗字体、一条粗线，某个项目符号、颜色、设计要素等。

重复最大的好处是使各项看起来同属一组，虽然元素看起开都不完全相同。一旦建立一组关键的重复项，就可以变换这些项并仍可保持一致的外观。

重复的目的就是统一，并增强视觉效果。

对比

对比是为页面增加视觉效果的最有效的途径，要想实现有效的对比，对比就必须强烈。

如果两个项不完全相同，就应当使之不同，而且应当是截然不同。

在页面上增加对比能吸引人的眼球。

可以通过字体选择、线宽、颜色、形状、大小、空间等等来增加对比。

【参考资料】
写给大家看的设计书

页面设计四大基本原则相关推荐

简单讲讲设计四大原则 - 前端读《写给大家看的设计书》收获
文/ 阿里淘系 F(x) Team - 郁结原书 Robin williams 著<写给大家看的设计书> The Non-Designer's Design Book 最近想看一些设计相 ...
写给大家看的设计书阅读笔记1——设计的四大基本原则
设计的四大基本原则概述有一些基本的设计原则,每一个优秀的设计中都应用了这些原则.我们在观察评价一个设计作品时,也要从这几条基本原则去考虑. 亲密性 Proximity 彼此相关的项应当靠近,归组在一 ...
PPT设计的四大基本原则（对齐）
紧接上一篇,接下来我们聊一聊PPT设计的四大基本原则中的对齐. 对齐可以说是PPT设计中最基本也是最简单的原则了,所以今天也不会做过多的赘述.好了,话不多说,老规矩,直接上图. 先看下图的左边,这个是 ...
PPT设计的四大基本原则（重复）
紧接上一篇,接下来聊一聊PPT设计的四大基本原则中的重复性原则. 重复性原则主要是强调了在PPT设计过程中,要注意PPT中元素的重复,进而实现PPT格式.风格以及视觉上的统一.咱也不罗嗦,先说第一个: ...
PPT设计的四大基本原则（亲密性）
紧接上一篇,这也是最后PPT设计的四大基本原则中的最后一篇.接下来我们要聊一聊PPT设计设计中的亲密性原则. 话不多说,老规矩,我们直接上图,对于亲密性而言,第一点,一定要选择合理的段间距与行间距.一 ...
PPT设计的四大基本原则（对比篇）
最近,抽时间学习了一下PPT的制作,并做了一些练习与整理了,正好借此机会也来写下这一篇博客,给有需要的人. 话不多说,直接看图,PPT的设计一般来说有四大基本原则,分别是:对比.重复.对齐.亲密性,接 ...
数据可视化设计的基本原则是什么？
数维图科技专注数据图表.2D.3D可视化引擎研发,推出了SovitChart数据可视化大屏设计软件,经过数维图近年来的大屏可视化设计经验,有一些前端数据可视化图表设计和实现的经验和大家分享. 数据可视 ...
App设计的基本原则和规范
目前移动设计在我们的工作中越来越重要啦,除了掌握基本的UI设计技能之外,我们也要对移动互联网的特征有所认识.为了能在交互设计和用户体验上做出比竞品更优秀的移动APP产品,我们必须知道移动设计的基本原则 ...
软件测试质量标准的指标,关于测试设计的基本原则和用例的质量标准
关于测试设计的基本原则和用例的质量标准发表于:2009-11-12来源:作者:点击数: 关于测试设计的基本原则和用例的质量标准软件测试一.测试用例设计的基本原则在测试用例设计时,除了需要遵 ...

页面设计四大基本原则

设计的四大基本原则

亲密性

对齐

重复

对比

页面设计四大基本原则相关推荐

最新文章

热门文章