1.图文比例  

  在一个设计中，与文字的量应该有一定的对比。人天生喜欢看而不是阅读，实际上人类有阅读能力的历史只有几千年，而欣赏的能力是天然的。如果你的需求上文字需求非常多，尝试与需求方商讨减少文字量。文字量越少，图形化设计越多，那么视觉上这个作品看起来就更轻松。  

  2.比例  

  在平面设计中，因为目的是印刷，对我们的尺寸没有非常严格的要求。但是如果我们是为了互联网产品的设计的话，可能会涉及一些需要网站编辑直接上传的，如果你的尺寸不是一个固定尺寸，那么可能原本网站编辑不需要裁剪而可以直接上传的工序，要因为我们的一个尺寸变得很复杂。所以请牢记以下三个尺寸：4:3，16:9，1:1。  

  4:3的原因是相机的画幅一般是4比3，所以我们看到的新闻客户端的大多是4:3。16:9的原因是视频宽荧幕画幅就是16:9，所以我们看到视频网站的截图一般都是直接由机器抓取的。1:1一般用于封面等素材的尺寸是正方形的。  

  五、排版的CRAP原则  

  任何一个设计中都需要把各个元素分级分清主次，这样才能更好的抓住重点。那么如何让这些信息按照他们的身份来排版呢？我们就要用到CRAP原则了，包括对比（Contrast）、重复（Repetition）、对齐（Alignment）、亲密（Proximity）四项。  

  1.对比CONTRAST  

  在同一个视觉区域内的逻辑不同的元素应该有所区别，避免视觉上相似。这样就可以有效地区分谁是主角谁是配角了。为了让主要元素更突出，让次要元素更后退，我们可以尽量使它们的颜色、字体、大小、留白不同。如果两个元素不尽相同，请让它们截然不同。比如如果你想使用12px的正文与14px的标题区分明显，不如用12px与40px进行区分反差更大，更容易区分哪个内容是需要优先浏览的、哪个内容是次要的。  

  2.重复REPETITION  

  如果相同的内容（如标题等）属于同一个逻辑，可使它们的颜色、字体、大小、留白保持相同。这样可以增加条理性和加强设计的统一性。一个级别的信息尽量使用一种设计来保持用户的认知，避免用户认为是另一种信息分类。这就是重复原则。  

  3.对齐ALIGNMENT  

  任何内容在版面上都尽量应该上下左右对齐。随意摆放绝对是错误的。这一点一定要和大家多次强调，比如一个元素上下左右的间距都要是一样的。大家看到网页和app设计之中经常会有间距和留白，留白和对齐都是我们在设计时需要考量的，留白不是随意的。  

  4.亲密性PROXIMITY  

  在逻辑上有关系的两个元素应该尽量放在一起。两个视觉元素在一起就会变成一个视觉单元。比如注册页面中的登录视觉单元是由输入表单和登录按钮组成的。相同的内容，如小标题等，属于同一个逻辑。可使它们的颜色、字体、大小、留白保持相同，这样可以增加条理性和加强设计的统一性。  

  总结平面与版式的设计知识涵盖了字体的选择、的选择、平面构成基础、排版的CRAP原则、栅格化设计、黄金比例等多个知识点。如果我们现在接到一个需求，可以首先将内容放进画面并排列好重要性、然后选择合适气质的字体和、使用CRAP的排版原则将信息排成合理的顺序、利用栅格化和黄金比例让画面更加科学、如果发现画面比较空可以加入几何形装饰。  

Powered by Froala Editor