平面排版 CRAP原则-人人都可能成为设计师

CRAP是四项基本设计原理,包括对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密(Proximity)

对比(Contrast)

避免页面上的元素太过相似、如果元素不相同,就让它们截然不同
元素包含字体、颜色、大小、线宽、形状、空间等
根本目的:增强页面效果, 有助于信息的组织
如何实现:通过字体选择、线宽、颜色、形状、大小、空间等来增加对比;对比一定要强烈
要避免的问题:不要犹豫,如果想形成对比,就加大力度

重复(Repetition)

让设计中的视觉要素在整个作品中重复出现,可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,即可增加条理性,又可加强统一性。重复对于多页文档的设计更重要
根本目的:统一并增强视觉效果,如果一个作品看起来很有趣,它往往也更易于阅读;
如何实现:想着如何保持并增强一致性,有没有可能增加一些纯粹为建立重复而设计的元素;创建新的重复元素,来增加设计的效果并提高信息的清晰度
要避免的问题:要避免太多地重复一个元素,要注意对比的价值

对齐(Alignment)

任何东西都不能在页面上随意摆放,每个素材都就当与页面上的另一个元素有某种视觉联系,可建立一种清晰、精巧且清爽的外观。
根本目的:使页面统一而且有条理,不论创建精美的、正式的、有趣的还是严肃的外观,通常都可以利用一种明确的对齐来达到目的
如何实现:要特别注意元素放在哪里,应当总能在页面上找出与之对齐的元素
要避免的问题:要避免在页面上混合使用多种文本对齐方式,尽量避免居中对齐,除非有意创建一种比较正式稳重(乏味)的表示

亲密性(Proximity)

彼此相关的项应当靠近,归组在一起,如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素
有助于组织信息,减少混乱。
要有意识地注意读者(自己)怎样阅读的,视线怎样移动,有确定的开始和结束。
根本目的:根本目的是实现组织性,使空白更美观。
如何实现: 微眯眼睛,统计页面元素,如果超过3-5个,就归组合并
要避免的问题:不要只因为有空白就把元素放在角落或中英,避免一个页面上有太多孤立的元素,不要在元素之间孵出同样大小的空白,除非各组同属于一个子集,不属一组的元素之间不要建立关系!

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/1881.html

(11)
江山如画的头像江山如画管理团队
上一篇 2018年5月3日 下午9:19
下一篇 2018年5月9日 上午10:25

99%的人还看了以下文章

  • 如何制作网页,网站制作流程

    如何制作网页?初学者如何制作满意的网页?网站制作流程。

    2019年1月25日
    4.0K0
  • 毛笔字生成器,毛笔字在线生成网站

    125网页设计今天给大家推荐几个毛笔字生成器,毛笔字在线生成网站: http://www.51poca.com/ http://www.epinv.com/online/ http://www.akuziti.com/mb/ 毛笔字改造使用方法 将下载下来的字体图片AI转路径,编辑文字。 首先使用在线生成器输入选择好你需要的文字字形,将文字图片拖至AI中。 …

    2019年1月5日 网页设计
    8.5K0
  • 网页制作中表单的设计及优化方法

    表单是网页制作中常用的元素,本文会探讨表单设计的注意事项。但这些只是通用规范,每条准则总有特殊情况。 表单应该只有一列 多列布局会扰乱用户垂直方向的视线移动。 把标签放到顶部 顶部标签的表单比左侧标签有更高的完成率。顶部标签的表单也易于移植到移动端。但是,对于有多种选择项的大量数据列表而言,请考虑使用左侧标签,因为它们在一起更易于浏览,能够减少高度,比顶部标…

    2018年7月30日 网页设计
    3.3K0
  • 最全的前端开发框架介绍

    前端框架一般指用于简化网页设计的框架,比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件(按钮,表单等等)。前段框架的好处:对于互联网的产品而言,前端用户体验往往决定了一款产品的竞争力和吸引力;而对于前端工程师来说,考虑的问题更为复杂,他们既要为网站上提供的产品和服务实现一流的Web页面、优化…

    2023年1月18日
    1.1K0
  • 网页设计常用色彩搭配表《配色表》

    该配色表将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。 按色相的搭配分类 红色、橙色、 黄色、 黄绿色、 绿色、 青绿色、 蓝色、 蓝紫色、 紫色、 紫红色 按印象的搭配分类 柔和、明亮、温柔柔和、洁净、爽朗可爱、快乐、有趣活泼、快乐、有趣运动型、轻快轻快、华丽…

    2018年2月5日
    11.3K0
  • 第1章 网页设计与制作基础

    1.1 网站与网页1.2 网页相关的概念1.3 网站制作基本流程1.4 网页设计制作工具

    2018年3月15日
    3.2K0

发表回复

登录后才能评论

评论列表(1条)