助您開啓一(yī)段移動APP的(de)設計之旅

2019-10-15

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

nexusae0_Contour5.png


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

  一(yī)、選擇使用平台

  鑒于您将要設計一(yī)款APP,首先要選擇使用平台。如(rú)果不太确定怎麽選擇,那麽選擇您所熟悉的(de)。如(rú)果您使用的(de)是Android,那就選Android,如(rú)果您用的(de)是iOS設備,那就從那裏着手。或者,你可(kě)以為(wèi)兩者都做(zuò)設計,但最好不要貪多嚼不爛——至少在開始的(de)時候不要貪多嚼不爛。

  二、選擇工具

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

  三、操作系統設計指南

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

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

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

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

  五、模型和(hé)原型

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

  進行APP的(de)設計的(de)同時最好構建共享資源庫。因為(wèi)您在這裏創建的(de)标準按鈕、圖标和(hé)其他元素可(kě)能在您設計的(de)其他應用程序中很有用,所以請确保将它們保存下來。

  六、了解開發限制

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

  如(rú)果您不了解移動APP的(de)設計,希望本文會給您一(yī)些啓發,如(rú)果您已經對移動APP的(de)開發了如(rú)執掌,也歡迎您分享!

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

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

*請認真填寫需求,我們會在24小時內(nèi)與您取得聯系。