中文也需要认真的斟酌

作者:盐城市天行软件有限公司  来源:www.szgjp.com未知  发布时间:2018-10-17 18:08:47
字形合一,网页设计中的图文配 字形合一,网页设计中的图文配

这里所谓的与图片的搭配,也是指的这类可以经过设计的文字。

字形的观察

字体首先是一种图形,然后再是可承载信息的文字,因此,当你挑选一款字体来搭配图片的时候,你需要集中去观察文字的形态特征是否和图片协调。

在挑选字体之前,首先观察图片里的形态特征。如果配图是以插画的方式呈现,那么插画里的风格细节,以及此类风格所表达出的年代感和空间氛围,都提供给你挑选与其所搭配字体的依据。比如英文中的无衬线体通常较为现代,而衬线体较为古典。

下面的页面中的配图经过曲线造型,因此,与此搭配的文字采用了Adelle无衬线体,可以看出字体中的圆弧处理和配图中曲线的流转造型相呼应。

字形合一,网页设计中的图文配

如下设计里的配图都是零散的矩形,因此与此相应采用的字体为graphik,这个字体的特点也是表现出非常清晰的几何边缘。

字形合一,网页设计中的图文配

以上的字形所带来的形态特征与配图相呼应即是一个能让图文实现完美搭配的方式之一,此外,我们知道一些特殊的风格化字体也能表达出特别的氛围。

例如下图中的机器看上去非常有80年代的机械感,而这种造型也营造一种技术世界里的怀旧感,因此像素文字最适合与此相搭配。

字形合一,网页设计中的图文配

从这几款英文字体的实例图文配中,我们需要配以对“形”的观察解构能力。也同时需要对字体所承载的风格特征作出一定的归类。非但英文需要精挑细选,中文也需要认真的斟酌,而不能以期待偶遇一款好看的字体,以好看为目的进行设计,最终结果都是失败之作。

字体还可以经过一定的设计,在原有的字体基础上进行一定的“变形”,这当然就更不能频繁更换。根据主题而进行一定的“微调”,让氛围表达得更加丰满立体。

如将圆圆的字母中空的部分填实增加了可爱感,与配图的角色形象也非常搭配。

字形合一,网页设计中的图文配

字距和行距

观察字形,用你敏锐的设计师的眼光来区别不同字体的特征,这是挑选比较大的字体时需要具备的能力。因此,非常适合用在首图、Banner等需要将文字做成图片所展示的情况下。而我们的字体还有形成段落进行展示的时候。这时,形的特征逐渐隐去,我们更多关注字与字之间的关系,即字距。

一般情况下,字距的选择总是根据字体本身以及其和空间的关系来决定,当字距较小时,传递出一种紧凑感,而字距宽松又能表达出一种轻松感。

推荐阅读/观看:成都网站建设 http://cdwzjs.net.cn



上一篇:在社群规则上我们可以保证问答效率高于其他社群
下一篇:最后一页