页面设计四大基本原则

简介:

设计的四大基本原则

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

亲密性

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

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

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

对齐

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

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

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

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

重复

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

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

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

对比

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

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

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

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

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

目录
相关文章
|
存储 开发工具 git
helm v2 源大全
helm v2 源大全
|
算法 计算机视觉 Python
python利用opencv进行相机标定获取参数,并根据畸变参数修正图像附有全部代码(流畅无痛版)
该文章详细介绍了使用Python和OpenCV进行相机标定以获取畸变参数,并提供了修正图像畸变的全部代码,包括生成棋盘图、拍摄标定图像、标定过程和畸变矫正等步骤。
python利用opencv进行相机标定获取参数,并根据畸变参数修正图像附有全部代码(流畅无痛版)
|
12月前
|
Kubernetes 负载均衡 应用服务中间件
kubeadm快速构建K8S1.28.1高可用集群
关于如何使用kubeadm快速构建Kubernetes 1.28.1高可用集群的详细教程。
377 3
|
存储 Linux 数据库
k8s-dashboard、helm
k8s-dashboard、helm
466 1
|
Dubbo Java 应用服务中间件
开源微服务如何选型?Spring Cloud、Dubbo、gRPC、Istio 详细对比
开源微服务如何选型?Spring Cloud、Dubbo、gRPC、Istio 详细对比
1362 98
|
消息中间件 druid 数据可视化
一小时搭建实时数据分析平台
实时数据分析门槛较高,我们如何用极少的开发工作就完成实时数据平台的搭建,做出炫酷的图表呢?
693 0
一小时搭建实时数据分析平台
|
Kubernetes 网络协议 Linux
Cilium 系列 -2-Cilium 快速安装
Cilium 系列 -2-Cilium 快速安装
|
负载均衡 网络协议 Linux
linux实现DNS轮询实现负载平衡
   DNS 轮询机制会受到多方面的影响,如:A记录的TTL时间长短的影响;别的 DNS 服务器 Cache 的影响;windows 客户端也有一个DNS Cache。
3066 0
|
Shell Linux Apache
Apache Doris集群模式快速体验之标准部署(2)2
Apache Doris集群模式快速体验之标准部署(2)2
378 0
|
存储 Kubernetes 调度
k8s StorageClass详解
k8s StorageClass详解
1297 0