「手把手教你設計」—12個最佳手機APP界面設計教程

UI/UX 設計確實是須要必定的經驗和學識才能真正在這個行業立足，並非全部想成爲設計師的人最後都能如願以償。他須要對設計有基本的瞭解，清楚設計的基本原則。

用戶界面設計師和其餘行業設計面臨同樣的挑戰，那就是用戶是怎麼想他們產品的，是否功能易用？是否美觀讓人愉悅？因此，咱們能夠看出UI設計是關於平衡可用性和可視化的。

這篇文章集合了12個最佳手機用戶界面設計的教程，雖然教程偏向初學者，但我相信即便是很優秀的設計師仍然能夠從中學到新的東西。

如何使用Photoshop來設計手機UI界面

1. How To Set Up Photoshop For UI Design

若是你是Photoshop的新手，又在作UI設計，這個教程教你如何使用經常使用的Photoshop設置來達到更好的效果。本文是以iPhone爲實例告訴你怎麼在UI設計中使用Photoshop，徹底是初學者的教程。

 

2. How to Design an iPhone App in Photoshop

這篇文章將爲咱們介紹使用Adobe Photoshop爲iPhone設計一個簡單的3頁目錄列表應用程序。而且將一步步地指導你完成這些步驟，還涵蓋了使用Photoshop設計iPhone應用程序的全部基本原則。

3. Design an App Landing Page in Photoshop

在這個教程中，咱們能夠看到一個應用程序着陸頁的詳細設計過程。設計師使用Tuts + Android應用程序進行演示，強調其功能和優點，利用多個CTA來完善整個着陸頁的設計。

4. How To Design a Mobile App Signup Screen in Adobe Photoshop

若是你想要設計一個像Facebook或者Instagram這樣成功的登陸界面設計，那麼這個徹底是你必看的基礎教程，視頻中教你如何選擇顏色，設計按鈕以及詳細的步驟來展現登陸界面的設計過程。視頻雖然是四年前的，可是裏面的設計依舊不過期。

 

如何使用Sketch來設計手機UI界面

1. A Step-by-Step GUIde for Starting a New App Design Project in Sketch

開始一個新的設計項目是很難的，不管你是自由設計師，仍是在知名的產品公司工做，時常會感到迷茫。本文將一步步的教你如何使用Sketch開始一項新的APP設計項目。

2. Food App UI • Sketchapp Tutorial / Sketch 4 Tutorial

視頻主要是介紹如何使用Sketch製做一個美食類APP 菜單欄UI設計，簡單易懂。

3. Sketch 3 for iOS App Design Step by Step

Sketch 3是一款優秀的矢量設計和圖形程序，很適合用於設計iOS應用程序。在這個視頻中，設計師使用Sketch 3來設計一個iPhone APP用戶界面。From Idea To Reality: Designing An App With Sketch And Xcode 這篇文章是進階版的APP 設計教程，從理論到具體的例子講解，很是受益。

4. Sketch App Tutorial – Build a music app landing page in Sketch

Sketch 做爲當下主流的設計工具，彷佛有超越Photoshop的趨勢。本視頻介紹的是如何使用Sketch來製做一個音樂APP登陸頁設計，能夠說是手把手的教程，每一步都很是的詳細細緻，很是適合初學者。

看了前面的音樂類APP登陸界面的教程， 你是否也想設計出一個屬於本身的音樂APP呢？接下來我將介紹如何經過結合Sketch和原型設計工具設計一款音樂類的APP（Prototype an music app with prototyping tool）

TIMING

這款原型音樂類的APP在Mockplus設計大賽中斬獲頭籌，設計師經過採用Sketch以及Mockplus的結合，作出了高保真原型。這個APP主要體現一種復古的視覺效果，磁帶轉動的效果是此次視覺上的設計重點。

 

必讀的手機界面UI設計好文

1. The 10 principles of mobile interface design

計算機和手機是人們平常工做和生活必備的通信工具。但在許多方面，手機每每更增強大，手機更加的私人化，與咱們的聯繫更緊密。鑑於移動手機和計算設備之間的許多差別，移動設計與桌面設計的設計大不相同。這篇文章詳細的向咱們介紹了移動界面設計的基本原則，幫助設計師們開發移動應用程序的獨特力量。

2. UI Design Do’s and Don’ts

iOS良好的優化了用戶面設計，並提供給用戶優質且具備吸引力的用戶體驗。在開始你的iOS設計以前，必定要清楚Apple官網的關於iOS常見的設計原則，來在加強手機應用的可用性和吸引力。更多關於優秀的iOS界面設計，請閱讀iOS人機界面指南。 

3. How to use colors in UI Design

顏色能夠說在UI設計中相當重要。用的好，那就成功了一半，用很差，可能致使整個應用失敗。在你的配色方案中，最好只使用三種主色跳，使用的顏色越多。越難實現平衡。這篇文章不但提到基礎的用色知識加上實例解釋，還有經常使用的工具介紹。

4. 10 Best APP UI Design for Your Inspiration

每位UI設計師都夢想着作出最出色的界面（UI）設計， 可以脫穎而出的手機界面設計則少之又少。設計師們在設計UI界面時，每每會參考來自不一樣設計師的設計，這篇文章列出了2017年最出色的的10個手機應用界面設計範例，給設計師們謀福利。

 

總結

移動設計不斷地在發展，若是你想跟上這個時代，你須要不斷閱讀和觀看高質量的教程或文章。在本文中，我收集12個最佳教程的示例來教初學者如何學習手機UI界面設計，但願大家能從中受益。