兄弟们!  姐妹们!! 

干淘宝 干天猫 干京东  

干唯品会 干着干那的所有电商美工兄弟们!!

618会战已经结束! 你们店卖的好吗!!



舵主来也!!



曾经有一个粉丝问我,你的梦想是什么?


我说:我想成为美工王。


不闲扯了… 下面说正经的。


很多朋友在入门的时候做页面毫无秩序,对设计的一些原理也一知半解,导致做出来的页面,看起来非常凌乱,也无法形成页面统一风格。今天要说的内容就是设计中的规范问题。


啥叫规范? 百度百科的解释就是明文规定或约定俗成的标准。



  关于网格辅助


如果你想通过建立视觉规范使整个设计充满秩序,那么网格就很有帮助。想想咱们小时候学写字都是在一个个的田字格里,网格的理论是与此相通的。通过网格辅助设计,形成一个设计骨架,设计师就在这里面填各种元素,利用网格带来的对齐和比例关系使之产生秩序感。之前多次说过网格,这里不再赘述。(回复关键词网格可看文章)


常见的设计规范有哪些?

 

  一、色彩规范


有句话说页面中的颜色不超过三种。当然并不是绝对的,其实主要说是非促销页色系最好不超三种,黑和白不算,黑白属于无色相。算色系的时候还应把产品的颜色也归于在内,色彩越多越不好控制,同时色彩比例也要分主色和辅色,如同主角和配角。除此之外,颜色的明度和纯度值也要保持统一,之前也说过,不多赘述…


下面大家可以看看京东无线的色彩规范,主要是根据内容的重要层级划分不同的色彩,从标题到按钮,对我们做电商页面也有一定的参考意义。单击图片可以放大看






  二、字体规范


字体的选择与页面的风格保持一致,主要是选择标题字体。正文部分还是建议用便于阅读的非衬线体比如思源或者微软雅黑字体。字体选择上建议不超三种,可以标题选择一个字体,正文一个字体,价格一个字体。


  三、字号规范


字号建议也控制3-5种左右,大家想想你开头标题用100号,中间用10号,最下面用50号,整个页面大大小小字都有,页面肯定很混乱。所以字号控制非常关键。

字号大小主要是根据内容层级的重要程度,比如说主标题统一一个大小,二级标题统一大小等等。


下面这个是京东无线的文字规范包含字号,行距,和使用场景,逻辑结构很清晰。


下面这个是知乎web的文字规范, 可以参考借鉴一下。当然文字的字号都要根据自家的情况来定,并没有一个固定标准,但是确立了一个正文的字号后,各级标题都要与之有比例倍数关系,从而整个页面形成统一标准。单击图片可以放大看



  四、间距/行距规范


字体与字体之间的距离,以及行与行之间的距离都要做出规范,包括一级标题与二级标题之间的间距整个页面都要统一。默认字符间距100太松散,一般来说字体间距最好是负值,不要用默认的。PS里的行距自动默认是1.75倍,就是字号 ×1.75倍=行距。一般电商页面文字比较少,我建议可以采用1.2、1.5或者1.618倍,不要用自动默认的


基本就是这四条,只要你的页面确立清楚这些规范,我们的作品就会风格上达成一致,内容和形式也会统一。看起来就是一个完整的设计作品,而不再是乱糟糟的,无规矩无标准。


下期再见!Good,bye ~

—————end—————

  • 超100000+电商美工已经关注!

  • 没灵感没创意就关注超级美工!

(下载iPhone或Android应用“经理人分享”,一个只为职业精英人群提供优质知识服务的分享平台。不做单纯的资讯推送,致力于成为你的私人智库。)

作者:佚名
来源:超级美工