36

设计神器#Fontpair!帮你自动生成西文字体搭配方案

 6 years ago
source link: https://www.uisdc.com/generating-western-font-fontpair?amp%3Butm_medium=referral
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

6r2Anuv.jpg!web

@melon西瓜的小棉袄:作死的甲方非要国际范儿设计,要你加上西文字体,可是不熟悉西文字体的你,根本不知道怎么搭配才协调好看。选来选去头都大了,还是没有找到合适的。​所以今天神器小分队为大家准备了一个专注提供西文字体的配对网站。

FontPair

网站链接: https://fontpair.co

在线一键生成西文字体搭配,直接预览并支持下载使用的 FontPair,打开网站首页是这样的,非常简单明了。

jY3iQrR.jpg!web

排在首位的是网站精选字体对Featured Font Pairs,另外是详细的字体搭配分类。

QjiQrib.jpg!web

​△ 其中的「显示」多为手写体,大约是适配过屏幕显示的意思吧​

在网站主页推荐中,可以直接预览精选的5种字体搭配在各类网站中的使用效果,而且网站还非常贴心地提供了这些网站着陆页的配色色卡!

ANzYriJ.gif

​比如,我们选择上方的 Display/Sans-Serif(显示/无衬线)搭配,网站就会给出多个经典搭配案例。

viUZr2u.jpg!web

只需单击段落或标题文本中的任意位置就能自定义文本,然后直接预览视觉效果。

zeAfua6.jpg!web

要是你喜欢这个字体,点击最下方的下载按钮,就能直接下载安装使用了。是不是超级方便?

jemuYn6.jpg!web

下载使用很容易,但是要用好字体还需要注意每种西文字体的属性,这样在搭配西文字体时才不会出错。

这里有一些西文字体使用小tips,小伙伴们可以参考一下。

首先是网站中出现最多的衬线体和无衬线体。

nyYbyyy.jpg!web

衬线体(Serif)的笔触边角有小短线,会给人正式、传统、优雅的感觉,它们经常会出现在时尚杂志上。

EjyeMj7.jpg!web

而无衬线体(Sans-Serif)的笔触边角没有小短线,更具现代感和亲和力。

B7rEZfY.jpg!web

手写的西文字体则是更具有装饰性,很多被用来表现独特的标题上,较少作为大量内文字体使用​。

jIzeyuA.jpg!web

小伙伴可以根据每种字体的属性特征,在 FontPair 中选择你所需要的字体。

同时,小伙伴还可以点击右上角导航栏的第一个选项 Typography Resources(排版资源)。

eUjMFjn.jpg!web

超多知识干货等着你。

M36bQ3M.jpg!web

UvyM3yZ.jpg!web

操作简单,实用性高,支持字体直接下载安装,还没有乱七八糟捆绑插件、广告。

这么方便丰富的西文字体库网站,赶快收藏起来吧。

想要了解更多的设计神器,可以关注@你丫才美工 美丫姐

欢迎同学们关注最充满智(dou)慧(bi)的设计账号:

uyiArmb.gif

「一网打尽!快速上手字体设计」


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK