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

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

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

Hellothemes

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

擁有自己網(wǎng)站的童鞋們，藍(lán)藍(lán)設(shè)計(jì)這里有商業(yè)版權(quán)的響應(yīng)式后臺管理模板，你可以從中選取參考。仔細(xì)預(yù)覽或通過這些界面設(shè)計(jì)來觀察它們的特點(diǎn)。
當(dāng)然，這些界面對設(shè)計(jì)師來講，特別是從事BS界面設(shè)計(jì)、CS界面設(shè)計(jì)的朋友，這些優(yōu)秀的后臺界面設(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)用戶等待的焦慮情緒，通過一種有趣的美學(xué)體現(xiàn)程序運(yùn)行的進(jìn)度，這樣用戶就能稍微安心。

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

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

以前的進(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)度條是怎樣的，就來看看吧。一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的，讓您在ui設(shè)計(jì)公司立穩(wěn)腳步，處于不敗之地。
如果你對擬物化的創(chuàng)意進(jìn)度條更加有興趣，那么來這里瞧瞧《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é)合自己的工作心得來小結(jié)一下手機(jī)界面設(shè)計(jì)，軟件界面設(shè)計(jì)，iPad界面設(shè)計(jì)，軟件后臺管理界面設(shè)計(jì)的相關(guān)8原則：

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

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

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

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

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

藍(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素材，歡迎童鞋們打包下載，分享到評論。藍(lán)藍(lán)設(shè)計(jì) 深深感謝  : ）

touch50px UI Kit

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

今天我們整理了10個(gè)純CSS3制作的面包屑導(dǎo)航，這些都是通過CSS3來編寫，十分方便，而且實(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ú)特的動畫與轉(zhuǎn)場效果，則可以大大的增加用戶使用的粘性，稱霸整個(gè)應(yīng)用平臺。具備了良好體驗(yàn)效果的同時(shí)，有這樣一個(gè)意料之外的效果，不但會給用戶帶來驚喜，更會讓人情不自禁的愛上它。

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

Google+ Animation

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

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

Queen譯者注：隨著平板電腦市場的迅猛增長，你可曾考慮到網(wǎng)站在平板上的用戶體驗(yàn)？本文給出了6個(gè)提升網(wǎng)站平板體驗(yàn)的簡易技巧，讓你花小氣力，出大成果，可謂事半功倍。要不你試試看。
原文鏈接：the-pursuit-of-tappiness

在這篇文章發(fā)布時(shí)，僅在美國就有近7000萬的平板電腦用戶，這比前一年的數(shù)據(jù)增加了一倍。這意味著，美國近30％的互聯(lián)網(wǎng)用戶使用平板設(shè)備上網(wǎng)瀏覽。2011年到2012年間，電子商務(wù)網(wǎng)站在平板電腦上的交易量增長了348％，第一次超越智能手機(jī)的交易量。由于平板市場很年輕，其未來的發(fā)展空間必定很大。
這一趨勢傳遞了一個(gè)強(qiáng)烈的信號：如果你的網(wǎng)站還沒有針對平板電腦進(jìn)行設(shè)計(jì)的話，現(xiàn)在是時(shí)候優(yōu)先考慮其在平板電腦上的可用性了。否則，忽略這一點(diǎn)可能會對網(wǎng)站的整體轉(zhuǎn)化率，回訪量，銷售量等帶來負(fù)面影響。

什么是”點(diǎn)擊愉悅感”（tappiness）？

當(dāng)一個(gè)網(wǎng)站具有”點(diǎn)擊愉悅感”時(shí)，用戶在手機(jī)或平板設(shè)備進(jìn)行訪問的操作將變得容易而愉快。點(diǎn)擊愉悅感包括巧妙使用的空間，易于閱讀的文本，符合邏輯的交互線索，和大尺寸的點(diǎn)擊目標(biāo)，這些讓訪問者瀏覽網(wǎng)站時(shí)充滿信心。

本設(shè)計(jì)中，大字體和大點(diǎn)擊目標(biāo)的體驗(yàn)很好，即使在平板電腦上縮小后，體驗(yàn)依然不錯(cuò)。
而在另一些設(shè)計(jì)中，文字太小無法閱讀，鏈接太接近容易誤操作，無形中增加了操作時(shí)間、復(fù)雜度以及體驗(yàn)上的挫敗感。糟糕的體驗(yàn)下，用戶將快速流失。

本設(shè)計(jì)中的小字體和小觸摸目標(biāo)被證明在平板電腦上難以閱讀和使用。
一種理想選擇可能是：重新設(shè)計(jì)你的網(wǎng)站，讓它能針對各種不同設(shè)備進(jìn)行自適應(yīng)布局，但時(shí)間和成本可能會使你無法完成這樣的全面翻新。然而你還有其他選擇。本文給出一些技巧和方法，能快速幫助你提升網(wǎng)站的平板用戶體驗(yàn)，只需幾個(gè)簡單的變化，你今天就可以做到！