CRAP设计理论

1. 定义：

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

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

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

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

请看如下例子：

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

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

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

3. 推荐书籍

（1）. 写给大家看的设计书

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

（2）. 写给大家看的 Web 设计书

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

web 设计暑期课笔记 Ⅱ CRAP设计理论相关推荐

html与网页设计实践课,HTML5网页设计课程混合式教学设计与实践
郦丽华 [摘要]研究是针对HTML5网页设计课程基于在线的混合式教学进行了设计,并在浙江育英职业技术学院信息技术类专业群开展了两年多的教学实践.文章对该模式下的教学进行了总结和反思. [关键词]混合式 ...
写给大家看的设计书阅读笔记1——设计的四大基本原则
设计的四大基本原则概述有一些基本的设计原则,每一个优秀的设计中都应用了这些原则.我们在观察评价一个设计作品时,也要从这几条基本原则去考虑. 亲密性 Proximity 彼此相关的项应当靠近,归组在一 ...
尚硅谷李立超老师讲解web前端网课笔记
HTML的重要知识点: 初学web笔记一(语义化标签) h标签表示一个标题,p标签表示一个段落,hgroup用于标题分组,em标签用于语意加重,blockquote表示长引用(会自动换行),q表示短引 ...
【HTML】HTML网页设计---海贼王动漫网页设计
1.引言设计结课作业,课程设计无处下手,网页要求的总数量太多?没有合适的模板?数据库,java,python,vue,html作业复杂工程量过大?毕设毫无头绪等等一系列问题.你想要解决的问题,在微信 ...
【HTML】HTML网页设计-----可爱多肉网页设计
1.引言设计结课作业,课程设计无处下手,网页要求的总数量太多?没有合适的模板?数据库,java,python,vue,html作业复杂工程量过大?毕设毫无头绪等等一系列问题.你想要解决的问题,在微信 ...
【vue课程设计】vue课程设计--随机小游戏游戏设计
1.引言设计结课作业,课程设计无处下手,网页要求的总数量太多?没有合适的模板?数据库,java,python,vue,html作业复杂工程量过大?毕设毫无头绪等等一系列问题.你想要解决的问题,在微信 ...
【HTML】HTML网页设计---海贼王动漫前端设计
1.引言设计结课作业,课程设计无处下手,网页要求的总数量太多?没有合适的模板?数据库,java,python,vue,html作业复杂工程量过大?毕设毫无头绪等等一系列问题.你想要解决的问题,在微信 ...
学堂在线部分网课笔记---Web设计与应用
学堂在线部分网课笔记 Web设计与应用第六章敏捷的前端框架 6.2.1 bootstrap响应式布局(一) 容器非固定宽度固定宽度 Viewport viewport的作用是什么? width ...
规模化微服务——《微服务设计》读书笔记
改变思维的角度:故障无处不在当微服务规模化后,故障是无可避免的,以往我们总是想尽力避免故障的发生,而当故障实际发生时,我们往往束手无策.我们花了很多时间在流程设计和应用设计的层面上来阻止故障的发生, ...

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

CRAP设计理论

1. 定义：

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

3. 推荐书籍

（1）. 写给大家看的设计书

（2）. 写给大家看的 Web 设计书

web 设计暑期课笔记 Ⅱ CRAP设计理论相关推荐

最新文章

热门文章

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

CRAP设计理论

1. 定义：

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

3. 推荐书籍

（1）. 写给大家看的设计书

（2）. 写给大家看的 Web 设计书

web 设计 暑期课笔记 Ⅱ CRAP设计理论相关推荐

最新文章

热门文章

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

web 设计暑期课笔记 Ⅱ CRAP设计理论相关推荐