在不同类型app中经常会使用“文字标签”。文字标签可以是新闻类资讯入口,消息公告入口,促销类运营活动入口,也可以是标题分类、重点推送内容等等。总之,现在文字标签承载的的功能越来越多,其设计样式也是越来越多样化。对标签样式的设计技法进行总结与归纳,希望能帮助大家更高效、更规范的去完成基础模块的设计。
☆设计技法
1.笔画拆解
技法总结:把文字笔画轮廓化,拆解出来,并针对部分笔画进行变形与高亮处理。
2.特色字体
技法总结:选用特殊字体,将其与页面中其它字体区分开来,并做高亮处理。
这种处理方式相对第一种来说要简单一些。特殊字体建议选用刚劲有力的字体或与产品气质相符合的字体。大家要注意选用的字体是否可以商用哦,最好做一个简单的变形处理。(公众号后台回复 字体 ,有惊喜哦~)
3.常规标签
技法总结:上下边距与左右边距为2倍关系,文字与底色或文字与描边为同色系。
常规文字标签是大家最常见的一种文字标签,经常用在类别分类、关键词、tab切换样式里面。
4.蒙层标签
技法总结:黑色标签的不透明设置为40%~70%,左右边距与上下边距为1.2倍或1.5倍关系。这类标签要保持左右边距大于上下边距。
蒙层标签常常用于图片上。为了让文字更具易识性,给图片上的文字加蒙层是常用的设计手法。
☆LAST
文字标签在设计中是常用的一种基础组件。善于去分析与总结设计中的基础组件,并将其控件化,方便日后快速应用,提升设计效率,但要记得灵活变通哦。定期总结与沉淀设计技法是设计师应该保持的良好习惯,wink~