助您開(kāi)啓一段移動APP的設計之旅

2019-10-15

  如果您想設計一款移動APP,但是無從下手,不要擔心,本文將(jiāng)提供一些指南,助您開(kāi)啓一段移動APP的設計之旅。

nexusae0_Contour5.png


  移動APP設計是什麼(me)?廣義上講,APP設計師負責把APP設計的好(hǎo)看,好(hǎo)用。移動APP涵蓋用戶界面(miàn)和用戶體驗。設計師負責APP的整體風格,包括顔色、字體,按鈕的類型、窗口小部件等。那我們從哪裡(lǐ)開(kāi)始呢?

  一、選擇使用平台

  鑒于您將(jiāng)要設計一款APP,首先要選擇使用平台。如果不太确定怎麼(me)選擇,那麼(me)選擇您所熟悉的。如果您使用的是Android,那就選Android,如果您用的是iOS設備,那就從那裡(lǐ)着手。或者,你可以爲兩(liǎng)者都(dōu)做設計,但最好(hǎo)不要貪多嚼不爛——至少在開(kāi)始的時候不要貪多嚼不爛。

  二、選擇工具

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

  三、操作系統設計指南

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

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

  四、線框和應用流程

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

  五、模型和原型

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

  進(jìn)行APP的設計的同時最好(hǎo)構建共享資源庫。因爲您在這(zhè)裡(lǐ)創建的标準按鈕、圖标和其他元素可能(néng)在您設計的其他應用程序中很有用,所以請确保將(jiāng)它們保存下來。

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

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

  如果您不了解移動APP的設計,希望本文會給您一些啓發(fā),如果您已經(jīng)對(duì)移動APP的開(kāi)發(fā)了如執掌,也歡迎您分享!

責任編輯:中山網站建設
 【網訊網絡】國(guó)家高新技術企業》十年專注軟件開(kāi)發(fā),網站建設,網頁設計,APP開(kāi)發(fā),小程序,微信公衆号開(kāi)發(fā),定制各類企業管理軟件(OA、CRM、ERP、訂單管理系統、進(jìn)銷存管理軟件等)!服務熱線:0760-88610046、13924923903,http://www.wansion.net

您的項目需求咨詢熱線:0760-88610046(國(guó)家高新技術企業)

*請認真填寫需求,我們會在24小時内與您取得聯系。