培训首页  >  UI设计师新闻  >  使用大气醒目的字体排版的网页欣赏

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

[2017-11-15 11:09:35] 浏览量:442 来源:

苏州UI设计培训培训中心

当我们谈及网页字体的时候,更多聊到的是文本的样式,比如字体族、大小尺寸、粗细字重等属性。然而实际上,深究网页字体的排版,所涉及到的属性更多。
       字体排版拥有着无限的可能性,而这种排版设计并不是每个人都能胜任的艺术。在对的人手中,它能创造奇迹,大放异彩。在网页设计中充分运用排版,时刻保持关注,是很有必要的。更何况近年来的网页设计趋势也充分证明了字体排版设计的实际价值。
       从那些使用华丽精致的字体设计的网站到页面字体精挑细选的页面,字体排版都充分证明了它的独有价值,今天的网站都充分使用了这一设计技巧,让它“脱颖而出”。

Stugoo

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

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

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

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

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

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

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

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

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

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

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

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

51North

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

Liechtenecker

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

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

FiberSensing

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

Uni Sapon

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

The Crumpled Ball

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

La Dogana Food

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

The Dilla Dimension

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


文中图片素材来源网络,如有侵权请联系删除
  • 平面设计师
  • UI设计师
  • 室内设计师
  • 动漫设计师
  • 服装设计师
  • 规划设计师
  • 零基础
  • 有PS基础
  • 有AI基础
  • 有CAD基础
  • 有PR/AE基础
  • 其他软件基础
  • 周末班
  • 全日制白班
  • 随到随学

网上报名

热门信息

温馨提示