如何開始設計手機應用 做好定位畫草圖
市場定位
設計手機應用你需要準備和告訴自己的第一件事是擁有一個智能手機。這應該是很明顯事嘛, 但這仍然是我作為已有幾年大量手機使用者經驗在設計手機應用時的最大優勢。在成為設計者之前你要先成為用戶,通過使用這些設備和應用,明白一個手機應用需 要什么樣的功能和存在哪些問題就很簡單啦 。你的關注點應該是iPhone或Android,因為這是兩大最通用的平臺和OS開發。最近,隨著Windows Phone的發布,那也是一塊很大的蛋糕并且也有很多人為那平臺做開發,即使你意識到已有各種各樣的設計好了的應用擺在那,我還是建議你把重心放在iOS和 Android上,至少在開始時是這樣。
開發一個手機應用和一個桌面應用甚至一個網站的最大區別在于其使用環境,這也是讓手機應用如此強大和有趣的原因。每個應用的使用都是出于個人目的, 在特定的時間和特定的地點里。如果你開發了一個餐館導航應用,你會想著去創建一些可以在最短的時間里向用戶展示其想要的相關結果的功能,因為用戶可能在街 頭上或者在移動著尋找一個最快的推薦結果。這在手機開發中開放了大量可能的創新方法,作為一個設計者你應該時刻熟知并且考察最新的應用以跟上時代清楚什么 正在被創建。
所以,如果你還不是智能手機用戶,那就要去得到一個來下載和測試這些應用,因為用戶的體驗,對你設計一個豐富、強大的手機應用來說,是最重要的東 西。還有不要僅局限在你擁有的設備里,試著了解其他的設備也同樣重要。你可以看看來自各個商店的應用截圖,IOS的App Store, Android的Google Play, 和Windows Phone的App+Games。我建議你檢查一個服務并且看看這個服務是怎么跨越手機平臺的,這樣你就能明白平臺之間的風格和不同。例如,在下面你可以 看到Facebook在IOS,Android和Windows Phone

你也應該查閱各個平臺的官方設計指南文檔,因為各個平臺都有各自的風格和指南是你要遵循的。你可以查看iOS 人性化界面指南,Android 用戶界面指南, 和 Windows Phone用戶體驗設計指南
視覺靈感
移動生態系統在實驗和創新的基礎上日新月異,每天都有很多設計方法出爐。從閱讀應用,到圖片分享,生產工具和todo記事,有各種各樣的應用人們可以使用。每一個應用都有自己特殊的視覺效果和感覺。這依賴于應用的使用目的和內容。
視覺知識在任何領域都有,所有設計者都需要好好提高。在移動設計方面,我相信視覺更佳重要,因為每天都有新界面,新設計模式和新的移動風格。每當你為自己的項目工作時,通過觀察和分析別的設計,它會告訴你一些更好的知識,更豐富的視覺設計信息。

你應該鼓勵自己,好的應用創造出來就像說話一樣簡單。一些網站比如mobile-patterns.com和pttrns.com有很多高質量的移動應用設計圖。如果你需要一些iOS圖標的靈感,其實就是以應用的品牌圖標,可以去iicns.com找找。
視覺靈感不僅因為它是應用程序的樣子而重要,還因為在用戶與它交互操作。努力學習所有可能的手勢,了解用戶想要與這個應用程序操作,問自己什么是最簡單、最自然的方式來完成一個動作,你怎么能真正創造出來?
手機應用設計模式
在開始設計之前,你應該學習一下現有的手機應用設計模式,并且還要考慮用戶的需求期望。接下來我會做一個簡單的介紹。
設計模式被定義為為解決常見問題而提出的可被重復利用的方案。特里薩尼爾(Theresa Neil)寫過一本非常好的關于手機設計模式的書,你可以在 mobiledesignpatterngallery.com上得到這本書還有手機設計模式的很多內容。

在這些設計模式中,你可以學習和分析各種各樣的接口,菜單和導航條;根據手機應用的內容和目標不同,你可以使用它們作為你的手機應用程序設計的基礎。
在手機上,有幾種方法可以完成相同的操作,至于取舍取決于你,設計師要設計并選擇最有效的方式。設計模式真的很有用,因為你可以找到解決已有問題的 簡單解決方案,并且你能夠知道它會如何作用于你的應用程序界面。你要這樣開始你的手機設計:在大腦中認真思考測試應用布局,考慮哪樣做更適合你的應用程 序。
問你自己這些問題:“我的應用程序的主要目標是什么?”“在我的應用程序中,有多少、有哪些最重要的部分?”“讓用戶都會使用我的應用程序,需要設計哪些種類的操作?”,這些問題會幫助你選擇設計模式以及祝您定義應用程序的基礎布局。
開始設計
有了一些信息后,測試,觀察,激勵并比較你能做什么和你要做什么后,就要開始準備些設計工具了。但無論如何你不應該立刻打開Photoshop就開始畫了。要先思考,再畫草圖,再做原型,然后重復這些步驟。
對于草圖,你可以找本iPhone草圖書, 或者只下載些模板。這能幫你按照iPhone的布局,把你的設想畫成草圖。
有一些草圖以后,你就大概就像做一個應用的基礎版本,一個原型。 這里有很多原型你可以參考,找一個包含iOS模板的,這樣你簡單的修修改改就能有一個大致的樣子。

一旦你的主屏和布局選好, 你就可以開始在Photoshop中創建最終漂亮的圖片。我推薦你找一套像teehan+lax iOS templates這樣的PSD來做。這樣你就不需要設計那些基本的元素了,像按鈕、菜單和通知欄等等。如果你在設計安卓的應用, 可以去這里。
已經有很多的設計資料來幫你設計應用。Pandora UI from Designmodo是一個完整的用戶界面包,風格各異,你可以簡單的選你喜歡的用在你的應用上。

移動應用設計示例



結語
在立刻著手開始設計移動應用之前,還有一些很很總要的事情。一如往常,每個人都有自己的工作流程,有自己偏好的應用,所以,試著選擇你的平臺,你最喜歡的設計軟件,你的模板,在移動領域發揮你的創造力,這是一個很好的平臺。
當你設計完成后,盡可能同開發者更緊密的合作,以保證你的視角和設計在開發后同你想象的一樣,這樣你就能對開發者幫助指導,給予他們需要的資源。同網頁開發一樣,這是一個無聊且棘手的工作,但它確實必須的,這樣你的產品才能達到你所預期的效果。
























