一款優秀的(de)APP是如何誕生出來(lái)的(de)

優秀的(de)APP很多(duō)，我們從這(zhè)些優秀的(de)APP中，總結出一些特點和(hé)方法，希望能幫助想要開發一款優秀APP的(de)開發者們。下(xià)面我們從品牌、顔色方案、愉悅感、精煉簡化(huà)等方面提出一些建議(yì)。

 

對(duì)于一些優秀的(de)APP設計，大(dà)家會贊不絕口，然後他(tā)們的(de)第一反應就是問：“設計師哪兒(ér)找的(de)?”

其實，一個(gè)專門的(de)設計師固然重要，但是團隊中每個(gè)人(rén)其實都參與其中，參與設計。偉大(dà)的(de)設計來(lái)源于一緻性和(hé)細緻化(huà)，而其實隻要有足夠的(de)紀律，每個(gè)團隊都可(kě)以實現這(zhè)一點。

 

 

首先、品牌是應用(yòng)設計的(de)基石。它回答(dá)了(le)“用(yòng)戶使用(yòng)應用(yòng)時(shí)應該獲得(de)何等感受”這(zhè)個(gè)問題。首先，你應該确定你的(de)主要目标人(rén)群或者産業是哪些：兒(ér)童，青少年，專業人(rén)士，媽媽，學生，醫生，設計師，老年人(rén)，等等。應用(yòng)的(de)設計風格必須與品牌相一緻，這(zhè)樣才能建立更強的(de)品牌認知，并消除用(yòng)戶疑慮。例如，爲老年人(rén)設計的(de)社交應用(yòng)就應該用(yòng)大(dà)号字體，而股票(piào)交易應用(yòng)就得(de)有策略地使用(yòng)安全鎖圖标來(lái)讓用(yòng)戶有安全感。如果可(kě)能，你還(hái)該考慮爲品牌找一個(gè)吉祥物(wù)。吉祥物(wù)可(kě)以将品牌拟人(rén)化(huà)，同時(shí)強化(huà)應用(yòng)留給用(yòng)戶的(de)印象。

 

第二、顔色方案決定了(le)應用(yòng)的(de)形象，它應該是品牌主題色的(de)擴展。它是視覺設計的(de)核心，因爲應用(yòng)所有可(kě)見的(de)地方都會使用(yòng)這(zhè)些顔色。首先，你需要選擇一個(gè)能增強品牌形象的(de)主題色。例如，Evernote的(de)主題色是綠色。然後，你應該圍繞這(zhè)個(gè)主題色來(lái)創建顔色方案。亮色可(kě)以吸引人(rén)的(de)目光(guāng)，所以适合那些消費導向的(de)應用(yòng);中間色可(kě)以讓人(rén)把精力集中在信息本身，所以更适合專業性的(de)應用(yòng)。Parable的(de)主題色是“Tangelo橙”，因此我們選擇了(le)灰度作爲主要顔色方案，這(zhè)也(yě)符合我們一貫的(de)時(shí)尚創意。另一個(gè)例子是SnapChat，它使用(yòng)了(le)華麗的(de)亮色方案來(lái)吸引青少年用(yòng)戶。

 

三、直觀。在高(gāo)度競争的(de)應用(yòng)市場(chǎng)，根本沒時(shí)間讓用(yòng)戶仔細品味你的(de)應用(yòng)——我們講究的(de)是“一見鐘(zhōng)情”。能讓你第一眼就明(míng)白其功能的(de)應用(yòng)才是最好的(de)應用(yòng)。有一個(gè)管用(yòng)的(de)小方法，就是去研究一下(xià)那些熱(rè)門應用(yòng)是怎麽做(zuò)的(de)，盡量别讓用(yòng)戶産生困惑。然後，要全面地測試所有的(de)交互環節，充分(fēn)優化(huà)應用(yòng)。到達最重要的(de)交互環節之前，用(yòng)戶的(de)操作步驟不能超過三個(gè)，例如，發布到Meerkat上隻用(yòng)點一下(xià)，發布到Instagram上隻用(yòng)點三下(xià)。一些用(yòng)戶熟知的(de)平台上有特定的(de)交互方式，使用(yòng)它們往往會效果拔群。

 

四、愉悅感。用(yòng)戶評價應用(yòng)的(de)首要标準是體驗。想要獲得(de)死忠用(yòng)戶，你必須得(de)提供一些意料之外的(de)愉悅感。随著(zhe)時(shí)間的(de)推移,這(zhè)些愉悅的(de)體驗就會給用(yòng)戶留下(xià)深刻印象，從而讓應用(yòng)成爲他(tā)們日常生活必要的(de)一部分(fēn)。像Pinterest和(hé)Parable裏點擊分(fēn)享時(shí)候出現的(de)動畫(huà)，還(hái)有刷新SnapChat時(shí)候的(de)動畫(huà)，都是很好的(de)例子。

 

五、精煉。卓越的(de)視覺設計都是細節爲王，每一個(gè)像素都要完美(měi)無缺。首先是排版。字體是應用(yòng)的(de)臉面，一個(gè)好的(de)字體可(kě)以讓你的(de)應用(yòng)脫穎而出。你可(kě)以從50多(duō)個(gè)iOS字體中精心挑選一個(gè)來(lái);當然，如果你能購(gòu)買并制作屬于自己的(de)字體那就更好了(le)——總之，千萬别吊死在默認字體這(zhè)棵樹上。Serif字體适合長(cháng)文章(zhāng);san-serif字體可(kě)以使用(yòng)更多(duō)字體大(dà)小而不讓頁面看起來(lái)擁擠。緊湊型字體可(kě)以讓屏幕上顯示更多(duō)文字，但它跟普通(tōng)字體放一起就會很奇怪。接下(xià)來(lái)，我們來(lái)談談圖标的(de)問題。能準确傳達情緒的(de)圖标才是最好的(de)。你可(kě)以利用(yòng)一些免費的(de)圖标資源，然後在Photoshop裏面稍加修改，把它們變成自己的(de)圖标。當創建純色圖标時(shí)，堅持使用(yòng)單一色彩可(kě)以避免讓用(yòng)戶感到擁擠和(hé)混亂。最後,讓我們把重點放在視覺資源上。Post-skeuomorphic時(shí)代讓資源開發變簡單了(le)。我們應當盡量在代碼中進行渲染，以盡可(kě)能地縮小應用(yòng)包。添加資源時(shí)需要确保它們能正确匹配屏幕大(dà)小;粗制劣造的(de)一大(dà)表現就是資源的(de)像素化(huà)。

 

六、簡化(huà)。開發者總喜歡添加一些複雜(zá)的(de)導航界面或者用(yòng)無關的(de)信息，結果把界面搞得(de)一團糟。這(zhè)簡直讓用(yòng)戶崩潰。讓一切保持簡單!屏幕布局應當保持整潔，信息應該分(fēn)層排列，重要的(de)在上面，不重要的(de)在下(xià)面。隻顯示相關度高(gāo)的(de)細節，用(yòng)統計工具分(fēn)析有哪些動作是沒用(yòng)的(de)，然後把它們删掉。可(kě)以借鑒蘋果的(de)理(lǐ)念：無贅物(wù)即爲完美(měi)。分(fēn)析下(xià)面這(zhè)個(gè)簡潔的(de)Pinterest個(gè)人(rén)主頁。它把用(yòng)戶和(hé)分(fēn)塊展示區(qū)放在一起，最重要的(de)關注和(hé)點贊按鈕被小心地放在了(le)合适的(de)位置。要做(zuò)最佳應用(yòng)則需更深刻地貫徹這(zhè)一原則，讓内容動态化(huà)，例如在滾動浏覽時(shí)導航欄要随著(zhe)動畫(huà)隐藏，再如在多(duō)步驟的(de)交互中要隐藏按鈕。

 

每個(gè)應用(yòng)都有不同的(de)目标,但良好的(de)應用(yòng)設計具有共性。當您在設計APP應用(yòng)的(de)時(shí)候遵循上面說的(de)這(zhè)些步驟，相信一定會有不少收獲的(de)。