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

  • 从零开始做APP界面设计二:App界面设计尺寸

    Android SDK模拟机的尺寸 屏幕大小 低密度(120) 中等密度(160) 高密度(240) 超高密度(320) 小屏幕 QVGA(240×320) 480×640 普通屏幕 WQVGA400(240×400) WQVGA432(240×432) HVGA(320×480) WVGA800(480×800) WVGA854(480×854) 600×…

    2018年4月21日 网页设计
    7.9K0
  • 网页制作实战项目二:爱的天空

    请加入网页设计交流群:208047327 ,在项目制作过程中有任何问题,可以在群内讨论,或进入本站问答社区互动。 【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 《爱的天空》主页面及心情日志页面制作 【上机目的】 1 、巩固表格布局的方法和技巧 2 、掌握HTML及CSS的使用 【上机重点】 1 、表格布局 2 、HTML及CSS的使…

    2018年4月12日 网页设计
    15.9K0
  • 绝美!9种最有意境的蓝色

    蓝色既代表着忧郁,又代表着温柔,它和白色混合之后,还能体现柔顺、淡雅、浪漫的氛围,像天空的色彩~蓝的种类也有很多,克莱因蓝是备受设计师喜爱的一种,也是最经典的一种,而且蓝色是最具凉爽、清新、专业的颜色,今天125建站网给大家分享9种不同的蓝色,你更喜欢哪一种呢?

    2023年1月20日 网页设计
    3.2K0
  • 汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书

    中国具有五千年文字历史,文字中所包涵的精髓,值得每一位设计师学习、继承与探究。设计师需要熟悉各种字体的风格特征,并能灵活运用字体进行编排设计,才能使作品的内容更清晰、更有条理地传达给读者。

    2023年1月18日 网页设计
    16.5K0
  • 网页设计中的字体选择以及常用字号

    网页设计中的字体 中文:宋体,微软雅黑,方正系列(无状态) 英文: Helvetica:被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体。 Arial: 和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。 Lucida Grande:是Mac OS U…

    2019年10月22日
    10.6K0
  • 网页设计之前端开发工具和学习资源大全(精)

    前端文档 MDN 官方文档:https://developer.mozilla.org/zh-CN/docs/Web 前端社区 GitHub stackoverflow 掘金 JS 学习资源 现代 JavaScript 教程:https://zh.javascript.info/ 阮一峰 JS教程:https://wangdoc.com/javascript…

    2023年1月18日
    7.1K0

发表回复

登录后才能评论

评论列表(1条)

  • 江山如画的头像
    江山如画 2018年5月9日 上午6:08

    视频播放密码 125jz