首頁

漂亮的單頁滾動(dòng)視差網(wǎng)頁欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

單頁網(wǎng)站設(shè)計(jì)不會(huì)使瀏覽者感到混亂,查閱關(guān)鍵信息時(shí)只需點(diǎn)擊或者滑動(dòng)鼠標(biāo),并且你可以將自己最棒的作品置頂居中。接下來藍(lán)藍(lán)設(shè)計(jì)將帶你體驗(yàn)帶有視差效果的HTML5單頁自適應(yīng)網(wǎng)頁界面設(shè)計(jì)模版。另外如果你使用高級瀏覽器查看網(wǎng)頁模版的話,有些網(wǎng)站在縮小窗口的時(shí)候,可以看到美妙的排列喲:)

更多單頁滾動(dòng)視差網(wǎng)站設(shè)計(jì)欣賞:http://m.sillybuy.com/

Portfolio | Demo

website (2)

創(chuàng)意十足的傾斜式網(wǎng)站設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

色彩在傳統(tǒng)的垂直排版中是十分重要的,而在斜線排版中也有其一席之地。如果網(wǎng)頁的布局、界面設(shè)計(jì)都充滿色彩,而且不會(huì)干擾用戶注意和用戶體驗(yàn),那么色彩在斜線設(shè)計(jì)中就有神奇的點(diǎn)睛作用。下面有的一些斜線UI設(shè)計(jì)網(wǎng)頁都很匠心獨(dú)運(yùn),它們的設(shè)計(jì)、布局、色彩都做得恰如其分,使得這些網(wǎng)頁的導(dǎo)航都很直觀、簡單。同時(shí),看起來又那么的狂拽炫酷。使用經(jīng)過深思熟慮設(shè)計(jì)的斜線網(wǎng)頁會(huì)能更吸引訪客,給他們留下深刻的印象,也更有可能讓他們在你的網(wǎng)頁上呆更長的時(shí)間。

這篇文章里,藍(lán)藍(lán)設(shè)計(jì)要與你分享許多傾斜式網(wǎng)站設(shè)計(jì)。希望這里的一些內(nèi)容能對你以后的UI設(shè)計(jì)靈感有所幫助。如果你喜歡的話,歡迎你將這篇文章轉(zhuǎn)載給你的朋友們。

更多創(chuàng)意十足的傾斜式網(wǎng)站設(shè)計(jì)http://m.sillybuy.com/

Yamaha

Yamaha

創(chuàng)意十足的網(wǎng)頁視差滾動(dòng)效果欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

最近大家伙越來越關(guān)注視差滾動(dòng)的網(wǎng)頁界面設(shè)計(jì)了,很多同學(xué)都在四處尋找相關(guān)的UI設(shè)計(jì)案例來賞析學(xué)習(xí)。此前我們也分享過相關(guān)的制作教程及文章。

那么今天藍(lán)藍(lán)設(shè)計(jì)繼續(xù)推薦創(chuàng)意十足的視差滾動(dòng)網(wǎng)站設(shè)計(jì),希望能為你的案例帶來界面設(shè)計(jì)靈感:)強(qiáng)烈推薦收藏。

更多視差滾動(dòng)網(wǎng)站設(shè)計(jì)欣賞http://m.sillybuy.com/。

Beatbox Academy

Beatbox Academy animated css parallax scrolling

創(chuàng)意十足的網(wǎng)頁頁眉設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

近年來,網(wǎng)頁頁眉(Header)的概念逐漸被重新定義,從單純用來放置一個(gè)標(biāo)準(zhǔn)logo和簡單菜單的空間變得越來越受UI設(shè)計(jì)者的重視。頁眉設(shè)計(jì)依靠獨(dú)特的設(shè)計(jì)手法,搭配上創(chuàng)意優(yōu)秀的圖片,可以讓網(wǎng)頁突破空間界限,給人留下深刻的印象。藍(lán)藍(lán)設(shè)計(jì)這里有50個(gè)賞心悅目的國外網(wǎng)站設(shè)計(jì)的頁眉設(shè)計(jì),以供欣賞借鑒。

20120519_3be062705c26e096e96by9mL10YL3tY3


 

瞧瞧這效果驚人的單頁設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

單頁網(wǎng)站設(shè)計(jì)是一個(gè)越來越火的界面設(shè)計(jì)趨勢,盡管它不能成為主流,不過已經(jīng)有很多UI設(shè)計(jì)師注意到這種設(shè)計(jì)風(fēng)格,今天藍(lán)藍(lán)設(shè)計(jì)收集了風(fēng)格迥異、效果驚人的單頁網(wǎng)站設(shè)計(jì),對這類型感興趣的同學(xué)可以學(xué)習(xí)一下,希望給你帶來UI設(shè)計(jì)靈感。

更多單頁網(wǎng)站設(shè)計(jì)欣賞:http://m.sillybuy.com/

Vicomte Font

Fresh One Page Website Design

將漂亮字體應(yīng)用到網(wǎng)頁設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

我們放出了第一批圖像配文字類的網(wǎng)頁設(shè)計(jì),反響很好。所以藍(lán)藍(lán)設(shè)計(jì)放出13個(gè)在網(wǎng)頁設(shè)計(jì)中運(yùn)用了漂亮的字體的例子。有漂亮的干凈的和簡約的,豐富多彩的和大膽的,當(dāng)然還有能激發(fā)出你的UI設(shè)計(jì)靈感的!

1、dassel und wagner

1font

含創(chuàng)意導(dǎo)航的網(wǎng)頁設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

在設(shè)計(jì)網(wǎng)站的時(shí)候,UI設(shè)計(jì)師會(huì)考慮很多實(shí)用性方面的問題,來滿足終端使用者的需求,因此他們經(jīng)常忽視網(wǎng)站設(shè)計(jì)的創(chuàng)新和整體概念。
這一期藍(lán)藍(lán)設(shè)計(jì)展示的是那些極具天賦和創(chuàng)新能力的UI設(shè)計(jì)師所設(shè)計(jì)的不同的個(gè)性導(dǎo)航。您一定不要錯(cuò)過了,記得細(xì)心觀察,挖掘靈感喲!

Poncho 8

Poncho 8 in Creative Navigation In Web Design

一組時(shí)尚的鞋帽服飾類網(wǎng)頁設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

服飾鞋帽向來是時(shí)尚必爭之地,除產(chǎn)品本身的宣傳是核心競爭力,在用戶還未接觸到實(shí)體之前,通過網(wǎng)站宣傳往往是給新用戶留下一個(gè)好印象的開始。

宣傳產(chǎn)品的網(wǎng)站界面設(shè)計(jì),充滿美感的大照片和酷炫的網(wǎng)頁現(xiàn)在是必不可少的,來看看下面藍(lán)藍(lán)設(shè)計(jì)一組時(shí)尚類型的鞋帽服飾網(wǎng)站設(shè)計(jì)吧。

更多時(shí)尚類網(wǎng)站設(shè)計(jì)欣賞:http://m.sillybuy.com/

Heren

Heren

超贊的鞋類網(wǎng)站設(shè)計(jì)欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

天賦異稟的UI設(shè)計(jì)師們總是能把普通的事物變得那么美好,譬如這里的鞋類網(wǎng)站設(shè)計(jì),當(dāng)穿在腳上的鞋子踏進(jìn)屏幕后,會(huì)發(fā)生什么奇妙的變幻呢?
找一個(gè)得閑的時(shí)間,泡杯咖啡,靜靜來欣賞藍(lán)藍(lán)設(shè)計(jì)這如藝術(shù)品一樣的網(wǎng)站設(shè)計(jì)吧:)

更多鞋類網(wǎng)站設(shè)計(jì)欣賞:http://m.sillybuy.com/

Satorisan

Satorisan

超贊的扁平式網(wǎng)頁設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

現(xiàn)在不管是App應(yīng)用還是網(wǎng)站專題,都被“Flat Design”占據(jù)了!這已經(jīng)成為了很多UI設(shè)計(jì)師首選的設(shè)計(jì)形態(tài)!擬物設(shè)計(jì)似乎真的開始離我們越來越遠(yuǎn)。那么扁平化界面設(shè)計(jì)的精髓在于:削弱厚重的圖片投影,使用細(xì)微的紋理、純色微漸變、以及簡潔的設(shè)計(jì)布局和對比強(qiáng)烈的排版,這些設(shè)計(jì)類似于Win8和Metro UI的界面。藍(lán)藍(lán)設(shè)計(jì)收集了許多極好的Flat Design網(wǎng)頁設(shè)計(jì)案列,請您欣賞。

Friends of the Web

View the full website design

日歷

鏈接

個(gè)人資料

存檔