網(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ū)ο蠖趾啙嵉腏avaScript庫，可簡化HTML文檔的遍歷甚至是使用，亦可為移動(dòng)網(wǎng)頁的快速開發(fā)對(duì)Ajax交互作出簡化。

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

更多巧用色彩沖擊力的網(wǎng)站設(shè)計(jì)欣賞：http://m.sillybuy.com/

Spring/Summer

天賦異稟的UI設(shè)計(jì)師們總是能把普通的事物變得那么美好，譬如這里鞋類網(wǎng)站設(shè)計(jì)，當(dāng)穿在腳上的鞋子踏進(jìn)屏幕后，會(huì)發(fā)生什么奇妙的變幻呢？
找一個(gè)得閑的時(shí)間，泡杯咖啡，靜靜來欣賞藍(lán)藍(lán)設(shè)計(jì)這如藝術(shù)品一樣的網(wǎng)站界面設(shè)計(jì)吧：）

更多的鞋類網(wǎng)站設(shè)計(jì)欣賞：http://m.sillybuy.com/

Peter Nappi

現(xiàn)代網(wǎng)站設(shè)計(jì)的配色方案，除了一些簡約網(wǎng)站界面設(shè)計(jì)常常使用灰色與白色，其他網(wǎng)站大多以白色為背景，再搭配其他顏色。然而，在藍(lán)藍(lán)設(shè)計(jì)這個(gè)展示中，我們可以看到有一些非常有冒險(xiǎn)精神的UI設(shè)計(jì)師混合了一些不尋常的色彩。這種UI設(shè)計(jì)你可能從來都沒想過，但它們都看起來非常完美，來學(xué)習(xí)一下吧。

TriplAgent

深色的背景界面設(shè)計(jì)看起來具有神秘感，能提供前景元素、背景元素的高度對(duì)比。有了黑色的鋪墊渲染，任何一個(gè)色彩都可以輕易在它之上煥發(fā)光彩。
那么怎么才能更好的在網(wǎng)站設(shè)計(jì)中運(yùn)用深色背景呢？想要成為一名”高級(jí)黑”UI設(shè)計(jì)師嗎？先來欣賞藍(lán)藍(lán)設(shè)計(jì)的絕贊網(wǎng)站設(shè)計(jì)范例吧。

更多優(yōu)雅的黑色系網(wǎng)站設(shè)計(jì)欣賞：http://m.sillybuy.com/

Negative Space

不知道大家發(fā)現(xiàn)沒有，國外很多個(gè)性的網(wǎng)站設(shè)計(jì)或者有范的UI設(shè)計(jì)師在設(shè)計(jì)他們的網(wǎng)站時(shí)，都會(huì)在底部有一個(gè)非常大的頁腳！這似乎成了標(biāo)榜個(gè)性的一個(gè)界面設(shè)計(jì)因素，
早在幾年前很少會(huì)有人注意到這一塊！而現(xiàn)在不一樣了，這里就是營造氛圍調(diào)節(jié)頁面氣質(zhì)最佳的地方！
盡管這個(gè)元素在頁面的底部，但作為設(shè)計(jì)師的你可千萬不能被忽視。如果它是引人注目的，游客肯定會(huì)關(guān)注它。并且會(huì)心一笑對(duì)你這個(gè)設(shè)計(jì)贊不絕口！他們會(huì)覺得你是一個(gè)注意細(xì)節(jié)的UI設(shè)計(jì)師！
一個(gè)不錯(cuò)的頁腳設(shè)計(jì)可以給訪客傳遞一個(gè)非常好的印象，特別是您花時(shí)間將這里打扮的花哨的話！
如果你想知道如何使你的網(wǎng)站設(shè)計(jì)的頁腳有趣和獨(dú)特的話，嘿嘿，別急，那么接下來您要看到的藍(lán)藍(lán)設(shè)計(jì)的網(wǎng)站設(shè)計(jì)案例肯定會(huì)給你靈感啦。
這些設(shè)計(jì)都是非常有趣的，他們肯定會(huì)激發(fā)你想出更贊的創(chuàng)意。來吧，現(xiàn)在就開始你的”頁腳”之旅吧！

更多大頁腳創(chuàng)意網(wǎng)站設(shè)計(jì)欣賞：http://m.sillybuy.com/

webdesignerdepot

復(fù)古風(fēng)格界面設(shè)計(jì)其實(shí)在現(xiàn)在才慢慢的有點(diǎn)流行起來，如果你也想設(shè)計(jì)一個(gè)復(fù)古風(fēng)格的網(wǎng)站，那么不要錯(cuò)過今天藍(lán)藍(lán)設(shè)計(jì)的分享：復(fù)古風(fēng)格的網(wǎng)站設(shè)計(jì)案例，希望其中有你喜歡和需要的，或者可以給你帶來UI設(shè)計(jì)靈感的。

更多復(fù)古風(fēng)格網(wǎng)站設(shè)計(jì)欣賞：http://m.sillybuy.com/

El Passion

喜歡UI設(shè)計(jì)的朋友們，今天藍(lán)藍(lán)設(shè)計(jì)要在這篇文章向您展示偉大漂亮的網(wǎng)站設(shè)計(jì)例子，看看他們是如何利用首屏的橫條紋界面設(shè)計(jì)的吧，瞧瞧是不是利用此布局更有助于分解頁面引導(dǎo)用戶更好了解產(chǎn)品、愛上產(chǎn)品。

更多偉大漂亮的網(wǎng)站設(shè)計(jì)欣賞：http://m.sillybuy.com/

Janko At Warp Speed