--- title: 最全的电商字体应用详解之衬线字体与无衬线字体 date: 2015-06-29T16:00:00Z modified: 2024-06-18T09:53:37Z permalink: "https://www.tmogroup.com.cn/insights/xhtml5-25339/" type: post status: publish excerpt: "" wpid: 100746 categories: - 常见问题 - 电商开发 featured_image: "https://www.tmogroup.com.cn/wp-content/uploads/2024/06/衬线字体与无衬线字体.jpg" timestamp: 2024-06-18T09:53:37Z tags: - 常见问题 - 电商开发 --- 一个成功的专题页面或者banner设计，除了具备出彩的配色，构图，风格创意等细节之外，还有一个非常重要点，就是字体元素的运用，同样的素材，同样的配色，不同的字体应用能够让页面出来的效果有天壤之别！（我不会告诉你，高手除了找到合适的字体之外，还会进一步的在原型上进行延伸设计！） 在平时日常[电商网站设计](https://www.tmogroup.com.cn/eckaifa/ "电商网站设计")工作中，基本每次都需要用到字体！（传说每一个高逼格的设计大师都有自己的字体库）因此想要作为一枚有逼格的美工，首先学会合理使用字体还是至关重要滴！ SO,那如何为自己在设计中搭配到最合适的字体呢？这也是我这次写这偏文章的目的啦！那些关于字体的历史发展等理论知识（很多大师都讲过而且很有深度）咱们就不扯了！我想跟大家交流的是字体自身的气质特点，以及适用的设计类型！ 有些人入门的朋友会下载安装很多字体，但是却怎么找到适合的字体去用！下面我们开始扯一下关于字体那点事儿！理解后希望你们知道怎么去选择合适的字体去使用！ 其实大家不用想的那么复杂，字体类型大致就两种类型：衬线字体和无衬线字体（如图） ![字体种类](https://imgs.ebrun.com/resources/2015_06/2015_06_29/201506293501435565802843.jpg) So，是不是其实非常的简单，很多字体都是大同小异，同类或者接近的字体都可以删减，平时做图字体装太多，找起来还是很蛋疼的一件事情，谁用谁蛋疼！还是那句话，在于精，不在与多，实用最重要！ 那么关衬线字体和无衬线字体他们气质特点是什么呢？ （下图是平时电商设计中常用的无衬线字体，可以直接搜索名字下载） ![无衬线字体](https://imgs.ebrun.com/resources/2015_06/2015_06_29/201506299331435565803203.jpg) 无衬线字体：字比较放方正，笔画醒目，并且粗细一致！简单的理解就是没有装饰线的字体，他无论是中英文都能传递直接干练的气质特点。下面会有列一些例子。 像你所看到的，无衬线字体它的范围也比较广泛，可塑性很强！例如我们在一些电商大促中经常会看到无衬线字体，一些男性，运动，刚毅的产品也会见到！它可以表现激情的，动感的，纤细的无衬线字体也可以表现女性的用品。 ![无衬线字体案例](https://imgs.ebrun.com/resources/2015_06/2015_06_29/201506295731435565804140.jpeg) ![无衬线字体案例](https://imgs.ebrun.com/resources/2015_06/2015_06_29/201506296081435565804250.jpeg) 无衬线字体是一个比较万能且风格不是很明显字形，也还真是因为他的简洁和规矩多带来的百搭感，可 塑性强，通过字体的放大或者缩小就可以表现出不同的感觉来！ （下图是平时电商设计中常用的衬线字体，可以直接搜索名字下载） ![衬线字体](https://imgs.ebrun.com/resources/2015_06/2015_06_29/201506292061435565802203.jpg) 衬线字体：字形是很有味道的字体，对于一些唯美或者女性类的产品我非常喜欢用，衬线的笔画有粗有细的变化，一般是横细竖粗，末端有装饰部分，这也是他和无衬线字体的不同之处，他的装饰性大于黑体，所以他传达出来的气质也更多，衬线字体在文化，艺术，生活，女性，美食，养身，化妆品等领域所传达出来的气质都要比无衬线字体强，它是属于定位清晰的字形！我们在平时设计工作中，不难发现，像阿芙精油，裂帛等品牌中不难她们的身影！ ![衬线字体案例](https://imgs.ebrun.com/resources/2015_06/2015_06_29/201506296821435565803953.jpg) ![衬线字体案例](https://imgs.ebrun.com/resources/2015_06/2015_06_29/201506291321435565804250.jpg) 由于篇幅有限，上面所讲的都是挑主要的来说！日常工作在设计中常用的字体类型就这两类型最为频繁，其他特殊类型的字体需要根据你要表达的去使用，匹配相符合的字体气质！ 总结一下：其实关于衬线或者无衬线的字体，无疑是根据字形的形态，线条感所展现的气质去搭配我们所要表达的画面感觉，粗线条的更适用男性的产品，或者一些活动大促的主题，细线条的适用于女性商品，或者一些唯美文艺时尚类的主题。So，准确的运用好每一款字体相信你做图也会事半功倍！