1. 具備基本的設計能力與美學
  2. 有 Web Design 設計與刻版的基礎經驗
  3. 過去多用 Photoshop / Illustator 進行設計

設計基礎通識(必讀)

中文文案排版指北 https://github.com/sparanoid/chinese-copywriting-guidelines

  • 統一中文文案、排版的相關用法,降低團隊成員之間的溝通成本,增強網站氣質。

PIXEL PERFECT PRECISION HANDBOOK 3

  • 《紀念碑谷》開發商 ustwo 所分享的 UI / UX 設計指南
  • PDF http://us2.co/2dJGBSj
  • iBook http://us2.co/2dJHme9
  • 其實是個簡報形式的小書,字少圖多翻一翻還算快看完。如果看日文速度快的話可以看日文版。

Web UI Design

Google Web Fundamentals 《Design & UI》 (必讀)https://developers.google.com/web/fundamentals/design-and-ui/

  • 至少看過上面兩部份《Responsive design》跟《Basics of UX》,其他部份可以等實際上碰到再翻閱

【書籍】響應式網頁設計學習手冊 http://www.taaze.tw/sing.html?pid=11100729127

  • 有從零開始做過 RWD 網站的話先看 Part 1 跟 Part 3 ,再看 Chapter 10 以前的各章節
  • 沒有的話請從 Chapter 1 念到 Chapter 10

Visual Design

訂閱 or 時常逛下面的 Blog

安裝 Panda 或 Muzli 外掛,有空就看看

【書籍】好設計,4個法則就夠了 http://www.taaze.tw/sing.html?pid=11100754046

  • 非視覺設計背景必看必看必看

Front-End Design

學習 CSS 版面配置(必讀) http://zh-tw.learnlayout.com/

【線上課程】CSS Cross-Country https://www.codeschool.com/courses/css-cross-country

工具相關

Sketch

Bootstrap

--

--

在網路業界打滾的設計師 Itsuki Lin 的個人網站。 RSS > http://feeds.feedburner.com/otoitsuki / Plurk > https://www.plurk.com/otoitsuki

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store