首頁

網(wǎng)頁設(shè)計新趨勢!出眾的響應(yīng)式導(dǎo)航設(shè)計

藍藍設(shè)計的小編

響應(yīng)式設(shè)計是當前網(wǎng)站設(shè)計的趨勢,針對不同的設(shè)備,提供布局解決方案。而且很多技術(shù)狂人正在不斷的進行各種實驗,爭取讓響應(yīng)式設(shè)計越來越好。響應(yīng)式設(shè)計的難點是導(dǎo)航菜單??刹荒芟窨s放頁面那樣縮放導(dǎo)航菜單。在UI設(shè)計之前,要謀劃好導(dǎo)航菜單在手機、平板、桌面上的布局。藍藍設(shè)計收集了許多例出眾的響應(yīng)式設(shè)計,大家可以使用響應(yīng)式在線測試工具Responsinator來看看,他們的導(dǎo)航菜單,是怎樣界面設(shè)計的。

Gold Interactive

Gold Interactive | Intro

將滾屏玩出新奇花樣的網(wǎng)站

藍藍設(shè)計的小編

曾經(jīng)有一段時間,大伙兒都在努力把網(wǎng)頁界面設(shè)計內(nèi)容全部塞進首屏。今時不同往日,網(wǎng)站UI設(shè)計師和開發(fā)者們不再害怕滾屏,而是將背景漸進展示、頁面元素動畫以及其它基于滾屏動作的酷炫效果融入其中,把滾屏當作一個吸引訪客的絕佳靚點來好好展現(xiàn)。

為了給親們帶來新的靈感,藍藍設(shè)計特意收集了一系列把滾屏玩出新花樣的網(wǎng)站設(shè)計,跟我來感受一下吧!

ISL

19 Websites with Extremely Creative Scrolling Effects

令人饞涎欲滴的網(wǎng)頁設(shè)計欣賞

藍藍設(shè)計的小編

藍藍設(shè)計精選一些與食物相關(guān)的網(wǎng)站設(shè)計,這些網(wǎng)站的界面設(shè)計主體突出,大部分以暖色調(diào)為主,比如披薩、曲奇餅之類的;當然也有一些是走清涼風(fēng)的,比如冰淇淋之類;還有與愛情相關(guān)的象征著甜蜜的粉色系糖果類,更有單頁面食物制作流程的酷酷黑色系。

這些網(wǎng)站的主體內(nèi)容有主食類的,有餅干零食類,有咖啡飲料類,也有甜點類,更有公益性質(zhì)的。網(wǎng)站的背后有餐廳、有小賣部、有流動外賣、更有食品商。每個網(wǎng)站的所營造的氣場需要您點擊進去細細品喲:)

更多食物類網(wǎng)站設(shè)計欣賞http://sillybuy.com/

Forno Bonomi

Forno Bonomi

慈善及非營利組織官網(wǎng)欣賞

藍藍設(shè)計的小編

有許多的慈善和非營利組織嘗試籌集善款并設(shè)法讓大家知道他們的特殊存在。以前,他們沒有設(shè)計和開發(fā)好網(wǎng)站的資源,不得不湊合著搭個樸素、單調(diào)、無聊的網(wǎng)站,這些網(wǎng)站自然沒法吸引新的訪問者。

然而今時不同往日,UI設(shè)計者和開發(fā)者會幫助某些組織搭建網(wǎng)站設(shè)計,這些組織或慈善目的能引起他們的興趣,或讓他們聯(lián)想到自身經(jīng)驗,或他們的家人和朋友有參與的。最終就有了專門為這些慈善和非營利組織搭建的漂亮網(wǎng)站界面設(shè)計,且非常值得一看。和藍藍設(shè)計一起來欣賞下吧!

 

Glocal Ventures

1-glocal-ventures

精致典雅引人注目的黑色系網(wǎng)站設(shè)計

藍藍設(shè)計的小編

有同學(xué)喜歡玩黑白配,但是卻一直不得要領(lǐng),總設(shè)計不出讓人眼前一亮的佳作出來?今天就讓大家和藍藍設(shè)計來這些優(yōu)秀界面設(shè)計案例里找原因。

深色的背景看起來具有神秘感,能提供前景元素、背景元素的高度對比。有了黑色的鋪墊渲染,任何一個色彩都可以輕易在它之上煥發(fā)光彩。
那么怎么才能更好的在網(wǎng)頁設(shè)計中運用深色背景呢?想要成為一名”高級黑”UI設(shè)計師嗎?先來欣賞本文的絕贊范例吧。

The Blue Cube

外觀整潔干練,對照鮮明。黑色背景凸顯了白色文本。

The Blue Cube

應(yīng)用圓形元素的網(wǎng)頁設(shè)計

藍藍設(shè)計的小編

用圓形元素進行網(wǎng)頁設(shè)計有兩種討的辦法:

一種是把圓形作為網(wǎng)頁界面設(shè)計過程中的主要形狀。這樣的網(wǎng)頁的主要元素,比如標志的類型,導(dǎo)航元素,彈出菜單,圖像和其他元素,都應(yīng)該是以圓形為基礎(chǔ)設(shè)計的。
第二種方法就是避免重復(fù)使用圓形,只用一個主要的圓形元素來抓住用戶的注意力。但不管使用哪種方法,設(shè)計師們都應(yīng)該要時刻把網(wǎng)頁整體的可讀性,可用性和協(xié)調(diào)性放在心上。

既然提到了設(shè)計,那么下面不妨看看藍藍設(shè)計為你精心挑選的一些應(yīng)用了圓形元素網(wǎng)頁設(shè)計。它們都充分地利用了圓形的特點來展現(xiàn)頁面。

Like there is no tomorrow

Like there is no tomorrow

如何將紋理用到網(wǎng)頁中?來向這組網(wǎng)站學(xué)習(xí)

藍藍設(shè)計的小編

有很多同學(xué)下載了紋理后知道如何平鋪使用,并且都分類羅列一目了然,可是在制作網(wǎng)站的時候卻不知道怎么用,總感覺利用不起來。

那么今天藍藍設(shè)計推薦30個運用紋理界面設(shè)計出眾的網(wǎng)站設(shè)計,希望對你UI設(shè)計有一定的啟發(fā):)

Hollister Co.

Textured website design example: Hollister Co.

做好團隊建設(shè)!展示團隊成員的網(wǎng)頁設(shè)計

藍藍設(shè)計的小編

與你的客戶建立良好親密關(guān)系重要的一點就是展示你的團隊,是的,這樣客戶能迅速了解你的團隊實力,合作上方便很多。
今天藍藍設(shè)計收集了一組展示團隊成員的網(wǎng)頁布局界面設(shè)計,從2——4人的小團隊到10——20的大集體都有優(yōu)秀的范例,希望能給你帶來一點UI設(shè)計靈感。
Tone Agency

united kingdom tone agency design website team

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

藍藍設(shè)計的小編

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

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

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

Heren

Heren

超美的水彩效果網(wǎng)頁設(shè)計

藍藍設(shè)計的小編

小時候,一盒水彩,幾張白紙,就可以一個人安靜地待上好久。還記得綠色用得特別快,因為喜歡用綠色,畫很多的樹葉,畫大片的草地。不過現(xiàn)在可以用電腦畫,再也不用擔心缺哪個顏色啦!
以下是藍藍設(shè)計收集的一組數(shù)字水彩效果的網(wǎng)站設(shè)計,每個都好漂亮,看是否能勾起你童年的美好回憶。是否對你的UI設(shè)計有所幫助!

Istok Pavlovic

watercolor-effects-1

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔