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

  • 设计师必收藏的22个设计素材网站

    设计素材,是设计师创意的利剑。中国网页设计对素材门户网站进行整理,给广大设计师推荐国内最好的22个设计素材网站

    2020年2月23日 网页设计
    8.6K0
  • 汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书

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

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

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

    2019年10月22日
    5.2K0
  • 从零开始做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日 网页设计
    4.2K0
  • web前端开发需要哪些技能?

    做WEB前端开发需要掌握哪些知识和技能? 中国网页设计通过对大型软件企业及IT培训机构(Oracle)的调研,把web前端开发需要的技能点列举如下。 HTML HTML简介 HTMl结构 HTML常用标签 HTML框架 HTML表格标签 HTML表单 HTML多媒体 CSS css简介 css的基本使用 css选择器 css常用样式属设置 CSS定位与DIV…

    2018年7月17日
    1.7K0
  • 网页上标准的广告尺寸规格大全

    网页中的标准网页广告尺寸规格 一、120*120,这种广告规格适用于产品或新闻照片展示。 二、120*60,这种广告规格主要用于做LOGO使用。 三、120*90,主要应用于产品演示或大型LOGO。 四、125*125,这种规格适于表现照片效果的图像广告。 五、234*60,这种规格适用于框架或左右形式主页的广告链接。 六、392*72,主要用于有较多图片展…

    2020年3月11日
    5.5K0

发表回复

登录后才能评论

评论列表(1条)