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

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

Harvard University

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

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

Engage

現(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ì)，希望能給你帶來UI設(shè)計(jì)靈感 ：）

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

 madebysource

俗話說，人靠衣裝、佛靠金裝；再有俗話說，三分靠長相、七分靠打扮。

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

更多服裝網(wǎng)站設(shè)計(jì)欣賞：http://m.wtxcl.cn

Free People

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

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

Onitsuka Tiger

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

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

Simple Grid

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

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

Connect Mania

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

更少的按鈕和選項(xiàng)使得界面設(shè)計(jì)干凈整齊，使用起來格外方便?？梢詫⑿畔⒑褪挛锏墓ぷ鞣绞礁雍唵沃苯拥恼故境鰜恚瑴p少認(rèn)知障礙的產(chǎn)生。越來越多的公司正在效仿，比如下面藍(lán)藍(lán)設(shè)計(jì)這些優(yōu)秀的國外扁平化網(wǎng)頁設(shè)計(jì)作品：

Who Wanna

藍(lán)藍(lán)設(shè)計(jì)分享的這篇文章雖然原本是”寫給自由設(shè)計(jì)師的10條建議”。
但仔細(xì)讀下來，發(fā)現(xiàn)對于坐班的UI設(shè)計(jì)師人來說，也很有價值。
提率，收獲更好的成果。
 
對于很多人來說，自由工作是夢寐以求的事。能夠自由分配時間，無人監(jiān)督，聽起來就很棒。
實(shí)際上，在家工作容易缺少動力，而且很多事情容易讓你分心，自制力不強(qiáng)的人當(dāng)不好自己的老板，無法有效的進(jìn)行個人管理。同樣的，自由界面設(shè)計(jì)師也有相似的問題。

一般自由UI設(shè)計(jì)師都會列出一堆待辦事項(xiàng)，面對長長的列表，很多人感嘆工作多得做不完，因此壓力很大。下面是幾條小建議，讓你的自由工作”有章可循”、更效率，同時也能盡情的享受自由工作所帶來的的生活樂趣。

1.培養(yǎng)良好的生活習(xí)慣

培養(yǎng)的良好的生活習(xí)慣，做事才能清清爽爽。對于很多自由設(shè)計(jì)師來說，良好的生活習(xí)慣就是，早上按時起床，充分洗刷，穿好衣服，吃早餐，然后開始坐到桌子前，準(zhǔn)備工作了。
不要一起來穿著睡衣就工作，不吃飯、不洗刷你會感到很疲憊，至少，你也要喝點(diǎn)咖啡，喝點(diǎn)熱飲。
好的開始確保了一天的工作效率。

2.有規(guī)律的工作時間

部分自由設(shè)計(jì)師很任性，想什么時候工作就什么時候工作，但我認(rèn)為，自由設(shè)計(jì)師工作時間必須有規(guī)律，工作時間最好設(shè)置在上午九點(diǎn)到下午五點(diǎn)之間。

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