如果您想設(shè)計(jì)一款移動(dòng)APP，但是無(wú)從下手，不要擔(dān)心，本文將提供一些指南，助您開(kāi)啟一段移動(dòng)APP的設(shè)計(jì)之旅。

　　移動(dòng)APP設(shè)計(jì)是什么？廣義上講，APP設(shè)計(jì)師負(fù)責(zé)把APP設(shè)計(jì)的好看，好用。移動(dòng)APP涵蓋用戶界面和用戶體驗(yàn)。設(shè)計(jì)師負(fù)責(zé)APP的整體風(fēng)格，包括顏色、字體，按鈕的類型、窗口小部件等。那我們從哪里開(kāi)始呢？

　　一、選擇使用平臺(tái)

　　鑒于您將要設(shè)計(jì)一款A(yù)PP，首先要選擇使用平臺(tái)。如果不太確定怎么選擇，那么選擇您所熟悉的。如果您使用的是Android，那就選Android，如果您用的是iOS設(shè)備，那就從那里著手?；蛘撸憧梢詾閮烧叨甲鲈O(shè)計(jì)，但最好不要貪多嚼不爛——至少在開(kāi)始的時(shí)候不要貪多嚼不爛。

　　二、選擇工具

　　Photoshop，AdobeXD 和 Sketch 都是不錯(cuò)的選擇。一旦確定了平臺(tái)，接下來(lái)就該選擇使用的工具了。不管平臺(tái)是什么，選用的工具都是一樣的。APP設(shè)計(jì)常用的工具有AdobePhotoshop， AdobeXD 和 Sketch.一開(kāi)始你可能覺(jué)得Photoshop很好用，但是對(duì)于移動(dòng)APP的設(shè)計(jì)來(lái)說(shuō)，你最好選用AdobeXD或Sketch.最大的原因是這兩個(gè)工具在構(gòu)建時(shí)考慮到了設(shè)計(jì)和原型。它們幫助您簡(jiǎn)化設(shè)計(jì)流程，并針對(duì)UI和UX設(shè)計(jì)人員，而Photoshop更適合于圖像處理。這里需要注意的一點(diǎn)是:如果您計(jì)劃進(jìn)行跨平臺(tái)開(kāi)發(fā)或支持，AdobeXD是上上選，因?yàn)镾ketch只在macOS上可用。

　　三、操作系統(tǒng)設(shè)計(jì)指南

　　在您開(kāi)始設(shè)計(jì)之前，您首先需要了解平臺(tái)的“可操作”和“不可操作”。一般來(lái)說(shuō)，不同操作系統(tǒng)的移動(dòng)APP設(shè)計(jì)有一些相似之處：比如，目標(biāo)驅(qū)動(dòng)的設(shè)計(jì)，保持簡(jiǎn)單(少即是多)，保持流暢，可讀性是關(guān)鍵，尊重的平臺(tái)等。最后一條，尊重平臺(tái)要比你想象的重要，當(dāng)用戶下載并安裝一個(gè)應(yīng)用程序到他們的設(shè)備上時(shí)，他們希望它以一種他們熟悉和直觀的方式運(yùn)行。當(dāng)一個(gè)應(yīng)用程序違反了90%的特定于操作系統(tǒng)的設(shè)計(jì)規(guī)則時(shí)，用戶很可能會(huì)刪除它。

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

　　四、線框和應(yīng)用流程

　　使用專用的線框工具，或堅(jiān)持使用筆和紙。在設(shè)計(jì)APP的外觀和感覺(jué)之前，必須對(duì)其流量控制和結(jié)構(gòu)進(jìn)行處理。這是線框發(fā)揮作用的地方。線框可幫助您了解用戶如何導(dǎo)航和使用應(yīng)用程序。它們的設(shè)計(jì)簡(jiǎn)單，重點(diǎn)是流量和可用性。可以在Sketch或AdobeXD中創(chuàng)建線框圖。使用這些工具進(jìn)行線框圖繪制，您可以相對(duì)輕松地將低保真線框圖轉(zhuǎn)換為高保真預(yù)覽圖。

　　五、模型和原型

　　一旦您完成了線框圖的工作，就要將其與開(kāi)發(fā)團(tuán)隊(duì)和/或您的客戶端討論，確定之后，就可以制作一些模型和原型了。如果使用相同的設(shè)計(jì)工具創(chuàng)建線框圖和移動(dòng)APP設(shè)計(jì)，這一步通常會(huì)更容易。許多工具，包括UXPin，都提供了用開(kāi)發(fā)人員所需的詳細(xì)信息注釋線框圖的方法，從而消除了任何不確定因素。

　　進(jìn)行APP的設(shè)計(jì)的同時(shí)最好構(gòu)建共享資源庫(kù)。因?yàn)槟谶@里創(chuàng)建的標(biāo)準(zhǔn)按鈕、圖標(biāo)和其他元素可能在您設(shè)計(jì)的其他應(yīng)用程序中很有用，所以請(qǐng)確保將它們保存下來(lái)。

　　六、了解開(kāi)發(fā)限制

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

　　如果您不了解移動(dòng)APP的設(shè)計(jì)，希望本文會(huì)給您一些啟發(fā)，如果您已經(jīng)對(duì)移動(dòng)APP的開(kāi)發(fā)了如執(zhí)掌，也歡迎您分享！

責(zé)任編輯：中山網(wǎng)站建設(shè)
 【網(wǎng)訊網(wǎng)絡(luò)】國(guó)家高新技術(shù)企業(yè)》十年專注軟件開(kāi)發(fā)，網(wǎng)站建設(shè)，網(wǎng)頁(yè)設(shè)計(jì)，APP開(kāi)發(fā)，小程序，微信公眾號(hào)開(kāi)發(fā)，定制各類企業(yè)管理軟件（OA、CRM、ERP、訂單管理系統(tǒng)、進(jìn)銷存管理軟件等)！服務(wù)熱線：0760-88610046、13924923903，http://www.maojinjia.cc