您的浏览器版本似乎过旧
我们的网站在最新版本浏览器上会表现更好
好的

最全的电商字体应用详解之衬线字体与无衬线字体

TMO Group2015年06月30日
最全的电商字体应用详解之衬线字体与无衬线字体

一个成功的专题页面或者banner设计,除了具备出彩的配色,构图,风格创意等细节之外,还有一个非常重要点,就是字体元素的运用,同样的素材,同样的配色,不同的字体应用能够让页面出来的效果有天壤之别!(我不会告诉你,高手除了找到合适的字体之外,还会进一步的在原型上进行延伸设计!)

在平时日常电商网站设计工作中,基本每次都需要用到字体!(传说每一个高逼格的设计大师都有自己的字体库)因此想要作为一枚有逼格的美工,首先学会合理使用字体还是至关重要滴!

SO,那如何为自己在设计中搭配到最合适的字体呢?这也是我这次写这偏文章的目的啦!那些关于字体的历史发展等理论知识(很多大师都讲过而且很有深度)咱们就不扯了!我想跟大家交流的是字体自身的气质特点,以及适用的设计类型!

有些人入门的朋友会下载安装很多字体,但是却怎么找到适合的字体去用!下面我们开始扯一下关于字体那点事儿!理解后希望你们知道怎么去选择合适的字体去使用!

其实大家不用想的那么复杂,字体类型大致就两种类型:衬线字体和无衬线字体(如图)

字体种类

So,是不是其实非常的简单,很多字体都是大同小异,同类或者接近的字体都可以删减,平时做图字体装太多,找起来还是很蛋疼的一件事情,谁用谁蛋疼!还是那句话,在于精,不在与多,实用最重要!

那么关衬线字体和无衬线字体他们气质特点是什么呢?

(下图是平时电商设计中常用的无衬线字体,可以直接搜索名字下载)

无衬线字体

无衬线字体:字比较放方正,笔画醒目,并且粗细一致!简单的理解就是没有装饰线的字体,他无论是中英文都能传递直接干练的气质特点。下面会有列一些例子。

像你所看到的,无衬线字体它的范围也比较广泛,可塑性很强!例如我们在一些电商大促中经常会看到无衬线字体,一些男性,运动,刚毅的产品也会见到!它可以表现激情的,动感的,纤细的无衬线字体也可以表现女性的用品。

无衬线字体案例

无衬线字体案例

无衬线字体是一个比较万能且风格不是很明显字形,也还真是因为他的简洁和规矩多带来的百搭感,可

塑性强,通过字体的放大或者缩小就可以表现出不同的感觉来!

(下图是平时电商设计中常用的衬线字体,可以直接搜索名字下载)

衬线字体

衬线字体:字形是很有味道的字体,对于一些唯美或者女性类的产品我非常喜欢用,衬线的笔画有粗有细的变化,一般是横细竖粗,末端有装饰部分,这也是他和无衬线字体的不同之处,他的装饰性大于黑体,所以他传达出来的气质也更多,衬线字体在文化,艺术,生活,女性,美食,养身,化妆品等领域所传达出来的气质都要比无衬线字体强,它是属于定位清晰的字形!我们在平时设计工作中,不难发现,像阿芙精油,裂帛等品牌中不难她们的身影!

衬线字体案例

衬线字体案例

由于篇幅有限,上面所讲的都是挑主要的来说!日常工作在设计中常用的字体类型就这两类型最为频繁,其他特殊类型的字体需要根据你要表达的去使用,匹配相符合的字体气质!

总结一下:其实关于衬线或者无衬线的字体,无疑是根据字形的形态,线条感所展现的气质去搭配我们所要表达的画面感觉,粗线条的更适用男性的产品,或者一些活动大促的主题,细线条的适用于女性商品,或者一些唯美文艺时尚类的主题。So,准确的运用好每一款字体相信你做图也会事半功倍!

分享: 
微信扫码分享
下载

相关洞察

所有洞察
All
Market guide
Industry report
Outlook
Localization
Data pack

与我们交谈

获取助力您业务增长的解决方案
联系我们