:::
網站導覽
聯絡我們
淡江首頁
Toggle navigation
淡江大學高等教育深耕專區
最新消息
深耕簡介
成果展現
活動花絮
影音專區
下載專區
相關連結
活動花絮
日期:2021-10-23
點閱:118
參考檔案:
UI設計實務 & Figma工具介紹
SDGs:優質教育
學生自我介紹
課堂的一開始,Wilson老師跟學生們分享UIUX的現今趨勢以及工作內容。當中也述說了UIUX的崗位分成三大類,分別有UR (User Research)、UX (User Experience)、以及UI (User Interface)。接著課堂內容就進入了設計流程的解說,這包含了使用者故事、功能圖、流程、UI Flow & Wireflow、GUI、以及原型製作。其中老師也跟學生說明,在製作一個功能的時候,每個Wireframe都要思考六種狀態(空白、讀取中、局部資料、錯誤、理想、極限),這能讓工程師了解整個網頁/程式的畫面。而在課堂的後半段,老師指導學生們使用Figma製作簡單的網站頁面,以及利用不同效果製作可互動的原型。總結來說,學生們在這次的學習都很清楚一個網頁/App製作前的過程。
業師授課
業師講解 Wireframe 的製作
利用Figma 畫Icon的教學
課堂 Figma實作
Figma 教學
計畫別:課程教學開創新局--課程活絡多元適性
發佈單位:資傳系
上一則:
文創學程演講「香港攝影記者如何面對巨變?」
下一則:
台灣飲食文化與歲時節儀