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