2018网页设计文字排版趋势大揭秘，首屏排版有何新变化？
网站的首要职能在于展示资讯，便于用户浏览。而字体呈现与页面布局，无疑是网页设计师关注的焦点。在此，我们整理了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
一图虽可胜千言，但是文本对于信息的控制其实更加准确。
乔·科尔曼是一名独立的撰稿人，他个人网站上的内容仅以文字形式呈现。该网站的一大特色是融入了交互性元素，通过纯文本的视觉设计和用户互动来吸引访客。
所用字体：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. 充满实验性的分散文本
将单词完全拆解成独立的字母，这样的设计更具实验性质。这种设计在视觉效果上独树一帜，但在阅读体验上却相对逊色。正因如此，我们将其归类为实验性设计。在进行具体设计时，我们需慎重考虑，并作出明智的选择。
《不可能之事终将成真》是于莫斯科犹太人博物馆举办的展览，其名称由飘动的字母构成，悬挂于首页之上，需稍加留意方能辨识出具体是哪些单词。
这些分散的字母虽不便于辨认，但细线将它们串联，形成视觉上的连贯性；看似零散且易断，实则紧密相接，并散发出一种探寻的韵味。
Octoplus Group 是一家通讯企业，其官方网站首页利用这些简约而有力的字母作为导航元素。从品牌信息的传递和故事叙述的角度出发，这种设计手法既富有趣味性，又极具实效性。
原文作者 : Webflow Blog
请小编喝杯咖啡吧！