我们观察到,2018年网页文本字体的设计趋势有这7…
2018-06-23 13:14:41来源:未知 阅读 ()
网站最基本的功能是呈现信息,让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。今天,我们搜集了 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
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 浅色还是深色?教你选择合适的界面配色方案!浅色还是深色? 2018-06-17
- 从两个视角看,拼多多小程序分享里的13个魔鬼细节从两个视角 2018-06-17
- 形状对界面布局设计的影响形状对界面布局设计的影响 2018-06-17
- 厦门书生总裁庄良基:寄语09安徽站长年会 2009-05-12
- 开发组成员 Louis Landry 访谈录 2009-05-12
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash