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

2019-10-15

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

nexusae0_Contour5.png


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

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

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

  二、選擇工(gōng)具

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

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

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

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

  四、線框和應用流程

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

  五、模型和原型

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

  進行APP的設計的同時最好構建共享資(zī)源庫。因爲您在這裏創建的标準按鈕、圖标和其他元素可能在您設計的其他應用程序中(zhōng)很有用,所以請确保将它們保存下(xià)來。

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

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

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

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

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

*請認真填寫需求,我(wǒ)們會在24小(xiǎo)時内與您取得聯系。