网站最根本的功用是呈现信息,让用户能够阅读。字体的展现和排版自然也是网页设计师工作的重要内容之一。今天,我们搜集了 2018 年网页设计范畴正在盛行的文字排版设计趋向,与你分享。
2006 年,Oliver Reichenstein 撰写了文章《网页设计95%的工作是排版》,这是当年最有争议的文章之一。 Reichenstein 在文章中这么说道:“网页设计不只仅是选择并运用精巧的字体,更多的是关于我们如何在设计中运用它们 。”
1. 大胆的首屏排版设计
超大的、震动的、直接的、没有戏剧性的首屏文本可能是最近几年文本最为显著的用法。首屏中常见的超大的图片被超大的文本所取代,这些标题和主题、品牌或者信息严密关联,经过超大的尺寸呈现出来的视觉效果也不遑多让。
效果如你所见,字体排版成为了网页中最醒目的存在。比方 CreativeDoc 的首屏中,六个白色的字母在黑色的背景中,以一种醒目方式呈现出来,比照激烈。
所用字体:Dharma Gothic Heavy
而这家欧洲的创意设计企业 Soffl 的网站则在网站上运用更为浓缩、狭窄的白色字体,搭配彩色动画元素营造出时髦的觉得。
所用字体:自定义(Souffl Web)
2. 运用文雅的衬线字体
传统的衬线字体有着文雅的特性,往常设计师越来越多地在网页中运用成都网站建立衬线字体来发明典雅优容的气氛。
通常,设计师会将网页中最重要的局部,比方标题或者阐明,借助盛行的衬线字体突出地呈现出来,就像 Calluna 和 Minion 这样的字体。
在 Cobble Hill 和 Gin Lane 这两个网页背后,设计师就在首屏运用衬线字体来迎接用户。
所用字体:Arno Pro 和 Proxima Nova
所用字体:Miller Disp, Lt
3. 直白的纯文本
有花哨多样的视觉化设计,自然也有返璞归真追求自然直白的设计,在文本排版上,也是如此。
Justin Jackson 的这个名为 Word 的这个网站的主要内容,是在网页上独立呈现文本的显现效果的:
所用字体:阅读器默许字体Jackson 在他的网站中写到:“文本是最网页中最强大的工具”,用文本设计网页自身并不是一件容易的事情,但是做的好了,用户以至不会认识到图片的缺失。
总部设在哥本哈根的设计机构 B14 就运用了简单直白的文本内容填满了主页,用来呈现他们的工作内容:
所用字体:Maison Neue
一图虽可胜千言,但是文本关于信息的控制其实愈加精确。
Joe Coleman 是一位自在撰稿人,他在本人的网站上仅运用文原本呈现内容。这个网站的特性是借助交互性元素,以纯文本的视觉设计和交互来吸收用户。
所用体:Work Sans
Max Kaplun 的作品集网站中,同样是运用纯文原本构建视觉,不过他借助最简单的字符、字重和颜色变化来装饰。
所用字体:自定义
4. 运用等宽字体
等宽字体的功用性很强,在文字密集的场所常常会用到等宽字体,比方代码,或者文章当中。在如今看来,等宽字体自身有着一种复古的质感,往常在网页设计范畴的盛行和粗野主义的回归不无关系。
Laurent Desserrey 设计了一套令人入迷的作品集网站,网站借助失控的效果和等宽字体发明出粗野的视觉效果。
运用字体:Space Mono
Run Your Mouth 这个网站也是同样运用等宽字体来发明粗粝的质感。
字体:Titling Gothic, Space Mono
5. 运用高亮效果来吸收人
运用高亮效果来构建内容的层次构造也是不错的方式,这有助于访客阅读、抓住关键的信息。
Godfrey Dadich 是一个来自旧金山的设计机构,由于首页上长篇大论的内容,为了让用户抓住重点,运用了荧光绿的高亮标识。
所用字体:Noe 和 Atlas康奈尔大学的网页同样运用荧光黄色来高亮关键词,让访客留意到关键的文本。
所用字体:Freight Display + Theinhardt
6. 纵横交织的标题文本
将标题或者关键性的文案拆分,在首屏上纵横交织地排布也是近年来比拟盛行的玩法。这种排版方式不只让整个规划有更多留白,而且方式感愈加强。
比方下面的这个网站,它是电影 Take What You Can Carry 的官方网站,电影的名字被拆分开单独排版:
所用字体: DIN + Courier
而诸如设计机构 Elegant Seegulls 的网站,以至运用了垂直滚动这样的实验性效果:
所用字体:Azo Sans + Capitolium 2
在创意机构 Magic People Voodoo People 的网站上,则在四角上运用了程度和垂直的文原本昭示它的称号:
7. 充溢实验性的分散文本
将单词自身彻底打散成为单个字母,这种设计更为实验性。这种设计在视觉上有着共同的作风,不过在可读性上相对而言就比拟差了,这也是为什么将这种设计趋向定义为实验性的,在详细设计的时分,应该认真权衡,再做选择。
The Impossible Is Inevitable 是一个在莫斯科犹太人博物馆所举行的展览,展览的名字是由浮动的字母所构建而成,在首页上浮动,需求略微认真分辨才干明白详细是哪几个单词。
分散的字母固然并不是那么容易分辨,但是它们被细线贯串在一同,有视觉线索,看似脆弱断断续续却一直相连,并且充溢了探究感。
Octoplus Group 是一个通讯机构,他们的网站首页就是借助这些小巧粗暴的字母来充任导航元素。从品牌信息传达和故事性的角度上来看,这种设计是十分有趣且有效的。