如果您想設計一款移動APP，但是無從下(xià)手，不要擔心，本文将提供一些指南(nán)，助您開啓一段移動APP的(de)設計之旅。

　　移動APP設計是什(shén)麽？廣義上講，APP設計師負責把APP設計的(de)好看，好用(yòng)。移動APP涵蓋用(yòng)戶界面和(hé)用(yòng)戶體驗。設計師負責APP的(de)整體風格，包括顔色、字體，按鈕的(de)類型、窗(chuāng)口小部件等。那我們從哪裏開始呢(ne)？

　　一、選擇使用(yòng)平台

　　鑒于您将要設計一款APP，首先要選擇使用(yòng)平台。如果不太确定怎麽選擇，那麽選擇您所熟悉的(de)。如果您使用(yòng)的(de)是Android，那就選Android，如果您用(yòng)的(de)是iOS設備，那就從那裏著(zhe)手。或者，你可(kě)以爲兩者都做(zuò)設計，但最好不要貪多(duō)嚼不爛——至少在開始的(de)時(shí)候不要貪多(duō)嚼不爛。

　　二、選擇工具

　　Photoshop，AdobeXD 和(hé) Sketch 都是不錯的(de)選擇。一旦确定了(le)平台，接下(xià)來(lái)就該選擇使用(yòng)的(de)工具了(le)。不管平台是什(shén)麽，選用(yòng)的(de)工具都是一樣的(de)。APP設計常用(yòng)的(de)工具有AdobePhotoshop， AdobeXD 和(hé) Sketch.一開始你可(kě)能覺得(de)Photoshop很好用(yòng)，但是對(duì)于移動APP的(de)設計來(lái)說，你最好選用(yòng)AdobeXD或Sketch.最大(dà)的(de)原因是這(zhè)兩個(gè)工具在構建時(shí)考慮到了(le)設計和(hé)原型。它們幫助您簡化(huà)設計流程，并針對(duì)UI和(hé)UX設計人(rén)員(yuán)，而Photoshop更适合于圖像處理(lǐ)。這(zhè)裏需要注意的(de)一點是:如果您計劃進行跨平台開發或支持，AdobeXD是上上選，因爲Sketch隻在macOS上可(kě)用(yòng)。

　　三、操作系統設計指南(nán)

　　在您開始設計之前，您首先需要了(le)解平台的(de)“可(kě)操作”和(hé)“不可(kě)操作”。一般來(lái)說，不同操作系統的(de)移動APP設計有一些相似之處：比如，目标驅動的(de)設計，保持簡單(少即是多(duō))，保持流暢，可(kě)讀性是關鍵，尊重的(de)平台等。最後一條，尊重平台要比你想象的(de)重要，當用(yòng)戶下(xià)載并安裝一個(gè)應用(yòng)程序到他(tā)們的(de)設備上時(shí)，他(tā)們希望它以一種他(tā)們熟悉和(hé)直觀的(de)方式運行。當一個(gè)應用(yòng)程序違反了(le)90%的(de)特定于操作系統的(de)設計規則時(shí)，用(yòng)戶很可(kě)能會删除它。

　　您不僅需要考慮 iOS 和(hé) Android 具有的(de)不同導航模式，還(hái)需要考慮按鈕、字體選擇和(hé)UI對(duì)象的(de)位置——所有這(zhè)些在不同的(de)平台上都是不一樣的(de)。

　　四、線框和(hé)應用(yòng)流程

　　使用(yòng)專用(yòng)的(de)線框工具，或堅持使用(yòng)筆和(hé)紙。在設計APP的(de)外觀和(hé)感覺之前，必須對(duì)其流量控制和(hé)結構進行處理(lǐ)。這(zhè)是線框發揮作用(yòng)的(de)地方。線框可(kě)幫助您了(le)解用(yòng)戶如何導航和(hé)使用(yòng)應用(yòng)程序。它們的(de)設計簡單，重點是流量和(hé)可(kě)用(yòng)性。可(kě)以在Sketch或AdobeXD中創建線框圖。使用(yòng)這(zhè)些工具進行線框圖繪制，您可(kě)以相對(duì)輕松地将低保真線框圖轉換爲高(gāo)保真預覽圖。

　　五、模型和(hé)原型

　　一旦您完成了(le)線框圖的(de)工作，就要将其與開發團隊和(hé)/或您的(de)客戶端討(tǎo)論，确定之後，就可(kě)以制作一些模型和(hé)原型了(le)。如果使用(yòng)相同的(de)設計工具創建線框圖和(hé)移動APP設計，這(zhè)一步通(tōng)常會更容易。許多(duō)工具，包括UXPin，都提供了(le)用(yòng)開發人(rén)員(yuán)所需的(de)詳細信息注釋線框圖的(de)方法，從而消除了(le)任何不确定因素。

　　進行APP的(de)設計的(de)同時(shí)最好構建共享資源庫。因爲您在這(zhè)裏創建的(de)标準按鈕、圖标和(hé)其他(tā)元素可(kě)能在您設計的(de)其他(tā)應用(yòng)程序中很有用(yòng)，所以請确保将它們保存下(xià)來(lái)。

　　六、了(le)解開發限制

　　設計師也(yě)向開發人(rén)員(yuán)提供設計元素和(hé)可(kě)視資産。像圖标，背景，徽标甚至字體之類的(de)東西都是設計師可(kě)能交給開發人(rén)員(yuán)的(de)東西。一旦開發人(rén)員(yuán)擁有了(le)他(tā)們需要的(de)一切，他(tā)們的(de)工作就是采用(yòng)該設計（各個(gè)部分(fēn)）并使其發揮作用(yòng)。然而，有時(shí)候，設計師并不了(le)解開發人(rén)員(yuán)面臨的(de)限制。當這(zhè)種情況發生時(shí)，一切就會亂了(le)套。作爲移動應用(yòng)程序設計人(rén)員(yuán)，您可(kě)以完全忽略開發人(rén)員(yuán)和(hé)開發過程，但最好還(hái)是要了(le)解開發人(rén)員(yuán)面臨的(de)挑戰和(hé)限制，不管他(tā)們使用(yòng)的(de)是什(shén)麽工具，還(hái)是操作系統和(hé)/或應用(yòng)程序将運行在哪些設備上。有了(le)這(zhè)些知識，您可(kě)以更有效地設計移動APP，減少開發人(rén)員(yuán)的(de)阻力，同時(shí)培養更協作的(de)工作環境。

　　如果您不了(le)解移動APP的(de)設計，希望本文會給您一些啓發，如果您已經對(duì)移動APP的(de)開發了(le)如執掌，也(yě)歡迎您分(fēn)享！

責任編輯：中山網站建設
 【網訊網絡】國家高(gāo)新技術企業》十年專注軟件開發，網站建設，網頁設計，APP開發，小程序，微信公衆号開發，定制各類企業管理(lǐ)軟件（OA、CRM、ERP、訂單管理(lǐ)系統、進銷存管理(lǐ)軟件等)！服務熱(rè)線：0760-88610046、13924923903，http://www.wansion.net