使用大气醒目的字体排版的优秀网页欣赏

当我们谈及网页字体的时候,更多聊到的是文本的样式,比如字体族、大小尺寸、粗细字重等属性。然而实际上,深究网页字体的排版,所涉及到的属性更多。

字体排版拥有着无限的可能性,而这种排版设计并不是每个人都能胜任的艺术。在对的人手中,它能创造奇迹,大放异彩。在网页设计中充分运用排版,时刻保持,是很有必要的。更何况近年来的网页设计趋势也充分证明了字体排版设计的实际价值。

从那些使用华丽精致的字体设计的网站到页面字体精挑细选的页面,字体排版都充分证明了它的独有价值,今天推荐的网站都充分使用了这一设计技巧,让它“脱颖而出”。

Stugoo

使用高识别度的字体设计,加上吸引人的细节设计,的确是抓住用户注意力的利器。优雅的线条勾勒和漂亮的水泡装饰,同其他的视觉元素很好地结合起来,营造出安静又俏皮的氛围。

Teamgeek

网站的开发者充分展现了如何将新技术运用到网页设计中的技巧。充满复古风格的LOGO设计让网站打开的时候有了独特的气场,而当可交互的粒子特效出现的时候,用户除了”Wow”大概也做不出别的表情吧。

Rightmove

漂亮的卡通式的字体设计延伸到背景的配色和细节上,居中的标语以背景为舞台,占据视觉中心,同友好安定的环境融为一体,使得网站氛围相当不错。

St. Louis Browns

半透明的外观设计使得网站的字体显示效果独树一帜,整饬的字体排版和戏剧化的背景选取,两者互相组合,但是又确保了识别度,设计师在此相当用心。

Thunderdome

极简的首页设计让整个页面显得干净利落,虽然标题字体并未经过深入的设计和调整,但是强烈的色彩对比,大量的留白,柔和的背景和细小的装饰性元素,让页面显得主次分明。

Moisture

充满气场的背景选择使得自然的美感和气势展现得淋漓尽致,处于中心的文本因此而显得相当吸引人。简单的文本借助背景的气势,从而显得不那么简单,色彩上鲜明的对比也强化的信息的传递效率。

The Wanderlust Storybook

这个网站的设计师同样使用了漂亮华丽的水彩插画来作为背景,而以蓝色为主的背景用了对比色黄色来作为网站标题的色彩,对比强烈而又恰如其分。

C2

这个网站的排版设计可以称得上上一石二鸟。别具一格的排版设计绝对称得上独特,它不仅展现内容还作为标识而存在,此外它还具有导航的功能。

Ape Unit

这个极简的单色网站设计看起来够清爽,导航设计也充分融入其中,这使得用户毫无干扰地看到了网站的欢迎信息。

RC

设计师非常讨巧地借助排版设计让用户注意到页面中心交叠的RC Logo,又让网页的层次呈现在大家面前。

Jean Baptiste Calzia

网站的设计者重点在于引导用户注意到网站的内容和设计师本身的角色,而问候语则居于次席,用来引导用户主要内容。

Pixelundcode

和之前的案例类似,黑白色调的配色是网站设计的重中之重,优雅而高效地呈现出欢迎语。

51North

对于欧美国家而言,666是魔鬼的数字(而此刻在中国666的含义似乎更富于调侃一些),这种不吉利的数字会瞬间吸引访客的注意力。

Liechtenecker

许多设计师对于这种暗背景+明文字的设计情有独钟,而两者之间对比度的控制则是整个设计的重中之重。这个网站的设计明显是老司机,这种微妙和谐的感觉很是不错。

Melanie DaVeid

标题字体的选取不仅独特而且微妙精炼,更重要的是暗色调的背景很好地营造了整个展示的氛围。作为一个作品展示类的网站,这种手写字体很符合它的调性。

FiberSensing

动静结合是这个网页的特色,动态可交互的背景和前景静态的文字等视觉元素达成了平衡,设计师成功地将柔和动态元素、渐变背景和风格稳健扎实的字体搭配到了一起,让整个设计相得益彰,动静相宜,强弱对照。

Uni Sapon

同样的,壮观的场景让文字和背景有了充分的对比,背景的树林所呈现出的角度让这种气势足以凝聚到文字上,让人难以忘怀。

The Crumpled Ball

网站中漂亮的徽章设计和其中独特的复古产品保持着相同的调性。独特的产品设计和细致的文字/徽章设计反映了设计者统一的精神和风格,值得学习。

La Dogana Food

La Dogana Food 还是更倾向于传统的设计路线,用加粗的字体来让吸引用户的注意力。网站的设计对于用户而言也相当的直接易用。

The Dilla Dimension

这个网站的设计相对而言比较有争议,背景中的元素是动态的,色调明亮,看起来有点奇怪,但是你不得不承认它相当的能吸引人的注意力——当然也让人注意到文字。

designmodo

译文地址:优设

作者:Nataly Birch

优设译文:@陈子木

(0)

相关推荐

  • word文档英文字体排版小技巧

    很多小伙伴在word中为英文排版时,往往没有中文熟悉,下面就给大家介绍一下word文档英文字体排版的小技巧.具体如下:1. 如下图所示,在word中输入了一段英文,以此为例.2. 首先,将要排版的英文 ...

  • 40个优秀的关于我们页面网页欣赏(上)

    和网站访客进行沟通的方式有很多,但是最典型.最直接的还是通过关于我们页面来获取沟通方式.在网站设计越来越多样的今天,设计师和设计团队对于关于我们页面的设计也越来越重视,页面的每一个细节似乎都成了展示设 ...

  • 40个优秀的关于我们页面网页欣赏(下)

    沟通是一件重要的事情,这也使得联系我们页面的设计是整个项目中无法忽视,也无法含糊的部分.因为它不仅是要给用户一个交代,而且作为网站的自留地,对于团队自己而言,也必须给出一个"足够漂亮&quo ...

  • 2015年优秀的欧美网页欣赏

    16年已到来,在15年里我们分享了不少优秀网页设计案例,可以看到网页设计的演变是很快的,今天小编为大家整理来自设计网站fromupnorth分享的2015年优秀的欧美网页设计作品,这些作品界面美观时尚 ...

  • 布局排版巧妙的网页设计欣赏

    小编:作为一名UI设计师,做网页设计时,创意很重要,而与之重要的当然是布局与排版了.特别是设计扁平化的网页时,排版布局,字体与得体的配色更是缺一不可.今天给大家带来的是由设计达人分享的40个布局排版巧 ...

  • 灵感专题—2019年优秀网页设计作品赏析#4月

    设计领域时时刻刻在发生着你我意想不到的变化.许多看似熟悉的设计趋势,于不同的设计师而言,经过灵活的创意设计也许就意味着不同的可能性.而这些可能性则来源于设计灵感的持续涌现.及时汲取设计灵感,是设计师们 ...

  • Win10安装字体后Edge打开网页出现乱码如何解决

    Win10安装字体后Edge打开网页出现乱码如何解决?一些用户反馈在刚安装好windows10系统时,使用Edge浏览器网页内容会正常显示,可是安装第三方字库后,网页内容就变城乱码了,这该怎么办呢?其 ...

  • win7如何设置网页字体大小?win7系统调整网页字体大小的三种方法介绍

    如何调整电脑显示的网页的字体大小?相信大家都知道,网页字体的大小对眼睛的视觉效果很重要,字体不管太大还是太小,都会令眼睛非常不舒服.那么,w7系统怎样设置网页字体大小呢?接下来,我们小编就来教教大家w ...

  • 优秀网页设计的基本原则

    一个优秀网页设计具备的一些基本原则 操作方法 01 1 .确定网页设计的内容 一个优秀的风站要有一个明确的主题,整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有 ...