页面设计四大基本原则

简介:

设计的四大基本原则

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

亲密性

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

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

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

对齐

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

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

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

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

重复

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

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

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

对比

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

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

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

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

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

目录
相关文章
|
设计模式 架构师 Java
五大(七大)原则-系统学习三
小编自涉足程序园界几千天之多;对于设计原则的学习一直在努力从未见到顶。最近又将设计原则从宏观和微观的角度进行了对比学习;仅以此将自己的学习过程和收获做如下总结,
|
Java 关系型数据库
java面向对象设计的五大原则
java面向对象设计的五大原则
|
搜索推荐 安全 数据安全/隐私保护
产品设计方法与原则
产品设计方法与原则
265 0
产品设计方法与原则
|
程序员
产品设计的几个原则
我认为产品经理最重要的工作是在有限的资源里,做出一个可交付的产品,然后不断打磨产品的价值。而产品是否具有价值,需要放到市场上去验证。
134 0
产品设计的几个原则
|
架构师 搜索推荐
清晰!我们从来都反对“大中台,小前台”的架构设计!
在2020全球敏捷架构峰会上,快狗打车的架构师李洪英,分享了快狗打车业务中台的一些经验与思考。
清晰!我们从来都反对“大中台,小前台”的架构设计!
|
设计模式 开发框架 Java
[5分钟]菜鸟修研之设计十模式:六大设计原则
[5分钟]菜鸟修研之设计十模式:六大设计原则
121 0
新闻动态页面设计的四大关键点
导航功能栏之新闻动态页面的设计
485 0
|
Web App开发 UED iOS开发
优秀产品背后的设计原则
本文讲的是优秀产品背后的设计原则,但我发现对于设计原则本身是什么这个概念存在一些误解,所以我们先来快速深入一下这个话题。
1015 0