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

  • 如何提升设计价值——方法篇

    如何提升设计价值——方法篇如何提升设计价值——方法篇如何提升设计价值——方法篇如何提升设计价值——方法篇

    设计≠艺术,设计从诞生之初就是为“解决问题”而存在。在体验设计场景,如果业务方是“需求提出者”,那产品经理和设计师就是从不同视角切入的“问题解决者”,而用户既是“需求源头”,又是“方案验证者”和最终“价值创造者”。下面我们详细解读设计价值与业务/用户/产品三方的关系.

    2023年1月16日 • 网页设计
    13.3K0
  • web开发技术项目评分标准

    是否符合网站建设规范(10分) 包括文件名、目录、代码、选择器命名、有无适当的注释等。 主题突出(10分) 全站围绕一个主题及其周边内容进行建设,不存在和主题不相关的其他信息。 内容丰富、完整,工作量饱满(20分) 内容健康、积极向上,具有可读性、艺术性。设计思路清晰,明确表达设计意图。网站页面数量要求包含至少一个主页和四个或以上的二级页面、三级页面。每页页…

    网页设计 2018年6月1日
    10.3K0
  • 最全的前端开发框架介绍

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

    2023年1月18日
    3.6K0
  • 如何做好视觉设计中的层次?(精)

    如何做好视觉设计中的层次?(精)如何做好视觉设计中的层次?(精)如何做好视觉设计中的层次?(精)如何做好视觉设计中的层次?(精)

    对于视觉次序(视觉层次)的营造是每个设计师所必须精通的,无论是海报设计还是页面设计,从整体来看总会有强弱、主次之分,因为有了视觉上的变化,才使得整体更富有层次感;当用户在浏览信息很多的网页时,作为设计师要做到:即使用户只是简单的浏览,也要有能在用户脑海中形成记忆的视觉元素,而这些元素就是视觉中的主,而当用户仔细阅读时才能记忆到的元素才是视觉上的次;从局部来说…

    2018年7月9日 • 网页设计
    14.9K0

发表回复

登录后才能评论

评论列表(1条)

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

    视频播放密码 125jz