qian奇岸微信二维码 如您需要快速报价 请加技术经理微信 服务热线
13501992972
"MENU"
首页 > 行业新闻 > 正文

设计和排版的四个原则:复、对齐和亲密

奇岸开发
ahqian.com
09/06/2022
wechat

无需加好友免费技术支持

有很多新设计师在做网页设计时,要么无法开始,要么异想天开地认为这很简单,但即使他们复制一部优秀的作品,效果也完全不同,但他们对自己感到非常满意。

问题出在哪里?事实上,学习任何技能都常规的。在这里,我想和大家分享一本设计师必须阅读的圣典《写给你的设计书》。这本书讲述了设计和排版的四个原则:复、对齐和亲密。

本文重点介绍了大师如何灵活运用这四个原则来设计生动、有趣、有组织的优秀网页作品,能让你称赞?

如果信息之间的相关性越高,它们之间的距离就越近,就越像一个视觉单元。亲密关系的根本目的是实现组织,让用户一眼就能看到页面结构和信息水平。

示例如下:

作品来源:

lght by Andrew Baygulov

此案例通过间距来拉开彼此关系,使页面内容更有条理性和逻辑性,板式布局更美观。用户也更容易阅读,更容易被记住。

在认知过程中,人们倾向于使感知对象的直线继续成为直线,使曲线继续成为曲线。在界面设计中,元素对齐不仅符合用户的认知特征,而且引导视觉流,使用户能够更顺利地接收信息。

示例如下:

作品来源:Jason Ray by mike

本案例采用了大量的右对齐和左对齐,使页面上的所有元素都有一定的视觉联系,使页面更加统一,内容更加突出。

比较是增加视觉效果最有效的方法之一,也可以在不同元素之间建立有组织的层次结构,让用户快速识别关键信息。

示例如下:

作品来源:Corpo by webshocker

通过多层次的文本对比和色块对比,突出了主次内容关系,增强了页面的视觉效果。

相同的元素在整个界面中不断重复,不仅可以有效降低用户的学习成本,也可以帮助用户识别出这些元素之间的关联性。

示例如下:

作品来源:SBA by Webshocker

本页使用相同的字体、相同的粗标题字体、相同的项目符号、颜色、设计元素、图标和文本排版形式、空间关系等重复元素,统一和增强整个作品,使页面更加识别、一致,减轻用户理解的负担。

这四个原则反映在所有优秀的作品中。你周围到处都是这样的例子。我希望这篇文章能不知不觉地向你灌输这种设计思维,以提高你的视觉敏感性。当你明白为什么一个好的设计时,这些原因就会反映在你自己的作品中。

你顿悟了吗?期待你的杰作!

热度436

了解更多设计和排版的四个原则:复、对齐和亲密欢迎联系奇岸开发客服。

奇岸开发可定制企业官网小程序、小程序商城、餐饮外卖小程序、预约小程序、多门店小程序、分销小程序及个人小程序。

微信二维码

微信长按识别或扫一扫,无需加好友直接咨询,企业网站开发、网站托管维护、企业管理系统开发、微信小程序制作、域名主机、网站备案、网站改版等提供专业技术解答。

精彩推荐

猜你喜欢