6种设计文字激活你的网页设计

2016-09-13 08:41来源：互联网作者：卓成小编网址： http://www.zcwlkj.net/浏览数:1698次

分享到：

微信

新浪微博

QQ空间

百度贴吧

复制网址

网页设计师们在设计网页时，通常会为表达某种情感而选择字体。可以说，除了需要表达文字内容本身之外，设计师在选择一款字体时还应该考虑这款字体是否能与其他设计元素及布局相融合，同时加深网页上的人或事物的特点。

随着更多企业越来越“接地气”，他们开始注重与用户的互动与交流，增强用户的参与感，因此对话式的网站快速受到用户欢迎。这一趋势无形中要求设计师们需要加强对文字性格的把握，以更好的设计实现与用户的“对话”。正如大家常听到一句话“字如其人”，在看到一种字体后，人们会下意识联想到某种人物形象、性格或感受，比如沉稳、柔美、活泼、可爱、平和等。

因此在设计之前，设计师需要不断问自己：我想让用户觉得，这是一个什么性格的人在和他们对话？我现在采用的这种字体所表现的性格，是我想要表达的特点吗？通过思考和对比，才能应用恰当的文字性格，把握好网页的设计。 卓成小编将通过本文给大家展示收集的不同字体应用案例，希望能帮助设计师们在中文字体设计上加深理解。我们需要先说明一点，同一类型的字体可以设计成不同的变体美术字，字体的粗细、曲直、疏密不同，在不同风格设计下可能展现不同性格特征。

1、客观、正式、官方的、通用的

基本上看到这几个描述词，大家肯定知道描述的是什么字体了。没错，说的正是宋体。宋体是与印刷术同龄的出版字体，这种最普通的字体在报刊杂志中常用。在网页设计中，宋体也可以在很多地方使用，非常适合用于大段文字的版块。

2、清秀、方正俊雅、真实可靠

有物电商平台的banner图中采用了楷体和微软雅黑两种字体，大字使用的楷体是汉字主要书体，看起来工整规范、干净利落，给人方正俊雅的感觉，这段文字与图片表达的“手工感”相融合，共同传达出一种认真和质朴的精神。这里有个细节需要大家注意喽！在这个案例中，楷体文字是嵌入在图片中的，而微软雅黑则是用font-family写在页面的，为什么处理方式不一样？从文字的整体结构来看，楷体带有一种书卷味，可以考虑在教育行业的网站上适当采用。

3、强壮、坚韧、压迫、震撼、充满力量感

给人这种感受的字体一般笔画浑厚、浓重，很多情况下采用粗体或加粗的大号文字，在视觉上面积加重，给人一种强壮、震撼的感觉。比如下面阿迪达斯采用的这款蒙纳简粗雅丽体，在网页上占据的位置非常显眼。

还有李宁官网图片中使用的字体，笔画粗细均衡，规律一致，充满了坚韧。

NBA官网则是采用了微软雅黑字体，加粗的大号的字体略带倾斜，内容标题也同样采用了加粗的微软雅黑。微软雅黑加粗后的视觉效果虽然不像上面几个案例的字体那么强势，但我们依然能在视觉上获得类似“隆重、这是比赛”的感受。

这类字体一般呈现出硬朗、粗犷、棱角分明等特征，适合应用于与运动、比赛、竞技、金属、游戏，以及面向男性用户群体的产品等。一些促销活动也会经常使用这类字体。

4、细致优雅、纤细、柔美、婉转、流畅、精致

给人这种感受的字体一般笔画纤细，婉转流畅，具有曲线美，很多情况下会采用末梢曲线优美的衬线字体。上文提到让人感觉正式的宋体就是一款衬线字体，在适当的元素搭配中，宋体也能展现出典雅的一面，给人优雅的感觉。比如下面Tiffany的官方网站。

这类字体一般呈现出纤细柔软的特征，适合应用于珠宝、化妆品、珠宝首饰，以及面向女性用户群体的产品等。另外像红酒、餐厅、手工艺品牌、精选类品牌、奢侈品等也会使用这类字体。有一点不得不说，其实很多品牌在中国区的官网上使用了特殊的自定义字体，但由于浏览器无法识别，浏览器最终以默认的宋体进行渲染，这时的视觉效果可能就不那么美好了。

5、活泼、可爱、有趣

给人这种感受的字体一般字体末梢圆润，看起来圆乎乎的，显得稚趣、可爱。比如喜宝HiPP官网采用的圆体。