经典网站设计:10个独具创意的网站头部设计示例_网页设计教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:网页设计趋势- 撞色风
撞色风(Color Blocking)已经成为网页设计的趋势。运用方形(或矩形甚至弧形)的色彩盒作为色彩工具已经开始普及开来。这种撞色风的趋势最先在时尚界流行。箱、包、鞋类甚至

在浏览网页的时候,网页的头部通常是人们最先看到的部分。如果页面的头部能够设计得创意一些的话,能够给访客留下深刻的印象。今天这篇文章就向大家推荐10个充满创意的网站头部设计示例,希望能带给您灵感。 

designc7.com

首先推荐的这个网站是来自国内设计师设计的英文个人网站。

作者充分发挥自己的专业特色,以 CSS 样式的文字形式展示在网页头部。

CSS 类名是作者打招呼,hi-i-m-chris,样式内容是作者简单自己我介绍。

webtypographyforthelonely.com

这个网站的头部创新的使用了五种基于 HTML5 Canvas 和 SVG 制作的效果。

图片上显示的这个粒子效果的文字,鼠标悬浮的时候会有粒子飞舞的动画。

webtypographyforthelonely.com Header design inspiration

henry.brown.name

创意的个人博客,作者是今年刚从 Essex 大学毕业,前端开发工程师,自由职业者。

网站的头部是作者自画像,动态的,会定时眨眼,鼠标悬浮也会眨眼。

aquaticayachtservices.com

这种风格的网站头部是之前博客里多次介绍过得大图片背景在网页设计中的应用。

aquaticayachtservices.com Header design inspiration

relogik.com

网站头部是宽幅的图片幻灯片效果,和网页的其它部分完美的融合在一起。

relogik.com Header design inspiration

redlinepe.co.uk

这个网站的头部也是以突出网站主题的图片来吸引用户的眼球。

redlinepe.co.uk Header design inspiration

pictorymag.com

同样是使用非常有特色的图片来彰显网站的主题,让用户留下深刻的印象。

pictorymag.com Header design inspiration

formfett.net

网站头部使用一张非常有特色的照片突出网站的主题。

formfett.net Header design inspiration

morehazards.com

More Hazards

versionsapp.com

如果你的视线被吸引过来了,那说明你又被这个网站成功捕获了。

大背景图片在网页设计中的应用越来越流行,是未来的发展趋势。

文章来源:梦想天空

分享:2012年排名前20位的CSS网站作品
2012年涌现出众多独特的,令人印象深刻的 CSS 网站作品,要从中挑选出年度应用 CSS 的最佳网站列表一个严峻的挑战,因为 CSS 涵盖了媒体查询(CSS3 Media Queries)、CSS

来源:模板无忧//所属分类:网页设计教程/更新时间:2013-04-17
相关网页设计教程