网页设计领域的几个排版设计趋势。

一个网站,用户点击进来最想要看到的是什么?当然是信息,这也是网站最基本的功能,呈现,使得用户可以阅读。但有的网站例外,比如工具功能类的135编辑器,主要是提供给用户做文字排版和图片排版的功能。今天我们搜集了一下网页设计领域的排版设计趋势,和大家分享一下。

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 是一个通信机构,他们的网站首页就是借助这些小巧粗犷的字母来充当导航元素。从品牌信息传达和故事性的角度上来看,这种设计是非常有趣且有效的。

这些文字排版用于网站,编排得好确实可以让进来的用户眼前一亮,增加浏览和阅读的欲望,使得成单量提高,这才是最主要的目的。因为除了一些图片网站,大多数网站都是以文字为主,所以文字设计时非常之重要的。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/48409.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
优化家优化家订阅用户
上一篇 2022年7月4日 01:40
下一篇 2022年7月4日 01:40

相关推荐

  • 网站SEO优化中如何更新网站文章的诀窍。

    稿件一直是很多人头疼的事情,但是一想到百度收录是百度权重的基础,就不得不坚持写。根据人们的认识,在升级网站稿件时,SEO大神们遵循的是必要的规律性。如果人们寻找这种规律,并在许多方面加以应用,更新手稿将…

    2022年9月10日
    065
  • 展示型网站要多少钱。

    做一个展示网站需要多少钱?目前很多企业做网站都会比较盲目。其他公司都有网站,那么自己的公司也应该有网站,而不是站在公司的角度来定位网站。比如公司适合做什么样的网站?目前做这个网站需要哪些功能?你想达…

    2022年9月10日
    080
  • 总结2014。

    纵观全年,总结很重要。但是,看了太多总结性的文章,难免会问,明年会怎样?嗯,真的是时候展望未来了。2014年出现了许多令人印象深刻的网页设计趋势,越来越多的幽灵按钮和成熟的视差滚动。单页设计也成为了很多…

    2022年9月10日
    058
  • 小编分享杭州企业官网网站建设的基本流程。

       本文讲述的是杭州企业网站设计与建设流程方面的问题,内容详细全面,方便了企业用户的阅读,为企业提供网站建设前期帮助,减少过程中不必要的麻烦。本文将全部用文字记录下来,方便各位收藏使用,当然文中也许会…

    2023年6月11日
    02
  • 网页设计中的特殊需求:公仔人物与吉祥物 。

    在我的生活中,你总会看到一些出色的商业设计,其中各种玩偶和吉祥物都非常抢眼。比如:历史悠久的大同宝宝,7-11超市的开酱,上海银行的小猪宝宝& # 8230;诸如此类,各行各业都能看到商业人物和吉祥物,对企业…

    2022年9月10日
    074
  • 我来说说小企业怎么做好网站建设 网络公司建设网站有保障吗。

    小企业可通过专业网络公司建设网站,保障网站质量与效果。 在当今这个数字化的时代,拥有一个专业的网站对于小企业来说是非常重要的,它不仅可以帮助企业提升品牌形象,还可以扩大市场影响力,提高业务效率,对于许…

    2024年7月27日
    00
  • seo优化背后是商业价值问题而不是技术问题。

    我一般反对把SEO神秘化,过于技术化,但是并不代表SEO就是简单的。 或许也可以这样理解,从技术上理解,SEO是非常简单的。但是很多站点遇到的问题不是技术问题。 特别是一些大型站点的SEO,从我们常说的那些SEO技术…

    2022年6月30日
    0111
  • 营销型网站建设的核心要素。

    随着互联网营销时代的到来,大多数的企业都进行了营销型网站建设。但是大多数网站都是展示型网站,并不能称之为营销型网站,这些网站看起来高大上,但是并不能够真正的给企业带来利润。那么营销型网站的建设有哪些…

    2023年2月22日
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息