11個最好的移動應用設計教程

本文由碼農網 – 唐李川原創翻譯，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

移動設計領域正在不斷地發展，如果你想要獲取最新的移動開發資訊，那麼你永遠都需要讀書和看高質量的教程。好訊息是我們可以有很多選擇，但壞訊息是，即使集齊你一生的時間，都看不完所有的書籍教程。

在這篇文章中，通過我艱辛的收集，為大家整理了11個最好的移動應用設計教程，無論你是初學者還是經驗豐富的設計師，應該對你都會有很大幫助。

1.如何在Android Studio中設計Android UI/GUIs

如果你像我一樣受夠了使用Eclipse來進行GUI設計,你將會對這個video教程感興趣。它告訴Eclipse使用者怎樣用Android Studio來為你的app產生使用者圖形介面。這個視訊很長(接近一個小時),但是視訊安排合理而且容易接受。

2. IOS9自適應佈局教程開始

IOS9引入的自適應佈局支援多螢幕尺寸改變了遊戲規則。如果你對這個概念不熟悉,這個教程詳細介紹了IOS9的自適應佈局。這個教程提供了所有你想知道關於自適應佈局的深入解釋,像universal storyboards,大小類別,佈局和字型定製和預覽助理編輯。這是我在同類中能找到的最有幫助的教程而且它值得所有IOS設計者一讀。

3.從頭設計IOS8 App：在PS上學習設計健康APP

IOS8還沒有過時,如果你仍然需要支援它,這個教程是必須瀏覽的。這個教程超過半個小時然而講解非常好,如果要想全面理解所有內容那就要做好看一遍以上的準備。如果你是對PS不熟悉,那學習是有一定難度的。這個教程有可下載的檔案,所以你自己可以跟著設計步驟來實驗。

4.Material設計入門

Material 設計現在對Android手機設計或者正在為Android做設計的你來說很重要,你應該根據它的原理來做。在眾多的Material 設計資源裡,開始學習的地方是來自Google的Material 設計說明書。如果你想了解更多,首先看Material 設計例項,此外閱讀SitePoint上的這些材質設計教程。

5.用Android設計支援庫來進行材質設計

除了上述提到的關於材質設計的說明書和教程,Android設計支援庫也是重要的資源。如果你不熟悉,儘可能跟著這個Android設計支援庫教程來學習。這個教程需要你有一些程式設計知識而且包括一個程式碼下載,這樣你就可以親自測試了。

6.手機操作中的響應式影像 

響應的設計概念並不侷限於手機設計,但是由於響應能力是手機設計的必需,這個資源””是值得一讀的。

這個教程並不覆蓋所有內容,但是它提供了靈活的基礎解釋而且大大超出了這個範圍。

7. Android UI 教程:佈局和動畫

最好的Android UI 佈局和動畫教程之一是這個.它教你怎樣用Android Studio來建立不同的佈局(frame layouts, linear layouts, relative layouts, and grid layouts),檢視Views (TextView, ListView, ImageView, GridView, RecyclerView)和Motions (Property Animation, drawable Animation)。這個教程適合新手和高階設計師並且只在GitHub上有教程提供(需要收錢)。

8. Andorid人性化特徵介紹

在一個好的設計者的觀念裡可用性和人性化超越了其他一切。這個教程詳細介紹了大量Android人性化特徵,例如怎樣給UI元素新增文字描述,沒有觸控式螢幕如何導航,如何打造你自己的人性化服務和如何測試這種人性化。

9.給你的Web站點打造一個非常棒的手機選單 

如果你正在建一個站點(移動的或者桌面的),你通常都需要選單。在手機上螢幕受到限制,然而好的選單甚至更重要。關於手機選單的最好的資源之一就是這個教程了。它清晰地解釋了所有你必須知道的關於建立手機選單的一切,例如

如何用CSS或者JQuery建立動畫，如何測試你的選單,如何讓它們快速地響應,如何建立滑動和彈出選單。

10.如何用純粹的CSS3建立一個手機站點

有時你不需要多麼高階的開發工具,僅僅需要CSS就能建立一個相當好的移動站點。這也許是一個很原始的方法,因為即使是這篇教程的作者也在”How to Build a Simple Mobile Website with CSS3”上警告說這裡的程式碼並不適合所有的手機。然而,如果你對設計移動站點一無所知而不是APP並且你在找一個簡單的方式來建一個吸引人的移動站點,這是一個非常棒的資源。

11. Responsive Data Tables:一個綜合性的表格解決方案列表

表格是需要響應的另外重要的UI元素。有很多方法能夠實現,這篇文章列出了基於JavaScript的絕大部分選項。你仍需要學習如何用Bootstrap,Foundation,Stacktable.js,Tablesaw和RWD-Table-Patterns來製作響應資料表。為了圓滿結束,這裡有一個截圖,在它上面是用純CSS方法來建立資料表響應的。每一個方法都有一個程式碼示例,你可以在螢幕截圖下面看見。

總結

這些教程對於你從一個手機設計新手到高手是一個很好的開始。但是不要僅僅滿足這些,用你所學的知識動手去嘗試然後再多學一點,你的技術才會不斷的提高。