轻松get文字标签设计技法

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

☆设计技法

1.笔画拆解

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

2.特色字体

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

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

3.常规标签

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

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

4.蒙层标签

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

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

☆LAST

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容