在网站建设中字体排版和字体的选择

发布时间:2021-11-24

网站建设平面设计中,字体的排版是不能忽视的,一个好的构图,少不了文字的排版,那么如何选择合适的文字?文字的样式呈现哪种感觉?

未标题-2.jpg

1.高级感和传统感
字体结构中,西文的衬线体比无衬线体更有高级感,而中文宋体要比黑体字更有传统感。衬线体大多由曲线组成的,虽然只有很小的曲线组成,但这些曲线搭配出的字体,却能营造出柔美而华丽的美感。想要营造出“高级感”,应要在文字周围多留一些白;在颜色的处理上也不能过于艳丽,降低明度与纯度营造一种沉稳的感觉;文字与文字的距离也不能过窄,尽量让文字之间的距离留多一些白;字号也不能过大,字的颜色要选用灰阶色(黑白灰),颜色也不能过于艳丽。

2.亲密感和柔和感
文字也会让人产生同样的心理。字体线条越纤细,前端越尖锐,给人感觉就越冰冷,危险,难以靠近的感觉。相反的,不管是在自然界还是在生活中所接触到的人工制品,圆润的形状会给人安全,安心,亲密的感觉。线条粗大,前端越圆润的字体,不会让人感觉到紧张感和危险感。这种字体会给人一种易于亲近,柔和,轻松的感觉。如果想加深亲密感和柔和感的印象,可以采用类似手写字的文字设计或样式。我们知道无衬线体(黑体字)要比衬线体(古典字)更具有冷峻感和机械感。所以用无衬线体不太好营造柔和感,做母婴类等主调较为柔和的项目时尽量用手写体和衬线体,来突出与消费者之间的亲密感和人文感。如果非要用到无衬线体(黑体字),也要尽量采用幼圆的黑体字来营造柔和感。

3.未来感与科技感
文字的构成要素越简单,未来感和科技感的感觉就越强烈。表现科技感时,西文的无衬线体要比衬线体更合适,中文的黑体字要比宋体更合适。但要注意的是,别把正文中的文字不断变得单纯化,这样就不易阅读。让文字的构成显得更加的简单,或者直接把文字给图形化,更能增强具有未来感的感觉。另外配色的颜色使用过多,科技的印象就会变得非常的弱,因此不要用饱和度和明度过高的颜色,最少采取灰阶色/消色这类无颜色的配色,整体感觉就更加的和谐。

4.情怀感与复古感
插画与图片的质感随着流行趋势的变化而变化,文字也要符合时代需求的设计。我们选用字体时需要先清楚那个时代的文化特色,巧妙的掌握流行的走向、转变设计的特色,就可以设计出符合特定时代的平面视觉设计效果。一般来说具有“情怀感”的文字均有种手写字的温暖和柔和感。要注意每种手写字的风格带给人的印象也不同。尖锐的手写字会给人一种理性,思考,判断等感受;而毛笔字会给人一种洒脱,随性,创造,感性等感受。想要文字表现出复古感,就要从文字的历史角度去考虑,表现复古感就应该采用具有一定历史的字体。从字体角度来讲,采用现代字体(无衬线体或黑体)不能表现出复古感。因此要表现出复古感用具有文化气息的衬线体和历史悠久的字体更为合理。另外合理使用一定的复古元素搭配着衬线体,也可以表现出一定的“复古”的感觉。

5.装饰性与华丽性
原本文字就是供人阅读的,但从18世纪后半叶(1750~1800)开始,商家为了吸引客户眼球就不断的强化设计的装饰性,希望文字装饰的差异与其他店家不同,这样才能突显品牌的差异化。从那时候随着文字功能性的提升,设计性也不断被重视。为了吸引用户注意,剧场或店家的广告牌总是以粗大的文字来表现内容。而表现华丽感就要体现在装饰性上。从植物的蔓藤,叶子,羽毛和其他自然景物中取得的灵感,把它们融入到设计中,就可以营造出优美而华丽的感觉。但要注意的是,装饰性过强的字体不管是用在标题上,还是正文上,都会显得不易阅读并较低读者的可读性,尤其是在正文字体的选择上,尽量不要用装饰性过强的字体。

6.传统文化
传统文化指的是历史文化的沉淀,我国历史悠久文化源远流传,具有代表性的文化传承是书法五体,即楷、行、草、隶、篆,而楷书又分为欧、颜、柳、赵四种字体,并能让人感受到很强烈的文人气息。把传统艺术结合现代艺术与科技来表现出来。

7.严谨感和信赖感
较为活泼轻松并充满现代感的文字,在吸引目光方面效果显著,但很难让人感到有一定的信赖感。要想塑造出严谨感和信赖感,中文中最好采用宋体这种有历史沉淀的字体,给人感觉很沉稳可靠,同理西文采用衬线体。在排版时要注意,要将版面设置得更宽松、文字更易读一些。像字间距过近、文字在版面上显得过大,都会给人留下杂乱的印象。另外也要注意,想要营造严谨感和信赖感,配色不可过于跳跃,可选用蓝色、白色、灰色、深色等较为不抢眼的颜色,给人一种轻松的阅读体验。

8.精致的印象
在文字设计方面,比起宋体和衬线体这类历史悠久的字体,黑体和无衬线体更能给人现代感,利落,清爽的印象。另外,比起粗线条的文字,线条较细的文字能给人留下强烈的纤细感,也相对更细腻精致一些。这里我多说几句,下图左面那张图,正因为字体线条较粗设计师在字体上做了斜体处理,就不会显得那么男性化和沉稳的力量感。不做斜体处理就太过男性化了,这么处理能表现出“活泼”与“动势”的感觉,没有那么死板和呆板。而模特穿着中性的感觉也与整体调性呼应,配色标题以黄色、背景以红色为主,诱目色突出动感,整体画面较为和谐。

不论使用哪种文字设计,如果页面布局过于拥挤,整体的设计看上去就会显得更沉闷。想解决这个问题就要调整好字号,极力缩减字数,布置的要素尽量力求精简,尽可能留出更多的白,这样便能营造出精致的感觉。配色过多也会显得过于繁杂,要想更好的营造精致感,最好要用灰色来进行处理。