美文网首页
轻松get文字标签设计技法

轻松get文字标签设计技法

作者: 晴天的设计宝藏 | 来源:发表于2020-04-05 23:40 被阅读0次

在不同类型app中经常会使用“文字标签”。文字标签可以是新闻类资讯入口,消息公告入口,促销类运营活动入口,也可以是标题分类、重点推送内容等等。总之,现在文字标签承载的的功能越来越多,其设计样式也是越来越多样化。对标签样式的设计技法进行总结与归纳,希望能帮助大家更高效、更规范的去完成基础模块的设计。

☆设计技法

1.笔画拆解

技法总结:把文字笔画轮廓化,拆解出来,并针对部分笔画进行变形与高亮处理。

2.特色字体

技法总结:选用特殊字体,将其与页面中其它字体区分开来,并做高亮处理。

这种处理方式相对第一种来说要简单一些。特殊字体建议选用刚劲有力的字体或与产品气质相符合的字体。大家要注意选用的字体是否可以商用哦,最好做一个简单的变形处理。(公众号后台回复 字体 ,有惊喜哦~)

3.常规标签

技法总结:上下边距与左右边距为2倍关系,文字与底色或文字与描边为同色系。

常规文字标签是大家最常见的一种文字标签,经常用在类别分类、关键词、tab切换样式里面。

4.蒙层标签

技法总结:黑色标签的不透明设置为40%~70%,左右边距与上下边距为1.2倍或1.5倍关系。这类标签要保持左右边距大于上下边距

蒙层标签常常用于图片上。为了让文字更具易识性,给图片上的文字加蒙层是常用的设计手法。

☆LAST

文字标签在设计中是常用的一种基础组件。善于去分析与总结设计中的基础组件,并将其控件化,方便日后快速应用,提升设计效率,但要记得灵活变通哦。定期总结与沉淀设计技法是设计师应该保持的良好习惯,wink~

相关文章

网友评论

      本文标题:轻松get文字标签设计技法

      本文链接:https://www.haomeiwen.com/subject/nkpmphtx.html