首頁(yè)

幫你完成創(chuàng)意十足網(wǎng)頁(yè)設(shè)計(jì)的小技巧

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

作為一名UI設(shè)計(jì)師,每年都會(huì)沉浸在一些新的界面設(shè)計(jì)趨勢(shì)中興奮不已。接下來(lái),我們將探尋2014年的設(shè)計(jì)趨勢(shì),這絕對(duì)是意義非凡的事情。Web設(shè)計(jì)師必須洞悉所有相關(guān)領(lǐng)域的新趨勢(shì),緊跟時(shí)尚潮流。

這次,藍(lán)藍(lán)設(shè)計(jì)想探索一下那些逐漸發(fā)展起來(lái)的UI設(shè)計(jì)潮流。也許過(guò)去我們只是偶爾嘗試一下這些設(shè)計(jì)風(fēng)格,但是今年我們會(huì)真正關(guān)注它們。分享一下幫你完成創(chuàng)意十足的網(wǎng)站設(shè)計(jì)的小技巧。

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

更多留白/負(fù)空間

Nate Hanson

優(yōu)秀的潮流響應(yīng)式網(wǎng)站設(shè)計(jì)賞析

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

我們長(zhǎng)期對(duì)UI設(shè)計(jì)類網(wǎng)站的發(fā)掘,總結(jié)出了一個(gè)現(xiàn)象,那就是很多關(guān)于響應(yīng)式設(shè)計(jì)的文章只給出了桌面版的網(wǎng)站設(shè)計(jì),卻沒(méi)有提供移動(dòng)版網(wǎng)頁(yè)設(shè)計(jì)的對(duì)比,這在我們看來(lái),UI設(shè)計(jì)多少顯得有點(diǎn)不夠?qū)I(yè)。

于是,藍(lán)藍(lán)設(shè)計(jì)在這里收集整理了優(yōu)秀的響應(yīng)式網(wǎng)站設(shè)計(jì),均有桌面版和移動(dòng)版的對(duì)比。在方便您閱讀這篇文章的同時(shí),您不妨也思考一下靈活性這個(gè)主題。

更多潮流響應(yīng)式網(wǎng)站設(shè)計(jì)賞析:http://sillybuy.com/

Up Magazine

Responsive-Websites-018

緊跟潮流響應(yīng)式網(wǎng)站設(shè)計(jì)欣賞

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

響應(yīng)式設(shè)計(jì)是今年的熱門話題之一,許多先知先覺(jué)的網(wǎng)站設(shè)計(jì)已經(jīng)用上了,與此技術(shù)相結(jié)合的往往還有碉堡的視差滾動(dòng),強(qiáng)強(qiáng)聯(lián)合后能給網(wǎng)站界面設(shè)計(jì)創(chuàng)造不一樣酷炫的效果。今天藍(lán)藍(lán)設(shè)計(jì)收集的這組優(yōu)秀的響應(yīng)式設(shè)計(jì)網(wǎng)站設(shè)計(jì)希望能給你帶來(lái)UI設(shè)計(jì)靈感 :)

 

更多緊跟潮流響應(yīng)式網(wǎng)站設(shè)計(jì)欣賞:http://sillybuy.com/

Keep calm and WWW

Keep calm and WWW

網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì)響應(yīng)式導(dǎo)航設(shè)計(jì)

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

響應(yīng)式設(shè)計(jì)是當(dāng)前網(wǎng)站設(shè)計(jì)的趨勢(shì),針對(duì)不同的設(shè)備,提供布局解決方案。
而且很多UI設(shè)計(jì)技術(shù)狂人正在不斷的進(jìn)行各種實(shí)驗(yàn),爭(zhēng)取讓響應(yīng)式設(shè)計(jì)越來(lái)越好。

響應(yīng)式設(shè)計(jì)的難點(diǎn)是導(dǎo)航菜單界面設(shè)計(jì)??刹荒芟窨s放頁(yè)面那樣縮放導(dǎo)航菜單。在界面設(shè)計(jì)之前,要謀劃好導(dǎo)航菜單在手機(jī)、平板、桌面上的布局。今天藍(lán)藍(lán)設(shè)計(jì)收集了25例出眾的響應(yīng)式設(shè)計(jì),大家可以使用響應(yīng)式在線測(cè)試工具Responsinator來(lái)看看,他們的網(wǎng)站設(shè)計(jì)的導(dǎo)航菜單,是怎樣UI設(shè)計(jì)的。

Harvard University

Harvard University

緊跟潮流新鮮的響應(yīng)式網(wǎng)站欣賞

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

響應(yīng)式設(shè)計(jì)是今年的熱門話題之一,許多先知先覺(jué)的網(wǎng)站設(shè)計(jì)已經(jīng)用上了,與此技術(shù)相結(jié)合的往往還有碉堡的視差滾動(dòng),強(qiáng)強(qiáng)聯(lián)合后能給網(wǎng)站界面設(shè)計(jì)創(chuàng)造不一樣酷炫的效果。今天收集的這組優(yōu)秀的響應(yīng)式設(shè)計(jì)網(wǎng)站設(shè)計(jì)希望能給你帶來(lái)UI設(shè)計(jì)靈感 :)

 

更多新鮮的響應(yīng)式網(wǎng)站設(shè)計(jì)欣賞:http://sillybuy.com/

Engage

Engage

靈感紛呈的HTML5網(wǎng)站欣賞

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

現(xiàn)代網(wǎng)站設(shè)計(jì)技術(shù)的發(fā)展,使UI設(shè)計(jì)師的奇思妙想幾乎都能得到實(shí)現(xiàn)。特別是HTML5技術(shù)的支持,使網(wǎng)站界面設(shè)計(jì)發(fā)生了驚人的變化。今天藍(lán)藍(lán)設(shè)計(jì)收集了一組效果超贊的HTML5網(wǎng)站設(shè)計(jì),希望能給你帶來(lái)UI設(shè)計(jì)靈感 :)

 

更多靈感紛呈的HTML5網(wǎng)站設(shè)計(jì)欣賞:http://sillybuy.com/

 madebysource

25 Fresh HTML5 Websites for your Inspiration

精美女裝網(wǎng)站設(shè)計(jì)欣賞

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

俗話說(shuō),人靠衣裝、佛靠金裝;再有俗話說(shuō),三分靠長(zhǎng)相、七分靠打扮。

女裝網(wǎng)站設(shè)計(jì)的特點(diǎn)是:大圖展現(xiàn)服裝細(xì)節(jié),黑白底色突顯服裝或是讓服裝溶入到迷幻色彩中。今天藍(lán)藍(lán)設(shè)計(jì)收集了精美女裝網(wǎng)站設(shè)計(jì),來(lái)看下它們有哪些不俗的界面設(shè)計(jì)布局與UI設(shè)計(jì)靈感吧。

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

Free People

Free People

十足驚艷創(chuàng)意酷炫的服飾行業(yè)網(wǎng)站設(shè)計(jì)

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

有很多小型的服裝公司網(wǎng)站界面設(shè)計(jì)都交給一些富有個(gè)性,創(chuàng)意十足的UI設(shè)計(jì)師打理,可能他們的規(guī)模并不如大品牌那樣出眾,但這些網(wǎng)站設(shè)計(jì)的表現(xiàn)卻令人感到驚艷。今天藍(lán)藍(lán)設(shè)計(jì)收集了酷炫的服裝行業(yè)網(wǎng)站設(shè)計(jì),來(lái)看下它們有哪些不俗的界面設(shè)計(jì)布局與UI設(shè)計(jì)驚喜的彩蛋吧。

 

更多服飾行業(yè)網(wǎng)站設(shè)計(jì)欣賞:http://sillybuy.com/

Onitsuka Tiger

Onitsuka Tiger

設(shè)計(jì)師必備的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)工具

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

隨著便攜設(shè)備用戶的指數(shù)級(jí)增長(zhǎng),網(wǎng)站設(shè)計(jì)師采用響應(yīng)式設(shè)計(jì)作為多平臺(tái)布局解決方案,不但節(jié)省了UI設(shè)計(jì)師的時(shí)間,而且從長(zhǎng)遠(yuǎn)角度來(lái)講,響應(yīng)式設(shè)計(jì)能夠?yàn)橛脩籼峁└孢m的操作環(huán)境。
如果你毫無(wú)經(jīng)驗(yàn),不知從何開始,那么藍(lán)藍(lán)設(shè)計(jì)這份工具列表將大大的幫助你,能夠讓你的界面設(shè)計(jì)布局更有“彈性”。

 

更多響應(yīng)式網(wǎng)站設(shè)計(jì)工具欣賞:http://sillybuy.com/

 

Simple Grid

 Simple Grid-Responsive Web Design Tool

一組賦予你扁平化配色靈感的網(wǎng)頁(yè)設(shè)計(jì)

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

近期我們看到了扁平化配色的一個(gè)趨勢(shì),很多Flat Design網(wǎng)站設(shè)計(jì)使用了耀眼、明亮的色彩,如果是以前我會(huì)覺(jué)得用這類顏色會(huì)有點(diǎn)花哨,但當(dāng)我看了相關(guān)的扁平化UI設(shè)計(jì)作品,發(fā)現(xiàn)這并不花哨,反而很好看。

我想大家最近也看過(guò)iOS7的界面設(shè)計(jì)和iPhone 5C新款手機(jī),那是一種充滿活力、時(shí)尚新穎的顏色,即使用在網(wǎng)頁(yè)設(shè)計(jì)上也非常不錯(cuò),下面大家看看藍(lán)藍(lán)設(shè)計(jì)從來(lái)自line25整理的扁平化網(wǎng)頁(yè)設(shè)計(jì)作品,希望能給你帶來(lái)創(chuàng)造靈感!

Connect Mania

Connect Mania

日歷

鏈接

個(gè)人資料

存檔