在详情页、banner等设计中，常常会在一些文字下面加个色块，变成一个小标签形式，来让版面看上去不单调，而在做这个小便签的时候很多人会画一块色块然后上面加上文字就完成了，如下图这样，但是只这样做往往又让这款小便签看上去不是那么的精致，上面的文字信息也不易传达。

我分七步对这款小标签进行小小的改变，让这款小标签更加精致，同时信息传递更到位。这七步也是七个方面，这样的思考方式和方向同样也适用于其他设计当中。

第1步

在名称和型号之间加上冒号

我们在做设计的时候，首先需要充分理解文字内容信息，产品名称与型号是两个信息组，所以加上冒号对他们进行了区分，能够让消费者快速理解文案内容关系；

第2步

把文字都调小一点

文字都调小一点，文字与色块之间有一定留白或空间，有利于信息快速传达，同时避免太满容易产生疲劳和不精致感；

留白是中国艺术作品创作中常用的一种手法，叫法很多，呼吸感、空间、负形等，简单理解就是一个页面中的空白区域，留白不一定是白色的，可以是任何颜色、纹理、图案、背景等，它可以用在元素周围，也可以运用到元素和元素之间，目的是让元素更加突出，在视觉设计中，这个空间一般指的页面中，文字段落，图片，按钮，图标，之间的间距。

第3步

长斜杠换成短斜杠

斜杠与数字两者之间，数字是需要传递的主要信息，而斜杠是区分数字信息的，为了避免数字不被干扰，把长斜杠换成短斜杠，利于数字的快速读取和传递；

第4步

斜杠前后都留有一点间隙

斜杠与数字之间留点间隙，可以对信息进行了区分，留有思考的时间；

第5步

缩短字间距

文字与文字之间默认的是有一定间距，缩短字间距，能够使文字更加紧凑，阅读更加迅速，信息传递更轻松；

第6步

字母和数字使用英文字体

字母和数字使用英文字体，英文字母用英文字体也是一种字体使用规范，字体的选择性也更多一些，同时字重选比前面汉字粗一点的，粗细对比体现主次关系，信息传达更到位；

第7步

使用圆角色块

直角色块较硬朗一些，换成圆角色块，看起来更加亲切和友善，圆角的弧度可以根据自己的喜好更改。

好了，我们对比一下，这款小标签是不是更加精致，文字信息更加容易读取！

总结：

第一步：在产品名称和型号之间加上冒号

第二步：把文字都调小一点

第三步：长斜杠换成短斜杠

第四步：斜杠前后都留有间隙

第五步：缩短字间距

第六步：重点加粗

第七步：使用圆角色块

Powered by Froala Editor