藍(lán)藍(lán)設(shè)計(jì)這些超棒的網(wǎng)站設(shè)計(jì)模板可以直接應(yīng)用到其它開(kāi)源CMS （例如，wordpress，magento等等），同時(shí)您可以很方便的自定義。
雖然管理員界面設(shè)計(jì)使用的數(shù)量相對(duì)用戶界面設(shè)計(jì)并不多，但是專業(yè)的管理員界面網(wǎng)站模板要求更好的使用性和用戶體驗(yàn)，并不是簡(jiǎn)單的網(wǎng)站設(shè)計(jì)。今天這套分享的模板相信能夠帶給大家超棒的體驗(yàn)！

Charisma Admin Template(演示)

每當(dāng)用戶準(zhǔn)備在網(wǎng)上買東西或購(gòu)買服務(wù)性商品時(shí)，他們主要看重產(chǎn)品特點(diǎn)和價(jià)格。銷售就是要吸引用戶的注意力，讓產(chǎn)品特點(diǎn)和價(jià)格成為賣點(diǎn)，成功進(jìn)行銷售。

為此，簡(jiǎn)潔明了的定價(jià)表界面設(shè)計(jì)是非常重要的。你得讓你的用戶覺(jué)得，我們懂得存款的來(lái)之不易，所以我們的定價(jià)既能滿足他們的需求又能符合預(yù)算。

在本文中，藍(lán)藍(lán)設(shè)計(jì)將會(huì)介紹30個(gè)激發(fā)靈感的優(yōu)秀定價(jià)表單設(shè)計(jì)，讓你看到最好的設(shè)計(jì)作品。，設(shè)計(jì)師們趕緊來(lái)看看，都是免費(fèi)的唷。一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的，讓您在ui設(shè)計(jì)公司立穩(wěn)腳步，處于不敗之地。

Hellothemes

一個(gè)網(wǎng)站的管理員在管理網(wǎng)站和它的內(nèi)容上起著至關(guān)重要的作用，但是呢，如果他沒(méi)有選擇好一個(gè)網(wǎng)站系統(tǒng)的話，那可能就會(huì)是一個(gè)定時(shí)炸彈。一個(gè)網(wǎng)站能否茁壯成長(zhǎng)，有一個(gè)優(yōu)秀的管理后臺(tái)那絕對(duì)是至關(guān)重要的。

擁有自己網(wǎng)站的童鞋們，藍(lán)藍(lán)設(shè)計(jì)這里有商業(yè)版權(quán)的響應(yīng)式后臺(tái)管理模板，你可以從中選取參考。仔細(xì)預(yù)覽或通過(guò)這些界面設(shè)計(jì)來(lái)觀察它們的特點(diǎn)。
當(dāng)然，這些界面對(duì)設(shè)計(jì)師來(lái)講，特別是從事BS界面設(shè)計(jì)、CS界面設(shè)計(jì)的朋友，這些優(yōu)秀的后臺(tái)界面設(shè)計(jì)肯定能激發(fā)你的創(chuàng)作靈感！一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的，讓您在ui設(shè)計(jì)公司立穩(wěn)腳步，處于不敗之地。

Boo Admin

讀取進(jìn)度條設(shè)計(jì)的好壞直接影響著App界面設(shè)計(jì)的用戶體驗(yàn)，因?yàn)樗梢院侠淼氖鑼?dǎo)用戶等待的焦慮情緒，通過(guò)一種有趣的美學(xué)體現(xiàn)程序運(yùn)行的進(jìn)度，這樣用戶就能稍微安心。

在本文中，藍(lán)藍(lán)設(shè)計(jì)收集了一些美妙的手機(jī)App界面設(shè)計(jì)，進(jìn)度條設(shè)計(jì)案例，具有不同的風(fēng)格和特性。下面我們來(lái)一起欣賞吧：）一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的，讓您在ui設(shè)計(jì)公司立穩(wěn)腳步，處于不敗之地。

iOS7 design practice by Muhammad Farhan 純凈的感覺(jué)，采用了Flat風(fēng)格的設(shè)計(jì)，使用了平化的圖像，精巧的色調(diào)，纖細(xì)的字體。碩大的圓環(huán)軌道條占據(jù)了整個(gè)界面的中央，讓數(shù)據(jù)看起來(lái)非常的卓越不凡。

以前的進(jìn)度條設(shè)計(jì)以擬物化為主，現(xiàn)在扁平化風(fēng)格流行，連進(jìn)度條也改變咯。這是許多款藍(lán)藍(lán)設(shè)計(jì)收集的進(jìn)度條設(shè)計(jì)，很多是Dribble上的作品，應(yīng)潮流而生，想瞧瞧扁平化風(fēng)格的進(jìn)度條是怎樣的，就來(lái)看看吧。一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的，讓您在ui設(shè)計(jì)公司立穩(wěn)腳步，處于不敗之地。
如果你對(duì)擬物化的創(chuàng)意進(jìn)度條更加有興趣，那么來(lái)這里瞧瞧《15個(gè)讀取進(jìn)度條的優(yōu)秀設(shè)計(jì)案例》

Progress by yasir wadood

Circular progress bar by Alexandr Ivanov

藍(lán)藍(lán)設(shè)計(jì) ：產(chǎn)品設(shè)計(jì)的原則有點(diǎn)太泛哈，這里想結(jié)合自己的工作心得來(lái)小結(jié)一下手機(jī)界面設(shè)計(jì)，軟件界面設(shè)計(jì)，iPad界面設(shè)計(jì)，軟件后臺(tái)管理界面設(shè)計(jì)的相關(guān)8原則：

原則1：用戶界面應(yīng)該是基于用戶的心里模型，而不是基于工程實(shí)現(xiàn)模型

就是把后臺(tái)本來(lái)很復(fù)雜的事情通過(guò)設(shè)計(jì)符合用戶日常生活中常用的瀏覽方式或操作方式。其實(shí)這一點(diǎn)是設(shè)計(jì)師把生活中的細(xì)節(jié)和數(shù)據(jù)結(jié)合的凝聚點(diǎn)，用戶的心理模型抓的越準(zhǔn)，界面就會(huì)越優(yōu)秀。

原則2：培養(yǎng)用戶使用情景的思維方式做設(shè)計(jì)

要做到這個(gè)原則其實(shí)是很難的，需要長(zhǎng)期的實(shí)戰(zhàn)經(jīng)驗(yàn)才能做到這點(diǎn)。
那我們都知道米聊出的比微信早，但后來(lái)被微信反超，個(gè)人認(rèn)為不光是QQ幫了微信很大忙，比如用戶登錄門檻低，用戶來(lái)源，廣告打得響之類的，其實(shí)在用戶使用情景方面米聊研究的沒(méi)有微信透徹。

對(duì)于一個(gè)社交即時(shí)通訊產(chǎn)品，添加好友的功能是好友匯聚的來(lái)源，雖然米聊微信都綁定手機(jī)通訊錄，但話又說(shuō)回來(lái)，用戶找手機(jī)通訊錄聯(lián)系人語(yǔ)音聊天的還是比較少。添加好友是引導(dǎo)用戶去發(fā)現(xiàn)好友，找好友, 碰好友的一扇門。所以對(duì)于這么重要的功能放置在應(yīng)用程序的哪個(gè)位置，在產(chǎn)品前期就會(huì)讓用戶明顯的去選擇用哪個(gè)應(yīng)用，因?yàn)榱奶旃ぞ叩那疤崾且腥撕湍懔奶?。再回到現(xiàn)實(shí)的界面中來(lái)，看看下面的對(duì)比：

藍(lán)藍(lán)設(shè)計(jì)繼續(xù)關(guān)注鮮好用的UI設(shè)計(jì)素材，并且分享給童鞋們，希望這些優(yōu)質(zhì)免費(fèi)的UI素材，可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的，讓您在ui設(shè)計(jì)公司立穩(wěn)腳步，處于不敗之地。有的WIN 8 以及 IOS 7 UI素材，歡迎童鞋們打包下載，分享到評(píng)論。藍(lán)藍(lán)設(shè)計(jì) 深深感謝  : ）

touch50px UI Kit

藍(lán)藍(lán)設(shè)計(jì) ：隨著Web技術(shù)越來(lái)越先進(jìn)，瀏覽器更新?lián)Q代也很快，在國(guó)內(nèi)很多網(wǎng)站已經(jīng)有使用css3和html5的技術(shù)了，所以我們也應(yīng)該多學(xué)習(xí)這些新知識(shí)，設(shè)計(jì)達(dá)人網(wǎng)站整理的資料，你在學(xué)校、圖書(shū)上也是未必能看到的。

今天我們整理了10個(gè)純CSS3制作的面包屑導(dǎo)航，這些都是通過(guò)CSS3來(lái)編寫，十分方便，而且實(shí)用。有些文章附有教程，大家可以學(xué)習(xí)研究一下。

漂亮面包屑導(dǎo)航

扁平化面包屑導(dǎo)航

專注于分享UI界面的細(xì)節(jié)，按照設(shè)計(jì)元素進(jìn)行分類：

注意：有些網(wǎng)站需要翻墻：（

http://pttrns.com/

http://www.patternsofdesign.co.uk/

作為一款足夠吸引人的app，驚艷的UI和優(yōu)秀的功能是基本條件，但若有獨(dú)特的動(dòng)畫與轉(zhuǎn)場(chǎng)效果，則可以大大的增加用戶使用的粘性，稱霸整個(gè)應(yīng)用平臺(tái)。具備了良好體驗(yàn)效果的同時(shí)，有這樣一個(gè)意料之外的效果，不但會(huì)給用戶帶來(lái)驚喜，更會(huì)讓人情不自禁的愛(ài)上它。

2012年我們看到有不斷的熱門app得到細(xì)化，而一些大公司也最終意識(shí)到良好的UI對(duì)于一個(gè)app的重要性。在過(guò)去的一年里，Android應(yīng)用程序已經(jīng)得到了很大的改善，iOS則把設(shè)計(jì)范圍越推越廣。這里是一些beautifulpixels.com認(rèn)為在2012年中一些脫穎而出的UI動(dòng)畫。雖然視頻演示提供了大致的預(yù)覽，但相信如果你在手機(jī)中親自體驗(yàn)更能發(fā)現(xiàn)它們的魅力之處。

Google+ Animation

當(dāng)Google+開(kāi)始公測(cè)時(shí)，每個(gè)人都想第一個(gè)嘗鮮。然而，在Android系統(tǒng)和其他移動(dòng)應(yīng)用平臺(tái)上因缺少一個(gè)良好的app，而使得很多人因此望而卻步。Google努力優(yōu)化他們?cè)趇OS平臺(tái)推出的游戲，值得一提的是它們最近發(fā)布的app也讓人眼前一亮。

而這款Google+iOS應(yīng)用程序也顛覆了以往的設(shè)計(jì)，或許會(huì)讓你愛(ài)不釋手。其中有很多獨(dú)特的動(dòng)畫設(shè)計(jì)，比如，下拉刷新（pull to refresh）。當(dāng)用戶下拉時(shí)，會(huì)出現(xiàn)4個(gè)不同顏色的彩帶從左至右，有節(jié)奏的從暗變亮，并拉長(zhǎng)。同樣有趣的是，當(dāng)你滾動(dòng)到底部時(shí)，載入的新內(nèi)容同樣會(huì)出現(xiàn)。從這樣的小細(xì)節(jié)中，我們看到Google的確在app的設(shè)計(jì)上注入了很多精力。就為了它的動(dòng)畫，你就值得在iOS系統(tǒng)的設(shè)備上下載Google+這個(gè)程序！