UI/UX13.0-全階段-課內專案

第一階段專案

• 海報設計

課堂帶入構圖法則及基本設計元素進行版面切割配置,學習主體擺放與細節調整,提升畫面的空間、層次感,並針對閱讀邏輯帶領學員練習視覺導向分析。

• 品牌設計

從無到有完成商業需求的企業品牌設計,熟練掌握PS/AI基礎高頻設計工具,通過課程帶入字體與圖形的標誌設計方法,並導入CIS設計基本概念及VIS品牌視覺識別的設計應用。

專業技能：

1. 軟體應用基礎 - PS/AI/PR/XD

2. 品牌廣告視覺 - 企業VIS視覺識別系統/線下活動全案設計

3. 平面項目全案 - 匹配個人能力的獨立項目全案

• 摺頁廣告

以幾何佈局作為設計基礎，運用將版面以方形對角切成三角對邊的設計分別展示內容區塊考量是為金融業的摺頁廣告，故選用較為顯著的暖色系中較為激勵指標的紅色為主色調。

第二階段專案

• 企業站設計

培養目標為精通專題頁策劃、設計、提案的電商全棧式設計項目，掌握多平台的響應式布局設計網站。

專業技能：

1.電商全棧式設計 - 精通策劃、設計、提案全流程的設計方法

2.響應式布局網站 - 滿足手機/平板/電腦多平台的設計需求展示

3.商業化項目提案 - 從發想到項目提案的商業項目呈現

• 響應式布局電腦版

• 響應式布局手機版

• 前端代碼設計

• 響應式CSS代碼

• 前端代碼設計NavBar響應交互動作JavaScript

• NavBar實際呈現

• H5手機站設計

了解H5及APP之間的差異性，學習設計規範和結構佈局，製作完整流程最終生成二維碼線上作品。

• 產品精修

學習產品圖片精修原理並打造光影效果，導入透視概念及合成技巧達到精修目的。

產品原圖：

產品打樣添加光澤陰影：

第三階段專案

• APP介面設計

熟悉應用XD等介面設計軟體，掌握ios/Android設計規範

並根據用戶需求獨立完成所有製程，培養學員同時具備多平台規範化設計能力。

• 大屏介面設計

利用色彩的光影變化及對比度製出光暈效果,並增加圖層樣式做層次堆疊,使畫面更加立體豐富,同時訓練學員對於色彩的敏感度和判斷力。

第四階段+五階段專案

UI設計專案針對使用者操作流程及閱讀習慣的邏輯作強化,並帶領學員從原型圖至UI精稿的頁面繪製,完整的理解製程邏輯和實作應用。

• 設計思維

• 互動設計

產品是給用戶使用,正因用戶習慣的存在,導致交互設計是個不強調創新的職位。

好的交互設計:

1. 符合使用者的行為預期

2. 傳達的訊息及目的性清晰

3. 操作反饋的一致性

4. 滿足當下使用場景

5. 頁面的流暢性