平面排版 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%的人还看了以下文章

  • 那些漂亮的网页banner,用的什么字体?

    banner的字体选用要根据banner的主题,去挑选,因为字体本身也是有性格的。 一、稳定型(协调,齐全,稳定,高质) 微软雅黑、冬青黑体、宋体、华文细黑 方正正中黑 方正兰亭系列 二、刚硬,锐利,清晰,强烈 造字工坊力黑体 造字工坊版黑体 造字工坊劲黑体 锐字逼格锐线体简 张海山锐线体 华康儷金黑 蒙纳超刚黑体 (更适用大气,热烈,权威,声明等主题) 三…

    2019年10月22日 网页设计
    5.1K0
  • 网页设计中最常用的7款字体

    字体主要分为衬线字和无衬线字。网站制作中,选用什么样的字体是比较重要。 衬线字和无衬线字的区别:左边的中文和英文字属于衬线字,右边中文和英文属于无衬线字。 衬线字指的是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。 如宋体,观察比划可以看到横细竖粗的特点,这就是典型的称线字。 无衬线字体没有这些额外的装饰,而且笔画的粗细差不多。比如微软雅…

    2019年10月22日 网页设计
    8.2K0
  • 最全的前端开发框架介绍

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

    2023年1月18日
    1.0K0
  • 福利!13款免费商用黑体字体推荐

    “黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。无论是识别性、适用面、视觉效果都非常好。本期推荐 13 款免费商用黑体,前 6 款为各大品牌开发的黑体字型,后 7 款是在传统黑体上进行设计改造,形成各有特点的黑体变体。 Adobe 和 Google 共同开发的免费黑体。字体设计优雅,显示效果优秀,可以满足不同场景下的文字显示需求。由于字…

    2023年1月20日 网页设计
    6.2K0
  • 移动端web app和页面开发使用什么字体?微软雅黑?

    一直不清楚移动端web app和页面用的什么字体,只是觉得类似微软雅黑,直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。 三大手机系统IOS、android、winphone支持的字体 ios 系统 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 androi…

    2019年4月9日
    11.5K0

发表回复

登录后才能评论

评论列表(1条)