移動APP設計指南
如果您想設計一款移動APP,但是無從下手,不要擔心,本文將提供一些指南,助您開啟一段移動APP的設計之旅。
一、選擇使用平臺
鑒于您將要設計一款APP,首先要選擇使用平臺。如果不太確定怎么選擇,那么選擇您所熟悉的。如果您使用的是Android,那就選Android,如果您用的是iOS設備,那就從那里著手。或者,你可以為兩者都做設計,但最好不要貪多嚼不爛——至少在開始的時候不要貪多嚼不爛。
二、選擇工具
Photoshop,AdobeXD 和 Sketch 都是不錯的選擇。一旦確定了平臺,接下來就該選擇使用的工具了。不管平臺是什么,選用的工具都是一樣的。APP設計常用的工具有AdobePhotoshop, AdobeXD 和 Sketch.一開始你可能覺得Photoshop很好用,但是對于移動APP的設計來說,你最好選用AdobeXD或Sketch.最大的原因是這兩個工具在構建時考慮到了設計和原型。它們幫助您簡化設計流程,并針對UI和UX設計人員,而Photoshop更適合于圖像處理。這里需要注意的一點是:如果您計劃進行跨平臺開發或支持,AdobeXD是上上選,因為Sketch只在macOS上可用。
三、操作系統設計指南
在您開始設計之前,您首先需要了解平臺的“可操作”和“不可操作”。一般來說,不同操作系統的移動APP設計有一些相似之處:比如,目標驅動的設計,保持簡單(少即是多),保持流暢,可讀性是關鍵,尊重的平臺等。最后一條,尊重平臺要比你想象的重要,當用戶下載并安裝一個應用程序到他們的設備上時,他們希望它以一種他們熟悉和直觀的方式運行。當一個應用程序違反了90%的特定于操作系統的設計規則時,用戶很可能會刪除它。
您不僅需要考慮 iOS 和 Android 具有的不同導航模式,還需要考慮按鈕、字體選擇和UI對象的位置——所有這些在不同的平臺上都是不一樣的。
四、線框和應用流程
使用專用的線框工具,或堅持使用筆和紙。在設計APP的外觀和感覺之前,必須對其流量控制和結構進行處理。這是線框發揮作用的地方。線框可幫助您了解用戶如何導航和使用應用程序。它們的設計簡單,重點是流量和可用性。可以在Sketch或AdobeXD中創建線框圖。使用這些工具進行線框圖繪制,您可以相對輕松地將低保真線框圖轉換為高保真預覽圖。
五、模型和原型
一旦您完成了線框圖的工作,就要將其與開發團隊和/或您的客戶端討論,確定之后,就可以制作一些模型和原型了。如果使用相同的設計工具創建線框圖和移動APP設計,這一步通常會更容易。許多工具,包括UXPin,都提供了用開發人員所需的詳細信息注釋線框圖的方法,從而消除了任何不確定因素。
進行APP的設計的同時最好構建共享資源庫。因為您在這里創建的標準按鈕、圖標和其他元素可能在您設計的其他應用程序中很有用,所以請確保將它們保存下來。
六、了解開發限制
設計師也向開發人員提供設計元素和可視資產。像圖標,背景,徽標甚至字體之類的東西都是設計師可能交給開發人員的東西。一旦開發人員擁有了他們需要的一切,他們的工作就是采用該設計(各個部分)并使其發揮作用。然而,有時候,設計師并不了解開發人員面臨的限制。當這種情況發生時,一切就會亂了套。作為移動應用程序設計人員,您可以完全忽略開發人員和開發過程,但最好還是要了解開發人員面臨的挑戰和限制,不管他們使用的是什么工具,還是操作系統和/或應用程序將運行在哪些設備上。有了這些知識,您可以更有效地設計移動APP,減少開發人員的阻力,同時培養更協作的工作環境。
如果您不了解移動APP的設計,希望本文會給您一些啟發,如果您已經對移動APP的開發了如執掌,也歡迎您分享!
一、選擇使用平臺
鑒于您將要設計一款APP,首先要選擇使用平臺。如果不太確定怎么選擇,那么選擇您所熟悉的。如果您使用的是Android,那就選Android,如果您用的是iOS設備,那就從那里著手。或者,你可以為兩者都做設計,但最好不要貪多嚼不爛——至少在開始的時候不要貪多嚼不爛。
二、選擇工具
Photoshop,AdobeXD 和 Sketch 都是不錯的選擇。一旦確定了平臺,接下來就該選擇使用的工具了。不管平臺是什么,選用的工具都是一樣的。APP設計常用的工具有AdobePhotoshop, AdobeXD 和 Sketch.一開始你可能覺得Photoshop很好用,但是對于移動APP的設計來說,你最好選用AdobeXD或Sketch.最大的原因是這兩個工具在構建時考慮到了設計和原型。它們幫助您簡化設計流程,并針對UI和UX設計人員,而Photoshop更適合于圖像處理。這里需要注意的一點是:如果您計劃進行跨平臺開發或支持,AdobeXD是上上選,因為Sketch只在macOS上可用。
三、操作系統設計指南
在您開始設計之前,您首先需要了解平臺的“可操作”和“不可操作”。一般來說,不同操作系統的移動APP設計有一些相似之處:比如,目標驅動的設計,保持簡單(少即是多),保持流暢,可讀性是關鍵,尊重的平臺等。最后一條,尊重平臺要比你想象的重要,當用戶下載并安裝一個應用程序到他們的設備上時,他們希望它以一種他們熟悉和直觀的方式運行。當一個應用程序違反了90%的特定于操作系統的設計規則時,用戶很可能會刪除它。
您不僅需要考慮 iOS 和 Android 具有的不同導航模式,還需要考慮按鈕、字體選擇和UI對象的位置——所有這些在不同的平臺上都是不一樣的。
四、線框和應用流程
使用專用的線框工具,或堅持使用筆和紙。在設計APP的外觀和感覺之前,必須對其流量控制和結構進行處理。這是線框發揮作用的地方。線框可幫助您了解用戶如何導航和使用應用程序。它們的設計簡單,重點是流量和可用性。可以在Sketch或AdobeXD中創建線框圖。使用這些工具進行線框圖繪制,您可以相對輕松地將低保真線框圖轉換為高保真預覽圖。
五、模型和原型
一旦您完成了線框圖的工作,就要將其與開發團隊和/或您的客戶端討論,確定之后,就可以制作一些模型和原型了。如果使用相同的設計工具創建線框圖和移動APP設計,這一步通常會更容易。許多工具,包括UXPin,都提供了用開發人員所需的詳細信息注釋線框圖的方法,從而消除了任何不確定因素。
進行APP的設計的同時最好構建共享資源庫。因為您在這里創建的標準按鈕、圖標和其他元素可能在您設計的其他應用程序中很有用,所以請確保將它們保存下來。
六、了解開發限制
設計師也向開發人員提供設計元素和可視資產。像圖標,背景,徽標甚至字體之類的東西都是設計師可能交給開發人員的東西。一旦開發人員擁有了他們需要的一切,他們的工作就是采用該設計(各個部分)并使其發揮作用。然而,有時候,設計師并不了解開發人員面臨的限制。當這種情況發生時,一切就會亂了套。作為移動應用程序設計人員,您可以完全忽略開發人員和開發過程,但最好還是要了解開發人員面臨的挑戰和限制,不管他們使用的是什么工具,還是操作系統和/或應用程序將運行在哪些設備上。有了這些知識,您可以更有效地設計移動APP,減少開發人員的阻力,同時培養更協作的工作環境。
如果您不了解移動APP的設計,希望本文會給您一些啟發,如果您已經對移動APP的開發了如執掌,也歡迎您分享!
- 基于用戶創新
界面設計日新月異,夢創義堅持基于用戶需求的界面創新設計……
- 服務設計思維
互聯網的格局發生的改變,在我們進行設計服務時更是考慮不同用戶、不同……
- 洞察用戶心理
洞察用戶有意識和無意識的行為以及心理特征通過構造一系列的服務來促進……
- 查看更多 >>
最新新聞Latest News
- 中小型企業網站建設完應該如何營銷
- 很多中小型企業往往糾結于以下10個問題:一、我們起步比別人晚,我們的……
- 做企業網站到底做給誰看?
- 設計經常時不時的遇到一些企業客戶,常常搞不清楚誰會真正看你的企業網……
- 傳統企業進軍移動互聯網,從移動云網站開始
- 移動互聯網是移動通信和互聯網融合的產物,其發展的重要基礎便是智能手……
- 網站建設和運營五大細節決定用戶黏性
- 網站的成功離不開搜索引擎優化,更離不開最基礎最根本的用戶群體,如何……
- 2015年值得關注的電子商務5大趨勢
- 線上線下銷售的界線正在變得越來越模糊。在2015年,這一趨勢仍將繼續。……