设计师在考虑整个页面的布局时,应该从头到尾的考虑,页脚是被最后虽考虑的,一个优秀的页眉,更需要一个完美的页脚去衬托。很多页脚的设计都是以插画的方式去呈现,并呼应整个页面的色彩和风格。 下面分享华丽的博客网页页脚设计。希望这些页面将不仅给你带来灵感。Branded07Branded07有一个构图完整的页脚,整个页脚多数用来放置链接。使用这种方式处理复数位的链接数量便不必再为链接的布局而苦恼。清晰、明确的链接文字显得非常友好,令客户皱眉分辨网页上又细又小的字体是不对的。

 Ready Made Designs

与Branded07类似,这个页脚也摆放了许多信息:SNS网站,邮件,购买时的注意事项等。卡通的图片结合文字,即醒目又清晰。三列式的信息排布对应了内容上的布局,使页面协调一致。

FudgeGraphics

许多人设计网站时,会建立单独的友情链接表格,当时由于传统的logo尺寸限制,不得不为之。不过看一下这个网站,是不是该回去把logo再设计一下?与各个SNS网站的logo相似的个站logo,正方形的外观带来更灵动的布局和视觉效果。这些logo整齐排列在页脚中,领脚也倍加引人关注。

Frisk Design

背景图片选用漂亮的海底图片,超大的页脚中简单排放着几个功能链接,充裕的留白令图片的意境发挥地淋漓尽致。

 

Design Bombs

许多作者在设计页面时会紧扣网站名字,Design Bombs也不例外。为了呼应页头的导弹元素,页脚设计成构图简单的战场图片。尽管页脚没有放置什么信息,但却巧妙呼应了整体设计。

DesignShack

或许这就是多人共有式网站设计的实例。简单说明一下它的作者们,一种收费服务,还有不变的SNS互动,简约的色块划分了信息间的区别。超大页脚令这些信息的标题可以足够大,让人一目了然。

The Rissington Podcast

与Design Bombs构思类似的网站。对角线上,页头和页脚的图片透露了网站内容。页脚设计令页面整体感觉稳定、有分量。

Web Designer Wall

做为一种展示与交流作用的网站,Web Designer Wall使用了含最新动态的页脚,用户在浏览时可以放心地关注于自己喜爱的内容,而不受实时更新的打扰。页脚处的内容图文并茂,信息布局清晰。

43 Folders

43Folders页脚集中了大量信息,诸如网站的推荐文章,站长的自我推荐等。页脚以色块结合图片构成,反差较大的字体令页脚信息富有层次。

Sam Rayner

 Productive Dreams

设计精巧的图案放在页脚会令页面更美好。Productive Dreams要在页脚安放一个高度较高的卡通图片,只有将页脚高度增加。不过,这同时也令这个网页看上去与众不同。

Kaleidoscope App

足够大的字体标明了信息内容多罗列的页脚显得非常充实。

Colorburned

Vimeo

Sketch Odopod

让页脚变为作者的展示墙,跳出了以往的信息内容,值得学习! 

YoDiv

精美图片结合多列信息。图片的设计以信息布局为出发点,二者间巧妙结合,令页脚给人感觉协调一致。

Bits & Pixels

Carsonified Events

一个类似Productive Dreams的设计不得不说,这些可爱的元素,总是令网页灵动起来。

Crazy n Funny

Destiny Islands

 Catalyst Studios

页脚设计为笔记本、便笺和图钉,呼应了主页面的结构,使网页浑然一体,别具匠心。

Florida Flourish

BlogHelpr

一个可爱、活泼的页脚设计,结构巧妙。

Hongkiat

Koorman

Brad Candullo

这里,把传统的表单内容移动至页脚,“提交”按钮用红圈加以强调。这样的页脚设计十分新颖,但必须抓住细节处理。

ecoki

Apple Reviews

Fubiz

Kiva

还记得以前强调的那些要素么?留白、色彩和列表。看看这个,虽然简单但也需要大胆地尝试才能得到满意的效果。

 

原文地址:http://designm.ag/inspiration/30-super-oversized-footers-in-modern-web-layouts/