web 设计 暑期课笔记 Ⅱ CRAP设计理论

本文深入探讨了CRAP设计理论的四大原则:对比(Contrast)、重复(Repetition)、对齐(Alignment)和亲密性(Proximity),并解释了这些原则如何引导视线,提升设计效果。同时,推荐了两本经典书籍《写给大家看的设计书》和《写给大家看的Web设计书》,以帮助读者更好地理解和应用CRAP理论。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CRAP设计理论

1. 定义:

Contrast 对比
如果两个项不同,就应该使之不同,并且是截然不同
目的:页面效果;信息组织。

Repetition 重复
设计的某个方面需要在页面中重复
目的:统一;增强效果。

Alignment 对齐
任何元素都不能在页面,上随意安放,每一项都应该与页面上某个内容存在某种视觉联系
目的:统一而有条理。

Proximity 亲密性
相关的项要组织在一起
目的:实现组织性。

请看如下例子:

在这里插入图片描述

感觉老师讲到这里已经开始恨铁不成钢了,疯狂吐槽毕业论文格式问题哈哈哈。
本文刚好是 CRAP 理论最典型的反面教材 TAT!

做毕业论文的时候要选择样式!
做毕业论文的时候要选择样式!
做毕业论文的时候要选择样式!

2. CRAP 理论的好处:视线被设计引导

3. 推荐书籍

(1). 写给大家看的设计书

“有很多 CRAP 案例,非常推荐大家看一看。”

(2). 写给大家看的 Web 设计书

“简洁明了,对大家帮助还是很大的。”

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值