首頁(yè)

低調(diào)內(nèi)涵的優(yōu)雅網(wǎng)頁(yè)背景紋理欣賞

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

盡管極簡(jiǎn)界面設(shè)計(jì)和扁平化不提倡使用紋理。但是UI設(shè)計(jì)無(wú)絕對(duì),很多情況下,紋理的質(zhì)感,能讓整個(gè)網(wǎng)頁(yè)提升好幾個(gè)層次。
紋理能夠營(yíng)造一種復(fù)古氛圍。今天藍(lán)藍(lán)設(shè)計(jì)收錄了許多網(wǎng)站設(shè)計(jì),全部在紋理運(yùn)用上頗有心得,可以看看他們的界面設(shè)計(jì)設(shè)計(jì)細(xì)節(jié)。

 

更多優(yōu)雅網(wǎng)站設(shè)計(jì)背景紋理欣賞:http://www.yvirxh.cn/

Sputnik Creative


Sputnik Creative

幫你完成創(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://www.yvirxh.cn/

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

Nate Hanson

靈感紛呈的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://www.yvirxh.cn/

 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://www.yvirxh.cn

Free People

Free People

一組賦予你扁平化配色靈感的網(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

優(yōu)秀的國(guó)外扁平化網(wǎng)頁(yè)設(shè)計(jì)作品

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

扁平化設(shè)計(jì)為印刷品、網(wǎng)頁(yè)設(shè)計(jì)和移動(dòng)操作系統(tǒng)的UI設(shè)計(jì)帶來(lái)了新的變化。扁平化設(shè)計(jì)最核心的地方就是放棄一切裝飾效果,諸如陰影,透視,紋理,漸變等能做出3D效果的元素一概不用。所有元素的邊界都干凈利落,沒(méi)有任何羽化,漸變,或者陰影。

更少的按鈕和選項(xiàng)使得界面設(shè)計(jì)干凈整齊,使用起來(lái)格外方便。可以將信息和事物的工作方式更加簡(jiǎn)單直接的展示出來(lái),減少認(rèn)知障礙的產(chǎn)生。越來(lái)越多的公司正在效仿,比如下面藍(lán)藍(lán)設(shè)計(jì)這些優(yōu)秀的國(guó)外扁平化網(wǎng)頁(yè)設(shè)計(jì)作品:

Who Wanna

10.flat websites

網(wǎng)頁(yè)設(shè)計(jì)你應(yīng)該知道的圖片格式選擇技巧

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

網(wǎng)頁(yè)設(shè)計(jì)中,切圖輸出是指設(shè)計(jì)師將手邊繪制完成的原始圖稿轉(zhuǎn)換成網(wǎng)頁(yè)用的圖片格式、并交由下一位人員網(wǎng)頁(yè)排版的重要步驟。選擇適合的圖片格式不但可以將讓界面設(shè)計(jì)得到合理的顯示效果、甚至還可以有效的控制圖檔的檔案大小,節(jié)省下載時(shí)間、有效的減少服務(wù)器的負(fù)擔(dān)。
UI設(shè)計(jì)師最常用的 Photoshop 以及 Illustrator 為例,都提供了「儲(chǔ)存為網(wǎng)頁(yè)用…」的功能。與默認(rèn)的存盤模式不同,在這個(gè)模式中,軟件提供了仿真圖文件輸出的質(zhì)量調(diào)整、檔案大小控制等針對(duì)網(wǎng)頁(yè)圖文件需求的選項(xiàng):

如何讓的網(wǎng)站才能打動(dòng)人心?來(lái)看這美麗的案例吧

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

最近幾年,網(wǎng)頁(yè)設(shè)計(jì)發(fā)生了翻天覆地的變化,現(xiàn)代UI設(shè)計(jì)的趨勢(shì)從擬物化逐漸向扁平化轉(zhuǎn)移,所以從最近瀏覽的網(wǎng)頁(yè)界面設(shè)計(jì)中我們可以發(fā)現(xiàn),網(wǎng)站里的字體變多了,變大了,網(wǎng)頁(yè)都是以內(nèi)容為主,最重要的是,網(wǎng)頁(yè)登陸速度迅速了許多。

而這一切的改變給用戶帶來(lái)了清新、整潔、干凈的體驗(yàn)。今天藍(lán)藍(lán)設(shè)計(jì)為大家整理了以清新、干凈為主題的網(wǎng)站設(shè)計(jì),它們都用自己的方式詮釋了對(duì)扁平化的理解,趕緊來(lái)看看吧

Themes Kingdom

Themes Kingdom homepage clean web design modern responsive web inspiration

給設(shè)計(jì)師的美觀實(shí)用的網(wǎng)站

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

我們灰常樂(lè)意每周展現(xiàn)界面設(shè)計(jì)精美的網(wǎng)站,不斷為你提供UI設(shè)計(jì)靈感。而今天藍(lán)藍(lán)設(shè)計(jì)打算另辟蹊徑,為UI設(shè)計(jì)師收集了既能提供設(shè)計(jì)靈感又實(shí)用的優(yōu)秀案例,與過(guò)往選擇單一”主題”的例子有所不同。我們將為你呈現(xiàn)不同的工具和技術(shù)分享網(wǎng)站,可讓你在得到UI設(shè)計(jì)靈感的同時(shí)還能發(fā)現(xiàn)不錯(cuò)的工具或服務(wù)。在這篇文章中你將看到美觀又實(shí)用的網(wǎng)站,全部都不容錯(cuò)過(guò)哦親!

QUOjs

QuoJS是個(gè)微型的、模塊化的、面向?qū)ο蠖趾?jiǎn)潔的JavaScript庫(kù),可簡(jiǎn)化HTML文檔的遍歷甚至是使用,亦可為移動(dòng)網(wǎng)頁(yè)的快速開(kāi)發(fā)對(duì)Ajax交互作出簡(jiǎn)化。

22 Inspiring and Useful Websites

如藝術(shù)品一樣的鞋類網(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ái)欣賞藍(lán)藍(lán)設(shè)計(jì)這如藝術(shù)品一樣的網(wǎng)站界面設(shè)計(jì)吧:)

更多的鞋類網(wǎng)站設(shè)計(jì)欣賞:http://www.yvirxh.cn/

 

Peter Nappi

Peter Nappi

日歷

鏈接

個(gè)人資料

存檔