6种设计文字激活你的网页设计!-letou线路中心宽带-多闪网络

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

随着更多企业越来越“接地气”,他们开始注重与用户的互动与交流,增强用户的参与感,因此对话式的网站快速受到用户欢迎。这一趋势无形中要求设计师们需要加强对文字性格的把握,以更好的设计实现与用户的“对话”。

正如大家常听到一句话“字如其人”,在看到一种字体后,人们会下意识联想到某种人物形象、性格或感受,比如沉稳、柔美、活泼、可爱、平和等。

因此在设计之前,设计师需要不断问自己:我想让用户觉得,这是一个什么性格的人在和他们对话?我现在采用的这种字体所表现的性格,是我想要表达的特点吗?

通过思考和对比,才能应用恰当的文字性格,把握好网页的设计。

淇淇姐将通过本文给大家展示收集的不同字体应用案例,希望能帮助设计师们在中文字体设计上加深理解。

我们需要先说明一点,同一类型的字体可以设计成不同的变体美术字,字体的粗细、曲直、疏密不同,在不同风格设计下可能展现不同性格特征。

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

基本上看到这几个描述词,大家肯定知道描述的是什么字体了。没错,说的正是宋体。

宋体是与印刷术同龄的出版字体,这种最普通的字体在报刊杂志中常用。在网页设计中,宋体也可以在很多地方使用,非常适合用于大段文字的版块。

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

有物电商平台的banner图中采用了楷体和微软雅黑两种字体,大字使用的楷体是汉字主要书体,看起来工整规范、干净利落,给人方正俊雅的感觉,这段文字与图片表达的“手工感”相融合,共同传达出一种认真和质朴的精神。

这里有个细节需要大家注意喽!在这个案例中,楷体文字是嵌入在图片中的,而微软雅黑则是用font-family写在页面的,为什么处理方式不一样? 从文字的整体结构来看,楷体带有一种书卷味,可以考虑在教育行业的网站上适当采用。

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

给人这种感受的字体一般笔画浑厚、浓重,很多情况下采用粗体或加粗的大号文字,在视觉上面积加重,给人一种强壮、震撼的感觉。

比如阿迪达斯采用的蒙纳简粗雅丽体,在网页上占据的位置非常显眼。

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

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

给人这种感受的字体一般笔画纤细,婉转流畅,具有曲线美,很多情况下会采用末梢曲线优美的衬线字体。

上文提到让人感觉正式的宋体就是一款衬线字体,在适当的元素搭配中,宋体也能展现出典雅的一面,给人优雅的感觉。比如Tiffany的官方网站。

这类字体一般呈现出纤细柔软的特征,适合应用于珠宝、化妆品、珠宝首饰,以及面向女性用户群体的产品等。另外像红酒、餐厅、手工艺品牌、精选类品牌、奢侈品等也会使用这类字体。

有一点不得不说,其实很多品牌在中国区的官网上使用了特殊的自定义字体,但由于浏览器无法识别,浏览器最终以默认的宋体进行渲染,这时的视觉效果可能就不那么美好了。

5.活泼、可爱、有趣

给人这种感受的字体一般字体末梢圆润,看起来圆乎乎的,显得稚趣、可爱。

比如喜宝HiPP官网采用的圆体。

还有帮宝适采用的幼圆字体。

给人这种感受的字体主要适用于趣味游戏、婴幼儿产品、游乐场、玩具等。另外,像柔软舒适的产品也会选用这类字体,比如某些家居用品等。

6.平和、干净、简单、平静

这类字体一般采用无衬线字体,链接衬线和字干的字弧被去除,字体看起来干脆利落,比如苹果官网的PingHei字体。

魅族官网的方正悠黑字体。

这类字体主要适用于科技行业,包括平台、电脑手机产品等,同样也适用于现代感的产品、简洁风格的产品等。

———————公司简介—————————-

长按识别二维码关注多闪网络官方公众号

letou线路中心多闪网络科技有限公司是一家致力于互联网教育、网站建设、网络营销的互联网企业。公司创始人于2009年从桂林电子科技大学毕业后留校工作,一直致力于网站系统设计、研发、维护、数据安全。公司的服务项目涵盖了电信宽带、网页设计、企业内部资源共享、企业内部人员技术培训、高端网站定制、H5响应式网站、手机网站、电商网站、功能型平台开发、搜索引擎优化排名、网络营销推广、网站托管及维护。

我们的服务宗旨是:专业、耐心、用心、诚信

客户的满意,就是我们的追求。公司将伴随我们的客户一同成长与进步,成为企业实施信息战略的最佳合作伙伴。

客服电话:0774-8219386

地址:letou线路中心市北环大道120号(letou线路中心教育局斜对面)

Avatar
淇淇姐
网站管理员

我的研究兴趣网络网络推广。

相关

  • 企业网站建设7个基本流程介绍-letou线路中心宽带-多闪网络
  • 迪士尼的流媒体服务 Disney+ 即将正式推出-letou线路中心宽带-多闪网络
  • 注意!在手机中储存这些信息会有高风险-letou线路中心宽带-多闪网络
  • 手机如何清洁,淇淇姐来支招-letou线路中心宽带-多闪网络
  • 对你的WiFi上点心-letou线路中心宽带-多闪网络