移動端app的發展，移動設計開始變得越來越重要，在創造出功能強大應用的同時，也要為用戶創造良好體驗。

了解你的市場

設計移動端應用的第一步，是真正地熟悉和了解手機。我發現自己在設計移動應用程序的最大優勢之一，就是多年來一直是重度手機用戶。 在成為設計師之前，你應該嘗試成為一個用戶，通過使用設備及其app，你將更容易理解app程序的需求和問題。

開發app程序和桌面app甚至網站之間的最大區別在于—— 環境背景 ，這正是這些app程序如此強大和有趣的原因。每個app都有自己的用途， 會在特定的時間和地點使用。 如果你正在創建一個餐廳指南，那么你將希望創建一個能夠在最短時間內向用戶顯示最相關結果的內容，因為用戶可能正在街上或在路上，想被快速推薦一個地方。這為移動開發中的創新提供了很多可能性，作為一名設計師，你應該隨時了解并測試最新的app，以便了解正在創造中的app的最新情況。

下載并體驗多個app，因為這種用戶體驗絕對是你設計一款功能豐富、功能強大的app程序時最重要的事情之一。不要把自己限制在自己的設備上，也要盡量了解其他設備。你可以查看每個市場中app的屏幕截圖、iOS版app商店、Android版谷歌游戲。我建議你考察一個app，以及該app如何跨越移動平臺，這樣你就可以看到每個平臺之間的風格和差異。

你還應該參考每個平臺的設計指南官方文檔，因為每個平臺都有自己的風格和遵循的指南。你可以查看 iOS人機界面指南 、 Android用戶界面指南 。

視覺靈感

移動生態系統是在實驗和創新的基礎上不斷變化和發展的，每天都有很多方法被設計出來。從閱讀app，到照片共享和工作效率以及待辦事項列表應用，用戶可以使用各種各樣的app。根據app的目標和環境背景，這些app中的每一個都有特定的視覺樣式和色調。

視覺知識是每個設計師在任何領域都應該提高的。在移動設計中，我相信它更重要，因為每天都會產生一個新的界面，一個新的設計模式，一個新的移動風格。 通過觀察和分析其他設計，它能為你提供更好的知識和更多的視覺信息，以服務于你自己的項目 。

視覺靈感這不僅是因為你的app的外觀，還因為用戶與它互動的方式。嘗試學習所有可能的手勢，了解用戶希望如何與app交互，問問自己 什么是完成動作最簡單、最自然的方式，以及如何才能在這方面真正創新？

移動設計模式

在開始設計之前，你應該研究現有的移動設計模式，并考慮用戶期望的設計。我會給你一個小小的解釋。

設計模式被定義為 對軟件設計中常見問題的通用可重復解決方案。

在這些模式中，你可以研究和分析各種界面，菜單和導航，并根據內容和應用目標將它們用作移動app設計的基礎。 有多種方法可以在移動設備上完成相同的操作，而設計師則需要設計和選擇最有效的方法。 設計模式確實非常有用，因為你可以通過簡單的方式查看已經存在的解決方案及其對界面的影響。 在這里， 你將首先從頭腦中測試這些布局，然后考慮哪種方法更適合你的app，然后從頭開始設計。

問自己這些問題：“我的app的主要目標是什么？“，”我的app中最重要的部分有多少？哪些是最重要的部分“，”在整個app使用過程中，用戶應該執行哪些操作？“。這些問題將幫助你選擇模式并定義app基本布局。

開始設計

在經歷熟悉、測試、觀察、啟發、比較的階段之后，了解了你能做什么和應該做什么，就可以開始你的設計了。但千萬不是一開始就去Photoshop里跟像素較真兒，先思考、創作原型草圖，以及迭代幾次。

對于草圖，你可以獲得一個iphone草圖簿來幫助你在iphone網格中進行設計，或者只需下載其中一個免費模板并打印出來。這將有助于你將你的設計理念直接繪制成iphone的布局，并在紙上預覽。

在繪制了一些草圖之后，你可能需要構建app的基本版本，即原型。有很多原型app可以幫助你，但是一定要選擇一個已經有iphone模板的app，這樣你就可以輕松地通過拖放元素來構建你的app框架，從而了解你想要實現的目標。

比如 原型設計工具墨刀 就內置了豐富的iOS和Material design 的組件庫，而且官網還有多行業的原型模板，可以讓使用者快速地搭建起頁面來。

（墨刀內置的組件）

（墨刀提供的原型模板）

app程序設計示例

原型通過墨刀制作
原型通過墨刀制作 原型通過墨刀制作

最后

因此，這些是立即開始設計移動應用程序的最重要內容。和往常一樣，每個人都有自己的工作流程和喜歡的app，所以盡量選擇你的平臺、你喜歡的設計軟件、你的模板，開始在移動設計領域發揮創意。

設計完成后，盡量與開發人員密切合作，確保你的愿景和設計完全按照你的想象進行開發，這樣你就可以幫助指導開發人員并將所需的所有物料提供給開發人員。正如在web開發中一樣， 這是一項棘手的工作，有時也很無聊，但必須這樣做，才能使最終產品完全符合你的要求。 開始去設計一款手機端移動產品（app）吧~

---

本文轉自由墨刀編譯自 António Pratas 的Designing Mobile Apps, Where to Start?

墨刀作為一款在線原型設計與協同工具，已經幫助眾多產品經理和設計師們輕松做出交互原型，展現和驗證設計想法，還支持多人協作編輯，分享和評論。新注冊用戶即可獲得墨刀高級企業版的15天免費試用！開始體驗一下吧！