最专业的八方代购网站源码!

资讯热点
视觉设计基金会:四个设计原则

发布时间:2020-2-1 分类: 行业资讯

视觉设计的四个原则可以在本文中找到。

在许多情况下,我们在设计时忽略了一些基本的设计原则。许多设计师即使设计多年也无法完全解释设计原则。设计基于感觉。至于为何难以设计这样的设计。合理的解释。

俗话说,九层平台始于基础土壤。它显示了基础的重要性和设计是否相同。我们都需要打下坚实的基础。我今天所说的设计原则是基于着名的书《写给大家看的设计》。

 01 详解四大设计原则

我今天将详细解释《写给大家看的设计》书中提到的四个基本原则:亲密,对齐,重复,对比

亲密度:

指的是彼此相关的项目,在空间方面更加紧密。例如,微信在页面中找到类似的类别,我们的心理默认值更接近同一类信息;相反,如果不使用亲密原则,整个微信消息看起来很混乱。

对齐:

对齐的根本目的是使页面统一和有组织。然而,对齐分为物理对齐和视觉对齐。物理对齐意味着我们可以使用物理线来测量对齐。视觉对齐是指视觉感官对齐。它主要用于某些物理对齐无法带给我们的地方。在特殊情况下的对齐感。那么我们可以使用的视觉对齐是什么?

 【01】图形和图形之间的视觉对齐

通常在具有收缩感而另一个没有收缩感的情况下发现,例如正方形和圆形。那么如何解决这个问题,我们只需要遵循以下原则:具有收缩感的物体的轻微放大可以与没有收缩感的物体平衡。

  【02】文字和文字之间的视觉对齐

文本和文本分为三种情况。一个是中国人和中国人之间的对齐,因为中文是一个字块,所以物理对齐基本上没问题;第二是英语和英语的对齐。如图所示,一些英文字体是收缩字体,所以我们此时需要视觉对齐。如果英语不是收缩字体,我们只需要物理对齐。第三是中英文的对齐。处理类似于第三种情况。

  【03】图形和文字之间的视觉对齐

图形和文本之间的对齐分为两种情况。一个是线图形和文本的对齐,权重相对较小。在这种情况下,我们只需要放大或移动几个像素即可实现视觉平衡。另一个是重量相对较大的方框图。在这种情况下,我们只需要物理对齐它,因为块的物理重量大于文本,这可以弥补视觉不平衡。

重复:

重复的目的是统一和增强视觉效果,但避免过多重复元素会让人感到不舒服。例如,盒子APP APP主页的界面,在盒子里我抓住了使用重复的原理,整体看起来非常统一和谐。

比较:

通过字体选择,线宽,颜色,形状等可以增加对比度效果。对比度很强是很重要的。例如,此横幅使用文本对比和颜色对比的原理。横幅的信息级别非常明显,它显示了横幅的主要内容。

 02 案例操作

在完成原则后,我将带大家一起进行案例的实际操作,以显示这四个原则的用法。首先,我们将首先分析此界面中的一些问题:

头部区域给人一种非常沮丧的感觉

应突出常用的操作入口,但现在它们非常扁平

信息没有区别,布局似乎是空的

菜单栏的五列太拥挤,图标不均匀,所选的黄色在白色上不是特别明显。

转换界面

使用亲密和对齐原则

使用重复和对比原则

这篇文章现在结束了。谢谢你的阅读。我希望我已经可以在《写给大家看的设计书》中解释四个原则的内容。

本文最初由@小凡发表。未经许可,禁止复制。

该地图来自unsplash,基于CC0协议

« 那些年中虚拟资源代购源码网站的盈利能力 | 这10个原因告诉您为什么要在设计中使用渐变 »