設計師自我進修請參考:一次打包 11 個最好的行動應用設計線上教材

8591897602_556f950e09_z

《TO 導讀》 :現在不管是想接觸哪個領域,幾乎在網路上都能找到相應的自學資源。然而,越是熱門的領域就有越多的自學教材,就算窮極一生也看不完,本文作者 Ada Ivanoff 便挑出 11 個她最為推薦的行動應用設計教材。以下由作者本人第一人稱描述。

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

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

  • 如何在 Android Studio 中設計 Android UI/GUIs?

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

Android Studio

  • iOS9 自我調整佈局教程開始

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

Adaptive Layout

  • 從頭設計 iOS8 App:在 PS 上學習設計健康 APP

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

iOS 8 Design

  • Material 設計入門

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

Material Design

  • 用 Android 設計支援函式庫來進行材質設計

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

Android Support Library

  • 手機操作中的回應式圖像

回應的設計概念並不局限於手機設計,但是由於回應能力是手機設計的必需,這個資源是值得一讀的。這個教材並不覆蓋所有內容,但是它提供了靈活的基礎解釋,而且大大超出了這個範圍。

Responsive Images

  • 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 上有教程提供(需要收錢)。

Android UI

  • Andorid 人性化特徵介紹

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

Android Accessibility

  • 為你的 Web 網站打造一個非常棒的手機功能表

如果你正在建一個網站 (行動的或者桌面的),你通常都需要功能表。在手機上螢幕受到限制,然而好的功能表甚至更重要。關於手機功能表的最好的資源之一就是這個教材了。它清晰地解釋了所有你必須知道的關於創建手機菜單的一切,例如:如何用 CSS 或者 JQuery 創建動畫,如何測試你的菜單,如何讓它們快速地回應,如何創建滑動和彈出菜單。

Mobile Menus

  • 如何用純粹的 CSS3 創建一個手機網站?

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

CSS 3 Mobile

  • Responsive Data Tables:一個綜合性的表格解決方案清單

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

Responsive Data Tables

  • 總結

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

(本文獲《碼農網》授權刊登轉載,圖片來源:clasesdeperiodismo CC Licensed,未經授權請勿轉載。)

  • 延伸閱讀:

最強 UI 設計守則:遵守以下 75 點,讓你擁有完美界面設計
尊重設計專業不難,先從分辨 6 種不同設計師的工作內容開始!
RWD、視差動畫,10 佳 HTML 5 網頁模板讓你看見現在最夯設計趨勢