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

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

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

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

響應(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ì)。可不能像縮放頁面那樣縮放導(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

現(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.dzxscac.cn/

 madebysource

隨著便攜設(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.dzxscac.cn/

Simple Grid

藍(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)：

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

QUOjs

QuoJS是個微型的、模塊化的、面向?qū)ο蠖趾啙嵉腏avaScript庫，可簡化HTML文檔的遍歷甚至是使用，亦可為移動網(wǎng)頁的快速開發(fā)對Ajax交互作出簡化。

互聯(lián)網(wǎng)信息時代，很多內(nèi)容為主的網(wǎng)站都信息過載，這導(dǎo)致了載入速度過慢。電商網(wǎng)站如此，新聞類網(wǎng)站也是如此，而一些UI設(shè)計(jì)師作品集網(wǎng)站或者設(shè)計(jì)機(jī)構(gòu)的網(wǎng)站設(shè)計(jì)也是如此，老實(shí)說，作為設(shè)計(jì)師，應(yīng)該避免信息過載現(xiàn)象的出現(xiàn)。而一旦你掌握這些技巧，那么你離高薪酬的資深界面設(shè)計(jì)師也就不遠(yuǎn)咯。今天藍(lán)藍(lán)設(shè)計(jì)的的這篇文章，涵蓋了一堆信息量大，但是卻不雜亂的網(wǎng)頁設(shè)計(jì)，具備愉悅的即視感。不吹牛，您可以挨個點(diǎn)看感受一下：）

Butterfly
信息密集的作品集網(wǎng)站，設(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ì)案列，請您欣賞。

更多超贊的扁平式網(wǎng)站設(shè)計(jì)欣賞：http://m.dzxscac.cn/

Friends of the Web

越來越多的網(wǎng)站設(shè)計(jì)師開始知道，進(jìn)行布局設(shè)計(jì)時需要用到柵格線。但是對于老手來說，柵格線不是唯一的可選項(xiàng)，這些老手經(jīng)驗(yàn)豐富，基礎(chǔ)扎實(shí)，他們懂得怎樣去創(chuàng)新，懂得用新穎的設(shè)計(jì)完成目標(biāo)。條條大路通羅馬，他們會憑借自己的感覺去摸索成功的方式，而最終的效果卻更出彩。

柵格線與界面設(shè)計(jì)的關(guān)系可謂源遠(yuǎn)流長，對柵格線應(yīng)用的熟練程度可以衡量一名UI設(shè)計(jì)師的水平。藍(lán)藍(lán)設(shè)計(jì)今天分享11個創(chuàng)新布局技法，廢話不多說，看看這些UI設(shè)計(jì)師們是如何打破規(guī)則的吧。

1. 階梯狀布局