精选国外让用户流连忘返的页头设计欣赏(3)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:陈子木

关键词

28、简单的配色方案

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

Maiedae 在左上角使用了一个可爱的手写字体LOGO,而网站更加用心的地方在于为了突出内容,网站非图片部分的配色设计得足够简单,让用户打开页面之后第一时刻会关注到图片和内容。

29、可爱又简短直接

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

虽然很多Tumblr 博客都采用的是这样的布局,但是你必须承认相对较窄的页宽和可爱的配色会让页面显得赏心悦目又难忘。

30、一个名称就够了

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

有的时候繁复的设计不如一个简单的直击来得靠谱,而Panic Blog 也算得上是个中高手了,一个带有浮雕效果的标题就给人感觉非常不错。

31、来个图文混拍的Banner

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

文艺风十足的Little Green Notebook就适合这样图文混拍的Banner,这种看起来经过处理的页头充满了温暖的触感,走心又漂亮。

32、让图片和内容联系紧密

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

我们常说要让图片和内容相互关联,但是要怎么设计才够紧密呢?开开脑洞,像 Design Tripper 一样,点题又能让人会心一笑,独特又不觉得突兀。

33、利用栅格

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

利用栅格系统来制作故事板,这在Tumblr 中也可以实现,这样的设计可以将标题和内容有机地整合到一起。利用栅格不仅可以让布局更加整饬,而且让那个用户更容易导航。

34、移除页头

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

如果没有页头的话,那么这个网站的打开体验会如何?这个网站就是如此做的,去除页头之后,漂亮的图片和内容组成了这个全屏式的页面,直接而富有冲击力。

35、用标题和内容来覆盖

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

This Is Glamorous 是一个关于时尚和室内设计的网站,优雅的手绘字体标题和内容以更加紧凑的方式覆盖了页头,极简之余还会给人一种优雅而直接的浏览体验。

36、LOGO和图片的结合

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

黑色的LOGO和浅色的Banner图结合到一起作为页头,相比于文字标题+链接的常见展现形式更加有趣而视觉化。如果你的LOGO足够漂亮,多展示一下又有何妨呢?

37、漫画式的Banner

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

有插画师的网站就是好,The Thirsty Wench 的页面就将标题和漫画插画结合到一起,考虑到这是一个和酒相关的网站,,这大胆的风格还是与之非常搭的呢~

38、繁复之美

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

在主流设计都追求简约美的今天,使用繁复而优雅的页头也是一种不跟随的态度。借助栅格和大量的文字标题来设计的页头使得The Rivet Press的首页显得华丽整齐而令人印象深刻。

39、让标题无比醒目

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

对,这么做是有点简单粗暴,但是字体够漂亮,色彩够鲜艳,这做又有什么不好呢?富有吸引力,有趣,让页面有了视觉重心。

40、使用对比

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

和上面的案例有异曲同工之妙,Deaf Pigeon 的页面让背景的所有元素都显得柔和,仅仅是让网站名称和前景那个巨大的红色斧头突出显示,目的明确,对比强烈,层次分明。

41、漂亮的LOGO

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

Decor8 的漂亮 LOGO被置于整个博客的正中央,这就是我们之前所说的经典而简单的解决方案。

42、居中显示风格化设计的标题

精选国外让用户流连忘返的页头设计欣赏,PS教程,思缘教程网

作为一个强调女性的博客,The Chronicles of Her 将标题用口红来书写出来显得性感无比,将它居中显示在页头,醒目又有性格。

 收藏