上海网站建设|专业网站设计|高端网站建设|上海网站制作|专业网站建设|高端网页制作公司-雅黑品牌

探索案例
021-5566-8921
300+ 名企都在用的《高端网站全面建设指南》,限时免费领取。
获取资料

获得专家方案

Powered by

请简单描述你的诉求 我们将为您免费定制并提供以下内容

立足本土 遍及全球
服务触达全国及海外10多个国家

上海 / 合肥 / 苏州

合作咨询

021 - 5566 - 8921

* 雅黑现已支持远程在线会议包括 - 腾讯会议 / 钉钉 / 飞书 / Zoom / Microsoft Teams

与资深顾问聊一聊 ?

告知我们你的需求 为你提供一对一的免费咨询服务

立即咨询 获取方案 立即联系

文字排版 | 网页文字的花式“玩法”

2021-05-05

网站最基本的功能是呈现信息,让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。今天,我们搜集了2018年网页设计领域正在流行的文字排版设计趋势,与你分享。

2006年,Oliver Reichenstein 撰写了文章《网页设计95%的工作是排版》,这是当年最有争议的文章之一。Reichenstein 在文章中这么说道:“网页设计不仅仅是挑选并使用精美的字体,更多的是关于我们如何在设计中使用它们 。”

1. 大胆的首屏排版设计

超大的、震撼的、直接的、没有戏剧性的首屏文本可能是最近几年文本最为显著的用法。首屏中常见的超大的图片被超大的文本所取代,这些标题和主题、品牌或者信息紧密关联,通过超大的尺寸呈现出来的视觉效果也不遑多让。

效果如你所见,字体排版成为了网页中最醒目的存在。比如 CreativeDoc 的首屏中,六个白色的字母在黑色的背景中,以一种醒目方式呈现出来,对比强烈。

而这家欧洲的创意设计企业 Soffl 的网站则在网站上使用更为浓缩、狭窄的白色字体,搭配彩色动画元素营造出时尚的感觉。

2. 使用优雅的衬线字体

传统的衬线字体有着优雅的特点,如今设计师越来越多地在网页中使用衬线字体来创造典雅优容的氛围。

通常,设计师会将网页中最重要的部分,比如标题或者说明,借助流行的衬线字体突出地呈现出来。

3. 直白的纯文本

有花哨多样的视觉化设计,自然也有返璞归真追求自然直白的设计,在文本排版上,也是如此。

Jackson 在他的网站中写到:“文本是最网页中最强大的工具”,用文本设计网页本身并不是一件容易的事情,但是做的好了,用户甚至不会意识到图片的缺失。

一图虽可胜千言,但是文本对于信息的控制其实更加准确。

Max Kaplun 的作品集网站中,同样是使用纯文本来构建视觉,不过他借助最简单的字符、字重和色彩变化来装饰。

4. 使用等宽字体

等宽字体的功能性很强,在文字密集的场合常常会用到等宽字体,比如代码,或者文章当中。在现在看来,等宽字体本身有着一种复古的质感,如今在网页设计领域的流行和粗野主义的回归不无关系。

Laurent Desserrey 设计了一套令人着迷的作品集网站,网站借助失控的效果和等宽字体创造出粗野的视觉效果。

使用字体:Space Mono

Run Your Mouth 这个网站也是同样使用等宽字体来创造粗粝的质感。

所用字体:Titling Gothic, Space Mono

5. 使用高亮效果来吸引人

使用高亮效果来构建内容的层次结构也是不错的方式,这有助于访客浏览、抓住关键的信息。

6. 纵横交错的标题文本

将标题或者关键性的文案拆分,在首屏上纵横交错地排布也是近年来比较流行的玩法。这种排版方式不仅让整个布局有更多留白,而且形式感更加强。

7. 充满实验性的分散文本

将单词本身彻底打散成为单个字母,这种设计更为实验性。这种设计在视觉上有着独特的风格,不过在可读性上相对而言就比较差了,这也是为什么将这种设计趋势定义为实验性的,在具体设计的时候,应该仔细衡量,再做选择。

分散的字母虽然并不是那么容易分辨,但是它们被细线贯穿在一起,有视觉线索,看似脆弱断断续续却始终相连,并且充满了探索感。

上海网站制作 | 上海网站建设 | 上海网站设计 | 高端网站建设 | 高端网站设计 | 高端网站制作 |

上海网站建设 上海网站设计 上海网站制作 高端网站制作 高端网站设计 高端网站建设