UI项目分析-模块-界面规范
面5笔5如何在设计中选择正确的字体和版式?
一、确定目标
在做任何事情之前,首先都需要确定设计的目标。你想传达的信息是什么?你设计的媒介又是什么?好的设计,会利用好版式并与目标达成一致。这是因为版式在你的设计中是表达情绪、基调和风格的关键。例如:如果你设计的贺卡是走很重的插画风,那么选择一款合适的插画风格字体就很关键。合适的字体风格要与整体的设计调性保持一致。
二、确定受众
在确定设计目标之后,接着需要确定目标用户。这一步很关键,因为有关用户的信息。
三、字体灵感
对于字体设计的灵感,CreativeBloq 的《75种最好的免费字体》就是一篇非常棒的文章,可以让你正确地选择字体。在那篇文章中,CreativeBloq 解释了每种字体背后的玄机。
另一个有用的资源是 Awwwards 在2015年发布的《100个最全的免费字体合集》。Invision 也编制了一个版式字体合集,你也可以在那里找到很多灵感资源。想从实际线上网站获得灵感,type.io 这个网站会非常适合。这个网站从网上收集到了大量的字体设计案例,另外,网站中还在每个案例底部提供了css 的字体样式。除了寻找专门的字体网站,也可以去查看你最喜欢的网站,看看他们是如何使用好字体的。「WhatTheFont」是一个很好的工具,它是一个 Chrome 扩展插件,只需要悬停在网页中你希望了解的字体上,就能准确知道它的字体属性了。
四、选择字体
有了前面的研究和灵感,你就可以选择自己喜欢的字体了。在选择字体时,有三个原则需要记住:可读性、易读性和目标。选择常规且易于阅读的字体,要尽量避免一些装饰性的字体。同时,还要注意到字体的用途。比如:一些字体更适合作为标题而不是正文。因此,在选择字体之前,先研究一下它的预期使用目标。在字体组合方面,保持简单原则,在一个页面中最多使用三种不同的字体。此外,字体的组合需要有明确的对比,这样会有助于引导读者的眼睛,首先应该是标题然后才是正文。同时,你还可以使用不同的字体大小,颜色和字重来完善视觉对比。对于web字体来说,你可以去使用谷歌字体、Typekit 和 Font Squirrel。谷歌字体是免费的,而Typekit 和 Font Squirrel 提供了免费和付费的字体
五、确定字体大小
确定字体组合后的下一步是确定字体大小。这方面有一个很好的工具,是由 Adobe版式主管 Tim Brown 设计的模块化缩放工具。模块化比例是一种用来识别过往令人满意的搭配比例,以确定字体大小组合的系统。模块化比例是一个系统,用来识别历史上令人满意的比例,以创建规范来确定字体大小。比如:你可以使用基于黄金分割的比例。