移動APP設(shè)計指南

2022-01-09    分類: App設(shè)計

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

  移動APP設(shè)計是什么?廣義上講,APP設(shè)計師負責把APP設(shè)計的好看,好用。移動APP涵蓋用戶界面和用戶體驗。設(shè)計師負責APP的整體風格,包括顏色、字體,按鈕的類型、窗口小部件等。那我們從哪里開始呢?
一、選擇使用平臺
鑒于您將要設(shè)計一款A(yù)PP,首先要選擇使用平臺。如果不太確定怎么選擇,那么選擇您所熟悉的。如果您使用的是Android,那就選Android,如果您用的是iOS設(shè)備,那就從那里著手?;蛘?,你可以為兩者都做設(shè)計,但最好不要貪多嚼不爛——至少在開始的時候不要貪多嚼不爛。
二、選擇工具
Photoshop,AdobeXD 和 Sketch 都是不錯的選擇。一旦確定了平臺,接下來就該選擇使用的工具了。不管平臺是什么,選用的工具都是一樣的。APP設(shè)計常用的工具有AdobePhotoshop, AdobeXD 和 Sketch.一開始你可能覺得Photoshop很好用,但是對于移動APP的設(shè)計來說,你最好選用AdobeXD或Sketch.大的原因是這兩個工具在構(gòu)建時考慮到了設(shè)計和原型。它們幫助您簡化設(shè)計流程,并針對UI和UX設(shè)計人員,而Photoshop更適合于圖像處理。這里需要注意的一點是:如果您計劃進行跨平臺開發(fā)或支持,AdobeXD是上上選,因為Sketch只在macOS上可用。
三、操作系統(tǒng)設(shè)計指南
在您開始設(shè)計之前,您首先需要了解平臺的“可操作”和“不可操作”。一般來說,不同操作系統(tǒng)的移動APP設(shè)計有一些相似之處:比如,目標驅(qū)動的設(shè)計,保持簡單(少即是多),保持流暢,可讀性是關(guān)鍵,尊重的平臺等。最后一條,尊重平臺要比你想象的重要,當用戶下載并安裝一個應(yīng)用程序到他們的設(shè)備上時,他們希望它以一種他們熟悉和直觀的方式運行。當一個應(yīng)用程序違反了90%的特定于操作系統(tǒng)的設(shè)計規(guī)則時,用戶很可能會刪除它。
您不僅需要考慮 iOS 和 Android 具有的不同導(dǎo)航模式,還需要考慮按鈕、字體選擇和UI對象的位置——所有這些在不同的平臺上都是不一樣的。
四、線框和應(yīng)用流程
使用專用的線框工具,或堅持使用筆和紙。在設(shè)計APP的外觀和感覺之前,必須對其流量控制和結(jié)構(gòu)進行處理。這是線框發(fā)揮作用的地方。線框可幫助您了解用戶如何導(dǎo)航和使用應(yīng)用程序。它們的設(shè)計簡單,重點是流量和可用性??梢栽赟ketch或AdobeXD中創(chuàng)建線框圖。使用這些工具進行線框圖繪制,您可以相對輕松地將低保真線框圖轉(zhuǎn)換為高保真預(yù)覽圖。
五、模型和原型
一旦您完成了線框圖的工作,就要將其與開發(fā)團隊和/或您的客戶端討論,確定之后,就可以制作一些模型和原型了。如果使用相同的設(shè)計工具創(chuàng)建線框圖和移動APP設(shè)計,這一步通常會更容易。許多工具,包括UXPin,都提供了用開發(fā)人員所需的詳細信息注釋線框圖的方法,從而消除了任何不確定因素。
進行APP的設(shè)計的同時最好構(gòu)建共享資源庫。因為您在這里創(chuàng)建的標準按鈕、圖標和其他元素可能在您設(shè)計的其他應(yīng)用程序中很有用,所以請確保將它們保存下來。
六、了解開發(fā)限制
設(shè)計師也向開發(fā)人員提供設(shè)計元素和可視資產(chǎn)。像圖標,背景,徽標甚至字體之類的東西都是設(shè)計師可能交給開發(fā)人員的東西。一旦開發(fā)人員擁有了他們需要的一切,他們的工作就是采用該設(shè)計(各個部分)并使其發(fā)揮作用。然而,有時候,設(shè)計師并不了解開發(fā)人員面臨的限制。當這種情況發(fā)生時,一切就會亂了套。作為移動應(yīng)用程序設(shè)計人員,您可以完全忽略開發(fā)人員和開發(fā)過程,但最好還是要了解開發(fā)人員面臨的挑戰(zhàn)和限制,不管他們使用的是什么工具,還是操作系統(tǒng)和/或應(yīng)用程序?qū)⑦\行在哪些設(shè)備上。有了這些知識,您可以更有效地設(shè)計移動APP,減少開發(fā)人員的阻力,同時培養(yǎng)更協(xié)作的工作環(huán)境。
如果您不了解移動APP的設(shè)計,希望本文會給您一些啟發(fā),如果您已經(jīng)對移動APP的開發(fā)了如執(zhí)掌,也歡迎您分享!

網(wǎng)站欄目:移動APP設(shè)計指南
標題網(wǎng)址:http://www.muchs.cn/news37/142737.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有App設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)