设计 | 网页文本字体的设计小技巧

资料来源：网络整理时间：2023/3/22 2:31:43 共计：3574 浏览

　　网站站点最基本的功能是呈现信息，让用户使用者可以阅读。字体的展现展示和排版自然也是页面结构网页设计师工作的重要信息内容之一。今天，我们简单列举几个页面结构网页设计领域正在流行的纯文本文字排版设计规划趋势，与你分享。

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

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

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

　　所用字体：Dharma Gothic Heavy

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

　　所用字体：自定义（Souffl Web）

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

　　通常，设计规划师会将网页页面中最重要的部分，例如title标题或者说明，借助流行的衬线字体突出地呈现出来，就像 Calluna 和 Minion 这样的字体。

　　在 Cobble Hill 和 Gin Lane 这两个网页页面背后，设计规划师就在首屏使用衬线字体来迎接用户使用者。

　　所用字体：Arno Pro 和 Proxima Nova

　　所用字体：Miller Disp, Lt

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

　　Justin Jackson 的这个名为 Word 的这个网站站点的主要信息内容，是在网页页面上独立呈现文本信息的显示结果效果的：

　　所用字体：查看浏览器默认字体

　　Jackson 在他的网站站点中写到：“文本信息是最网页页面中最强大的工具”，用文本信息设计规划网页页面本身并不是一件容易的事情，但是做的好了，用户使用者甚至不会意识到image图片的缺失。

　　总部设在哥本哈根的设计规划机构 B14 就使用了简单直白的文本信息信息内容填满了主页，用来呈现他们的工作信息内容：

　　所用字体：Maison Neue

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

　　Joe Coleman 是一位自由撰稿人，他在自己的网站站点上仅使用文本信息来呈现信息内容。这个网站站点的特点是借助交互性元素，以纯文本信息的视觉设计规划和交互来吸引用户使用者。

　　所用字体：Work Sans

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

　　所用字体：自定义

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

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

　　使用字体：Space Mono

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

　　所用字体：Titling Gothic, Space Mono

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

　　Godfrey Dadich 是一个来自旧金山的设计规划机构，由于首页上长篇大论的信息内容，为了让用户使用者抓住重点，使用了荧光绿的高亮标识。

　　所用字体：Noe 和 Atlas

　　康奈尔大学的网页页面同样使用荧光黄色来高亮关键词keyword，让用户访客注意到关键的文本信息。

　　所用字体：Freight Display + Theinhardt

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

　　例如下面的这个网站站点，它是电影 Take What You Can Carry 的官方网站站点，电影的名字被拆分开单独排版：

　　所用字体： DIN + Courier

　　而诸如设计规划机构 Elegant Seegulls 的网站站点，甚至使用了垂直滚动这样的实验性结果效果：

　　所用字体：Azo Sans + Capitolium 2

　　在创意机构 Magic People Voodoo People 的网站站点上，则在四角上使用了水平和垂直的文本信息来昭示它的名称：

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

　　The Impossible Is Inevitable 是一个在莫斯科犹太人博物馆所举办的展览，展览的名字是由浮动的字母所构建而成，在首页上浮动，需要稍微仔细分辨才能明白具体是哪几个单词。

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

　　Octoplus Group 是一个通信机构，他们的网站站点首页就是借助这些小巧粗犷的字母来充当导航元素。从公司品牌信息传达和故事性的角度上来看，这种设计规划是非常有趣且有效的。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。