推薦：網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)- 撞色風(fēng)
撞色風(fēng)(Color Blocking)已經(jīng)成為網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)。運(yùn)用方形（或矩形甚至弧形）的色彩盒作為色彩工具已經(jīng)開(kāi)始普及開(kāi)來(lái)。這種撞色風(fēng)的趨勢(shì)最先在時(shí)尚界流行。箱、包、鞋類甚至

在瀏覽網(wǎng)頁(yè)的時(shí)候，網(wǎng)頁(yè)的頭部通常是人們最先看到的部分。如果頁(yè)面的頭部能夠設(shè)計(jì)得創(chuàng)意一些的話，能夠給訪客留下深刻的印象。今天這篇文章就向大家推薦10個(gè)充滿創(chuàng)意的網(wǎng)站頭部設(shè)計(jì)示例，希望能帶給您靈感。 

designc7.com

首先推薦的這個(gè)網(wǎng)站是來(lái)自國(guó)內(nèi)設(shè)計(jì)師設(shè)計(jì)的英文個(gè)人網(wǎng)站。

作者充分發(fā)揮自己的專業(yè)特色，以 CSS 樣式的文字形式展示在網(wǎng)頁(yè)頭部。

CSS 類名是作者打招呼，hi-i-m-chris，樣式內(nèi)容是作者簡(jiǎn)單自己我介紹。

webtypographyforthelonely.com

這個(gè)網(wǎng)站的頭部創(chuàng)新的使用了五種基于 HTML5 Canvas 和 SVG 制作的效果。

圖片上顯示的這個(gè)粒子效果的文字，鼠標(biāo)懸浮的時(shí)候會(huì)有粒子飛舞的動(dòng)畫(huà)。

henry.brown.name

創(chuàng)意的個(gè)人博客，作者是今年剛從 Essex 大學(xué)畢業(yè)，前端開(kāi)發(fā)工程師，自由職業(yè)者。

網(wǎng)站的頭部是作者自畫(huà)像，動(dòng)態(tài)的，會(huì)定時(shí)眨眼，鼠標(biāo)懸浮也會(huì)眨眼。

aquaticayachtservices.com

這種風(fēng)格的網(wǎng)站頭部是之前博客里多次介紹過(guò)得大圖片背景在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用。

relogik.com

網(wǎng)站頭部是寬幅的圖片幻燈片效果，和網(wǎng)頁(yè)的其它部分完美的融合在一起。

redlinepe.co.uk

這個(gè)網(wǎng)站的頭部也是以突出網(wǎng)站主題的圖片來(lái)吸引用戶的眼球。

pictorymag.com

同樣是使用非常有特色的圖片來(lái)彰顯網(wǎng)站的主題，讓用戶留下深刻的印象。

formfett.net

網(wǎng)站頭部使用一張非常有特色的照片突出網(wǎng)站的主題。

morehazards.com

versionsapp.com

如果你的視線被吸引過(guò)來(lái)了，那說(shuō)明你又被這個(gè)網(wǎng)站成功捕獲了。

大背景圖片在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用越來(lái)越流行，是未來(lái)的發(fā)展趨勢(shì)。

文章來(lái)源：夢(mèng)想天空

分享：2012年排名前20位的CSS網(wǎng)站作品
2012年涌現(xiàn)出眾多獨(dú)特的，令人印象深刻的 CSS 網(wǎng)站作品，要從中挑選出年度應(yīng)用 CSS 的最佳網(wǎng)站列表一個(gè)嚴(yán)峻的挑戰(zhàn)，因?yàn)?CSS 涵蓋了媒體查詢（CSS3 Media Queries）、CSS