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

作者: 来源: 更新时间:2012-12-10 20:46:47 点击:
分享45个非常漂亮的网站底部设计推荐25佳漂亮的网站底部设计案例33个优秀的网站底部设计案例欣赏分享25个优秀的网站底部设计案例20佳极具创意的网站导航菜单设计

 

designc7.com

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

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

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

 

webtypographyforthelonely.com

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

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

webtypographyforthelonely.com Header design inspiration

 

henry.brown.name

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

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

 

aquaticayachtservices.com

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

相关文章推荐:

大背景图片在网页设计的精彩应用大背景在网页设计中应用的优秀案例网页大背景在网页中应用的优秀范例网页中应用大图片背景的20精美案例20个使用网页大背景的网站设计案例

aquaticayachtservices.com Header design inspiration

梦想天空博客关注前端开发技术,展示最新HTML5和CSS3应用,分享实用的jQuery插件,推荐网页设计案例。

 

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

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

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

 

您可能还喜欢

 

分享45个非常漂亮的网站底部设计推荐25佳漂亮的网站底部设计案例33个优秀的网站底部设计案例欣赏分享25个优秀的网站底部设计案例20佳极具创意的网站导航菜单设计

 

本文链接:优秀网站设计:10个独具创意的网站头部设计经典示例

编译来源:梦想天空 ◆ 关注Web前端开发技术 ◆ 分享网页设计资源

hide