恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
7步让设计的小标签更精致
0.0°
2021-12-18 原创文章 教程 举报 4317 24 15 6

设计技巧,第1篇

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


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


第1步

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

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


第2步

把文字都调小一点

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

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


第3步

长斜杠换成短斜杠

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


第4步

斜杠前后都留有一点间隙

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


第5步

缩短字间距

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


第6步

字母和数字使用英文字体

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


第7步

使用圆角色块

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


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


总结:

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

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

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

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

第五步:缩短字间距

第六步:重点加粗

第七步:使用圆角色块



Powered by Froala Editor

更新:2021-12-18

收藏

24人已收藏

和颜阅设

零基础系统学设计,需要学什么?

  • 12

    作品

  • 33

    粉丝

  • 0

    关注

  • 轻松搞定几种常见的影子!
  • 零基础系统学设计之《图片处理》
  • 零基础系统学设计之《字体设计》
  • 电脑里应该装哪些中文字体?

    猜你喜欢

      2021-12-18 原创文章 教程 举报 4317 24 15 6

      7步让设计的小标签更精致

      0.0°

      你确定要举报7步让设计的小标签更精致

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年07月14日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      15
      24
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录