设计一个有效的页脚(footers)可能非常困难,因为页脚设计中涉及许多样式和属性。例如,列,链接列表,作者名和定制的图表。我个人最喜爱的方式是使用超大的页脚布局,这样有足够的空间放置特定的链接表。
因此,我收集了30个精彩的超大尺寸的页脚设计网站。如果你也同样乐于使用这种设计方式,就赶快来看看吧。
Branded07有一个构图完整的页脚,整个页脚多数用来放置链接。使用这种方式处理复数位的链接数量便不必再为链接的布局而苦恼。清晰、明确的链接文字显得非常友好,令客户皱眉分辨网页上又细又小的字体是不对的。
与Branded07类似,这个页脚也摆放了许多信息:SNS网站,邮件,购买时的注意事项等。卡通的图片结合文字,即醒目又清晰。三列式的信息排布对应了内容上的布局,使页面协调一致。
许多人设计网站时,会建立单独的友情链接表格,当时由于传统的logo尺寸限制,不得不为之。不过看一下这个网站,是不是该回去把logo再设计一 下?与各个SNS网站的logo相似的个站logo,正方形的外观带来更灵动的布局和视觉效果。这些logo整齐排列在页脚中,领脚也倍加引人关注。
背景图片选用漂亮的海底图片,超大的页脚中简单排放着几个功能链接,充裕的留白令图片的意境发挥地淋漓尽致。
许多作者在设计页面时会紧扣网站名字,Design Bombs也不例外。为了呼应页头的导弹元素,页脚设计成构图简单的战场图片。尽管页脚没有放置什么信息,但却巧妙呼应了整体设计。
或许这就是多人共有式网站设计的实例。简单说明一下它的作者们,一种收费服务,还有不变的SNS互动,简约的色块划分了信息间的区别。超大页脚令这些信息的标题可以足够大,让人一目了然。
与Design Bombs构思类似的网站。对角线上,页头和页脚的图片透露了网站内容。页脚设计令页面整体感觉稳定、有分量。
做为一种展示与交流作用的网站,Web Designer Wall使用了含最新动态的页脚,用户在浏览时可以放心地关注于自己喜爱的内容,而不受实时更新的打扰。页脚处的内容图文并茂,信息布局清晰。
43Folders页脚集中了大量信息,诸如网站的推荐文章,站长的自我推荐等。页脚以色块结合图片构成,反差较大的字体令页脚信息富有层次。
设计精巧的图案放在页脚会令页面更美好。Productive Dreams要在页脚安放一个高度较高的卡通图片,只有将页脚高度增加。不过,这同时也令这个网页看上去与众不同。
足够大的字体标明了信息内容多罗列的页脚显得非常充实。
让页脚变为作者的展示墙,跳出了以往的信息内容,值得学习!
精美图片结合多列信息。图片的设计以信息布局为出发点,二者间巧妙结合,令页脚给人感觉协调一致。
一个类似Productive Dreams的设计不得不说,这些可爱的元素,总是令网页灵动起来。
页脚设计为笔记本、便笺和图钉,呼应了主页面的结构,使网页浑然一体,别具匠心。
一个可爱、活泼的页脚设计,结构巧妙。
这里,把传统的表单内容移动至页脚,“提交”按钮用红圈加以强调。这样的页脚设计十分新颖,但必须抓住细节处理。
还记得以前强调的那些要素么?留白、色彩和列表。看看这个,虽然简单但也需要大胆地尝试才能得到满意的效果。
翻译地址:http://paranimage.com/30-big-footer-web-design/
原文地址:http://designm.ag/inspiration/30-super-oversized-footers-in-modern-web-layouts/
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
用户体验设计核心问答
已累计诞生 610 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓