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

女裝網(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://www.li-bodun.cn

Free People

有很多小型的服裝公司網(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ì)，來看下它們有哪些不俗的界面設(shè)計(jì)布局與UI設(shè)計(jì)驚喜的彩蛋吧。

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

Onitsuka Tiger

隨著便攜設(shè)備用戶的指數(shù)級(jí)增長(zhǎng)，網(wǎng)站設(shè)計(jì)師采用響應(yīng)式設(shè)計(jì)作為多平臺(tái)布局解決方案，不但節(jié)省了UI設(shè)計(jì)師的時(shí)間，而且從長(zhǎng)遠(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://www.li-bodun.cn/

Simple Grid

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

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

Connect Mania

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

更少的按鈕和選項(xiàng)使得界面設(shè)計(jì)干凈整齊，使用起來格外方便。可以將信息和事物的工作方式更加簡(jiǎn)單直接的展示出來，減少認(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)對(duì)于坐班的UI設(shè)計(jì)師人來說，也很有價(jià)值。
提率，收獲更好的成果。
 
對(duì)于很多人來說，自由工作是夢(mèng)寐以求的事。能夠自由分配時(shí)間，無人監(jiān)督，聽起來就很棒。
實(shí)際上，在家工作容易缺少動(dòng)力，而且很多事情容易讓你分心，自制力不強(qiáng)的人當(dāng)不好自己的老板，無法有效的進(jìn)行個(gè)人管理。同樣的，自由界面設(shè)計(jì)師也有相似的問題。

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

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

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

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

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

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

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

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

Themes Kingdom

我們灰常樂意每周展現(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ì)靈感的同時(shí)還能發(fā)現(xiàn)不錯(cuò)的工具或服務(wù)。在這篇文章中你將看到美觀又實(shí)用的網(wǎng)站，全部都不容錯(cuò)過哦親！

QUOjs

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

我們?cè)?/span>網(wǎng)站設(shè)計(jì)中，如果想要獨(dú)樹一幟，不妨在最直接吸引眼球的色彩上下下功夫，大膽的使用色彩，能夠讓你的網(wǎng)站界面設(shè)計(jì)更個(gè)性化。然而配色問題一直是UI設(shè)計(jì)行業(yè)的挑戰(zhàn)，如何用好色，配好色，分清主次，自然需要潛心研究了。如果做得好，那么效果會(huì)極具沖擊力。

更多巧用色彩沖擊力的網(wǎng)站設(shè)計(jì)欣賞：http://www.li-bodun.cn/

Spring/Summer