专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

网站设计中如何运用文字--深圳网站设计分享网页设计效果-京杭网网站建设公司

当前位置:网站建设 > 优化推广
资料来源:网络整理       时间:2023/3/23 0:32:22       共计:3578 浏览

设计师们在设计网页时,通常会为表达某种情感而选择字体。可以说,除了需要表达文字内容本身之外,设计师在选择一款字体时还应该考虑这款字体是否能与其他设计元素及布局相融合,同时加深网页上的人或事物的特点。深圳网站建设沙漠风觉得随着更多企业越来越“接地气”,他们开始注重与用户的互动与交流,增强用户的参与感,因此对话式的网站快速受到用户欢迎。这一趋势无形中要求设计师们需要加强对文字性格的把握,以更好的设计实现与用户的“对话”。

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

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


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



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


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


从文字的整体结构来看,楷体带有一种书卷味,可以考虑在教育行业的网站上适当采用。


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


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


下面案例中节目的Logo位于官网页,采用了一款纯直线字体,显得硬朗、笔直、棱角分明,给人一种坚决的态度。



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



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



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


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


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



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


5.活泼、可爱、有趣


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

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



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


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


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


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


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


7.古典、风


柒牌采用的行书字体行云流水,形态优美,带着浓浓的特色,更好地表达了其品牌所传达的理念。



此外,很多字体还能给人其他感受,比如费列罗官网的这款字体让人有一种愉悦、温暖的感觉。加粗的微软雅黑字体在以下案例中让人感到、可靠。黑体看起来刚健、踏实,在建筑行业、机械行业、房地产行业网站上展现出一种感。深圳网站建设沙漠风觉得看到这么多案例后,相信大家已经对字体性格有了基本了解,本篇关于文字性格的介绍就先到这里。了解这些基本的知识后,大家可以进一步学习,根据对不同字体结构、笔画弧度等元素进行判断,在不同场景下合理应用字体,终能通过文字性格的展现让自己网页设计更有活力。


版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:网页设计中切记的设计效果-深圳网站建设分享-京杭网网站建设公司 | ·下一条:深圳响应式网站建设公司,响应式网站设计-京杭网网站建设公司
同类资讯

Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有