轉(zhuǎn)載藍(lán)藍(lán)設(shè)計( www.gerard.com.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源：http://www.csdn.net/article/2012-08-22/2809011
互聯(lián)網(wǎng)的廣泛使用，使人們對它的依賴性越來越強(qiáng)。這個虛擬世界對于我們來說已經(jīng)成為一個活生生的世界。它所導(dǎo)致的大量改變正發(fā)生在Web應(yīng)用領(lǐng)域，同時影響著商業(yè)運(yùn)營方式。以前的老模式正向網(wǎng)格、基于云的模式轉(zhuǎn)變。
為了趕上互聯(lián)網(wǎng)發(fā)展的步伐，我們所開發(fā)的Web應(yīng)用要具有優(yōu)良的品質(zhì)，充當(dāng)著用戶界面的角色，及“捕獲”企業(yè)所提供特殊服務(wù)、產(chǎn)品的目標(biāo)用戶的責(zé)任。只有它的設(shè)計滿足客戶的基本需求，具有簡單、響應(yīng)式、易使用的界面才能滿足上述的目標(biāo)。因此，設(shè)計者必須使用最好的Web開發(fā)與設(shè)計技巧，同時要注意幾個注意事項，比如空白區(qū)域、UI加載速度優(yōu)化、信息與說明的恰當(dāng)展示等。
無論專業(yè)人士還是初學(xué)者都會用到Web應(yīng)用界面，所以近距離研究每個UI元素對于設(shè)計師來說十分重要。為了幫助設(shè)計師們完成任務(wù)，本文列舉了一些優(yōu)秀的Web應(yīng)用界面設(shè)計。或許你可以從中獲得設(shè)計自己Web應(yīng)用界面的靈感。
Web應(yīng)用界面設(shè)計案例
Jamiq、FreshBooks、CrazyEgg、Donor Tools、Wufoo、Freckle、Pulse、Mint、Harvest、iPlotz、PollDaddy、Campaign Monitor、Designer Pages、OneHub和Wistia的Web界面設(shè)計都是很好的案例。
Jamiq是一款監(jiān)測工具，用來跟蹤具有高排名的搜索引擎和所有語言的社交媒體平臺。而FreshBooks是一款在線發(fā)票服務(wù)軟件，用來幫助小企業(yè)和自由職業(yè)者進(jìn)行時間追溯和發(fā)票跟蹤。CrazyEgg可以幫助用戶了解點擊發(fā)生在網(wǎng)站的哪些地方。相似的，Donor Tools是一款幫助非營利組織和福利員尋找捐款與籌資目標(biāo)的應(yīng)用。Wufoo可幫助設(shè)計者用更快、更有趣的方式設(shè)計Web表單，它可以幫助你創(chuàng)建注冊表單、邀請函、在線調(diào)查及聯(lián)系方式表單。
總而言之，每個案列都反應(yīng)了不同的需求與目標(biāo)。你需要一一分析它們的設(shè)計細(xì)節(jié)，以發(fā)現(xiàn)哪些元素可以完美地應(yīng)用到你自己的產(chǎn)品設(shè)計中。這個過程可能需要花費(fèi)一些時間，但是值得的。
為了進(jìn)一步幫助你，本文還將展示更多十分酷的Web應(yīng)用設(shè)計。所有有案例具有設(shè)計簡單、配色方案完美、整體設(shè)計和可用性好等特點。
Postmark
Buffer
Freshdesk
Mint
MailChimp
Skyclerk
Campaign Monitor
<p style="text-align:center;padding-bottom:0px;line-height:24px;list-style-type:none;margin-top:0px;padding-left:0px;padding-right:0px;font-family:Helvetica, Tahoma, Arial, sans
