top of page

(三)網頁設計案例實習(線上購物平台)

(III) Case Study: Websites Design (Online Shopping Platform)

本章節會詳細介紹網頁(線上應用平台)的UX以及UI設計相關知識--從進行用戶研究、思考設計產品的出發點,到搜集產品資料、製作用戶人物誌、心智圖、產品基本架構,再到運用Draw.io設計用戶流程、使用Penpot製作線框圖和初階產品原型、製作產品相關的組件,接著完成頁面連接、動畫效果添加,最終進行原型測試,學員將會在課堂上完整體驗專業的UX和UI設計流程。

課程末尾,教師將指導學生將課堂上所完成的作品編成個人作品集,以便課程結束之後使用。

( 1. UX/UI基本概念
2. 不同產品的UX/UI例子
3. UX以及UI必備的設計元素
4. 資源搜尋能力
5. 軟件操作能力
6. 基礎審美能力
7. 製作手機程式、網站、手機遊戲等產品原型的能力
8. 製作產品相組件能力
9. 製作完善的個人作品集的能力)

12

中文

學習成果

1. 分析現今市場上流行的線上購物平台的UI/UX特點及優勢
2. 學會資料搜集、製作用戶人物誌、心智圖、產品基本架構的方法
3. 學會使用Draw.io設計用戶流程、線框圖、初階產品原型的方法
4. 了解產品相關資源搜索和設計的方法(產品品牌圖案、圖片編輯等)
5. 了解進階產品原型介面設計的方法 (顏色色彩、字體、圖片運用)
6. 學會網頁頁面設計的方法(例如登錄頁面、登陸頁面、儀表板、設置頁面等)
7. 了解原型連接(頁面連接及動畫效果設定)及最終原型測試的方法

KEP_06.jpg

我们专有的网上学习平台,并与免费的创意和生产工具无缝协作,为 DECT 教育即时提供作业和学习材料管理、远端协作、分析等功能,满足不同使用者的学术及管理需求。

OS_02.jpg

培训专业教师计划是维持数谱生态系统的基石。这是一个可扩展的专业发展模式,当中全面的 DECT 内容和学习管理系统可分别为教师提供相关支持。

smiling-young-asian-teacher-making-selfie-with-her-2022-03-30-14-59-24-utc.jpg

学生展才计划为学生提供在全球数字经济中不可或缺的知识、技能和工具, 有助学生掌握在未来世界中出类拔萃的生存技能,脱颖而出。

OS_03.jpg

Krystal OTP 包含所有办公室软件,有效提升日常工作效率和减轻营运成本,为当今多元化 的业务营运需求提供了完善解决方案。  

hand-with-tattoo-point-on-the-cyber-table-2022-12-15-23-00-27-utc.jpg

一项综合计划,旨在为个人 和公⺠提供必要的数字能力和软技能,以便在数字经济中生存。为了在数字时代保持竞争力和繁荣,各国需要为其公⺠提供必要的知识、技能和工具。

DECT_02_OPEN_01.jpg
DECT_06_CP_ERB_B_03.jpeg
DECT_01_AI_02_01.jpg
DECT_03_SC_014_01.jpg
DECT_07_CP_ERB_G_04.jpeg
DECT_05_OTP_05_01.jpeg
DECT_01_OPEN_02.jpg
DECT_06_CP_ERB_C_04.jpeg
DECT_03_AI_06_01.png
DECT_03_SC_016_01.jpg
DECT_07_OLE_17_01.jpeg
DECT_05_OPEN_03.jpg
DECT_01_AI_01_04.jpg
DECT_06_OPEN_02.jpeg
DECT_01_AI_07_01.jpg
DECT_03_OPEN_02.jpeg
DECT_07_OPEN_01.jpg
DECT_05_OTP_05_01.jpeg
DECT_07_I_02_01.png
DECT_06_CS_02_02.jpg
DECT_01_AI_05_02.png
DECT_03_CP_ERB_He_05.jpg
DECT_07_CS_01_04.png
DECT_09_open_01.png
bottom of page