世界上有两种人,爱读书的人,不爱的人。无论如何,这个时代的内容仍然是王。
然而,如果不能很好地呈现,那么好的内容就没有意义。如今,如此多的网页设计向文本妥协,并成为排版中打出正确的标志是整体网站成功的关键因素。
数字是一个非常有活力的平台,我们必须接受内容不断变化。与印刷不同,网页设计没有自由定义字母之间的空间。
字体对用户有着深刻的心理影响,这里列举了6个全球范围内网页设计的伟大排版实例,也是文本永远不会无聊的完美例子!
1. Poppins
来源:Google Fonts
字体链接:
https://fonts.google.com/specimen/Poppins
案例:http://zipl.pro/,http://www.nerval.ch/apollo_11/,http://theisbothmann.com/http://www.kikk.be/2016/
推荐用于:模块化和mini网站
描述:Poppins是Geometric sans serif字体之一,是网站设计流行的工具。每个字母几乎是单线性的,在需要保持平版印刷颜色的情况下,将光学校正应用于笔画关节。
2. Open Sans
来源:Google Fonts
字体链接:
https://fonts.google.com/specimen/Open+Sans
案例:
http://gravity-theme.site/( Company, Corporate and Product websites)
推荐用于:标准的外观 - 正式的感觉
描述:Open Sans对于Raleway,Brandon Grotesk,Montserrat,Lato等许多字体来说都是非常好的一对。它在浏览器上渲染精美,可读性好。
3. Montserrat
来源:Google Fonts
字体链接:
https://fonts.google.com/specimen/Montserrat
案例:
http://www.dangblast.com/,http://hansonwu.com/howtoordereggs/#/
推荐用于:有趣的网站,它创造了一个雄伟而有趣的外观
描述:这个字体有三个变种,唤起了20世纪初的现代主义风格,然而,比起Futura,它感觉不太正式。Montserrat所有大写字母细节都很漂亮,同时字母的几何形状很简单。小写字母也是是一个相当不错的字母,有一个很好的X高度和比Arial或Helvetica更多的字符。
4. Playfair Display
来源:Google Fonts
字体链接:
https://fonts.google.com/specimen/Playfair+Display
案例:
http://adrien-heury.net/designers-checklists/http://mondaymusic.es/en,https://www.craftedbygc.com/https://hoodzpahdesign.com/
推荐用于:基本上是一个适合所有网页,并创造信任的感觉。它可以用于模块化以及传统网站。
描述:它是一种衬线字体,有着美丽的曲线和圆润的拐角,适合传统和现代的网站。设计受到十八世纪中后期字体的影响,如Baskerville。对于title和headline(特别是斜体)来尤为适合,这是一个很好的字体,但是,对于长时间的字体复制,较小的宽高比可能会妨碍可读性,特别是在较小尺寸的情况下使用。
5. Avenir
来源:Web
字体链接:
https://www.myfonts.com/fonts/linotype/avenir
案例:
https://playcharms.com/en/
推荐用于:最适合未来感觉。它类似于小的,未来主义的内容,可以创造出干净的产品网站。
描述:Avenir这个名字的意思是“未来”的法文,它是许多网站使用的最小和模块化的无衬线字体,给设计带来了未来的外观。使用Avenir的粗体和特别粗体,以轻,中,重为重点。
6. Bebas Neue: 另外一种无法实现的字体
来源:Web
字体链接:
https://www.fontsquirrel.com/fonts/bebas-neue
案例:
https://www.craftedbygc.com/http://www.theqcamera.com/http://ekpesbookclub.com/
推荐用于:打造规矩、坚实并时尚的布局的感觉。
描述:这是一款看起来非常标准并且很时尚的美丽浓缩的字体。
尽管排版不像动画或高清图像那样华丽,但它们却是每个设计中不可缺少的一部分。他们可以大胆地将用户注意集中在信息上,或者微妙地将用户注意力引起对屏幕上其他元素。无论哪种情况,我们都可以同意的一点是排版从整体上或某种方面来加强设计。
作者最大原文链接