Frontend Designer 與 UI: 設計⽂法與實作，第二版
仕橙版第 03 期
你有美學的概念嗎︖？透過正確的欣賞來了解美學的概念,為 UI 與 APP 注入生命⼒力。設計也有法則,稱為設計的⽂文法。
像是英文文法，設計的文法，讓你做出正確又具美感的作品，Flat UI 讓身為工程師的你不用深入美術層面，也能製作出漂亮的 UI 版面；在系列課程中，讓你開始建立「美學的概念」，學習「設計的文法」。工程師動手做設計，一點都不難。
課程方向
學習設計的文法，建立設計向的思想考，讓你做出正確又具美感的作品
建立美感
欣賞藝術對人們來說是一件重要的事，因為我們生活在一個高度視覺化的社會裏，理解，觀看，並且思考圖像交流的各種方式，而這些行為已佔據了現代人生活的絕大部分，如食有食的安排，衣有衣的設計，住有住的規劃等，無一不與視覺感受有關。
Frontend 的設計
Landing Page 是一個軟體或網站等的大門，好的 Frontend 設計，可以讓使用者了解軟體或網站想要表達或呈現的內涵意義，進而吸引使用者進入。
課程代號
UX100
課程簡介
你將會學到：
- 圖像思考的各種方式
- 美學的概念
- 製作出漂亮的 UI 版面
- 設計的步驟
- 色彩與配色
- 使用 Bootstrap
課程大綱
上課時數：12 小時，共計 2 天。
| 時程 | 上課大綱 | 講師 |
| 第1天 09:30am-4:30pm |
第01堂課: 甚麼是設計 1.1 簡介設計的歷史 1.2 為什麼你的作品需要設計? 1.3 介紹設計的步驟 1.4 藝術與設計有何不同? 第02堂課: 構圖的奧秘與視覺的張力 2.1 介紹造型的基礎 2.2 簡介⻄西洋美術史與 UI 的演進關係 了解安排 UI 的技巧 第03堂課: 認識色彩與配色關係 3.1 認識顏⾊色 3.2 基礎⾊色彩學 ⽤用⾊色的法則 第04堂課: 記錄你的想法 (草圖的重要性) 4.1 實作設計的步驟 4.2 了解草圖製作⽅方式 第05堂課: UI 設計:結構篇 (自備白紙與鉛筆)  5.1 練習與理解基本型以及可能的變化 第06堂課: UI 設計:⾊彩篇 (自備色鉛筆或蠟筆) 6.1 練習⾊色彩的應⽤用 |
Leon（林為志老師） |
| 第2天 09:30am-4:30pm |
第07堂課: UI 與 Layout 的設計文法 7.1 ⽤HTML5與CSS3實際製作UI 7.2 簡單的Front-End Framework 應⽤用 第08堂課: RWD：跨裝置的網頁設計 8.1 了解什麼是Responsive web design 8.2 簡介網⾴頁設計的演進 第09堂課: 從草稿到數位化 9.1 製作草圖 9.2 透過HTML5, CSS3, Bootstrap3 將草圖實際製作成網⾴頁 9.3 練習設計的⼩小技巧 第10堂課: Landing Page 行銷頁面實戰 10.1 什麼是Landing Page? 10.2 製作Landing Page 該注意什麼? 10.3 簡介 UX |
Leon（林為志老師） |
先備知識
● 能撰寫基本的 HTML5 語法，或使用過 Bootstrap
報名費用
NT$10,800（上課時數 12 小時，共計 2 天）
優惠方案
● 本課正提供預約報名優惠。預約報名課程，直接享有 69 折(NT$ 7,500)的最棒折扣：我要預約報名（請等候繳費通知、暫無須繳費）
● 開課前一週，天天早安鳥；開課前完成繳費享有「早安鳥」88 折優惠價 (NT$9,500)
● 持 VIP Code 或仕橙會員卡，再折 NT$1,000
● 持仕橙折價卷：依面額折抵，一門課程限用一張，可搭配 VIP Code 或仕橙會員卡使用
● 持仕橙折價卷的學員，請於填寫報名表時勾選，並於開課當日繳交，如無法繳交折價卷者，須補繳課程費用
開課時間
● 日期：2015年未定，仕橙第二版第 03 期
● 時間：09:30~12:00，13:00~16:30 (9:00AM 開始報到)
講師介紹
Leon Lin（林為志）
藝術家，美術設計師。藝術作品多為油畫創作。設計作品橫跨空間，平面，Website，UI與UX等領域，偶爾也寫點程式。 Mokoversity 的 Full Stack 全端開發訓練營導師
開課紀錄
- 仕橙版第03期 預約中(台北)
- 仕橙版第02期 已於 2014/10/26 結訓(台北)
- 仕橙版第01期 已於 2014/08/24 結訓(台北)
上課地點
台北市博愛路 (詳細教室資訊另行公佈)
我要報名
● 下載報名表 (.doc)
● 下載報名表 (.pdf)
● 本課正提供預約報名優惠。預約報名課程，直接享有 69 折(NT$ 7,500)的最棒折扣：我要預約報名（請等候繳費通知、暫無須繳費）
● 『預約報名』說明：
- 1. 凡想參加課程者皆可事先預約
- 2. 僅預約，不需繳交任何費用
- 3. 待上課日期公布後，評估是否可以參加該期課程，如可以再進行課程繳費（預約優惠價）
- 4. 如無法參加該期課程，亦不需繳交任何費用
- 5. 預約人數超過六位以上，即公布上課日期
- 6. 上課日期公佈後，即無法享有預約優惠價格
預約報名
課程注意事項
- 1. 課程費用皆不含匯款／轉帳手續費
- 2. 請自備下列文具上課
- ● 素描本
- ● 鉛筆
- ● 軟橡皮擦
- ● 色鉛筆（蠟筆）
- 3. 本課程為實作導向，為達最好的學習效果，請學員自備 NB，並安裝 Photoshop(illustrator)。若有任何問題請來電詢問
- 4. 報名時，請詳閱報名方式的「學員須知與注意事項」，以維護您的權益
版本變更紀錄
- Ver 1.1 (2015.03.15): 第2版更新
- Ver 1.0 (2014.05.10): 第1版上市
