Web應(yīng)用界面設(shè)計精彩案例分享

2014-5-22    藍(lán)藍(lán)設(shè)計的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   sillybuy.com  )是一家專注而深入的界面設(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è)計?;蛟S你可以從中獲得設(shè)計自己Web應(yīng)用界面的靈感。

Web應(yīng)用界面設(shè)計案例

Jamiq、FreshBooks、CrazyEgg、Donor  ToolsWufoo、Freckle、PulseMint、Harvest、iPlotz、PollDaddyCampaign Monitor、Designer PagesOneHubWistia的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è)計中。這個過程可能需要花費一些時間,但是值得的。

為了進(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

分享本文至:

日歷

鏈接

個人資料

存檔