简单讲讲设计四大原则 - 前端读《写给大家看的设计书》收获

本文介绍了设计的四大基本原则——亲密性、对齐、重复和对比,通过实例分析了每个原则的应用和重要性,旨在帮助前端开发者提升设计审美和页面布局能力。书《写给大家看的设计书》提供了易懂的设计理论,适合设计初学者阅读。
摘要由CSDN通过智能技术生成

文/ 阿里淘系 F(x) Team - 郁结

原书 Robin williams 著《写给大家看的设计书》 The Non-Designer's Design Book

 

最近想看一些设计相关的文章,来提升一下自己的审美~

就看了《写给大家看的设计书》,这本比较适合入门的书籍~

本篇文章主要从设计四大基本原则来讲的,我也从这四个带你来讲下,附上几个例子,帮助大家了解

 

设计四大原则

设计的四大原则,分别是:亲密性、对齐、重复、对比,缺一不可!

我们来挨个说一说

 

亲密性(Proximity)

简单来说,就是将相关的项组织在一起,一般而言物理位置的接近就意味着存在关联,用下面的图就可以明确的看到亲密性的作用。

image.png

根本目的

亲密性的根本目的是实现组织性,只需简单地将相关的元素分在一组建立更近的亲密性,就能自动实现条理性和组织性。。如果信息很有条理,将更容易阅读,也更容易被记住。此外还有一个很好的“副产品”,利用亲密性原则,还可以使 空白(这是设计者们最喜欢的)更美观(也更有条理)

 

对比下面两张有留白的图,就可以明显的看出关系

image.png

如何实现 - 找到视觉单元

微微眯起眼睛,统计眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3 ~ 5 个(当然,这取决于具体情况),就要看看哪些孤立的元素可以归在一组建立更近的亲密性,使之成为一个视觉单元。

 

一张原始的名片&

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值