top of page

UX/UI Design Flow and Applications

Practical Applications of UX/UI User Interface

Cantonese

Face-to-Face

45 Hours

Start date: N/A

Course Length: 45 hours

Location: InnoCentre, 72 Tat Chee Avenue, InnoCentre, Kowloon Tong, Kowloon, Hong Kong

*A professional certificate* will be awarded by Krystal Institute upon completion of the course.

Student will use Penpot. This course will introduce UX and UI design-related knowledge in detail-from conducting user research, thinking about the starting point of the product design, to collecting product information, creating user blogs, mind maps, and the basic structure of the product, to using Draw io to design the user flow, using Penpot to create wireframes and preliminary product prototypes, creating product-related components, and then completing pages connection and animation-adding, to finally doing prototype testing, students will experience the complete professional UX and UI design processes in the class.

 

At the end of the course, the instructor will guide students to compile their work completed in classes into a personal portfolio for use after the course.

Target audience: If you are interested to work as a product developer or UI/UX designer, this course is for you.

*Students need to bring their own laptop*

What you will learn

  1. Basic concepts of UX/UI

  2. UX/UI examples

  3. Design elements necessary for UX and UI

  4. Searching skills

  5. Software operation skills

  6. Basic aesthetic skills

  7. Skills in creating prototypes for mobile apps, websites, mobile games, etc.

  8. Skills in creating product components

  9. Skills in creating a personal portfolio

Course Description

By conveying the concepts and leading students through the UI/UX design process, the course will enable students to acquire knowledge through a combination of theory and practice. Each production case in the course is accompanied by an assignment for students to complete on their own to allow students knowledge to be assessed at the end of the class. Upon completion of the course, each student/group should be able to design a new user interface for an existing website/app.

penpot-logo.png
DECT_P.png
UXUI_abcd_ENG-01.png
Blender_dis_Eng.png
TOPIC1.png
PPPP.jpg

Fundamentals of UX/UI Design and

Penpot's Basic Functions

This chapter will first introduce the basic concepts of UX/UI and the necessary elements of UX/UI design in detail with case studies. After that, the teacher will introduce the basic operation of Penpot aiming to enable students to master this free UI/UX tool in a short time. Finally, the instructor will guide students to use different tools to complete simple graphic designs to further deepen their understanding of UI/UX related knowledge.

Date:  N/A

Fee:    $ 1800

TOPIC3.png
onlines.jpg

Webpage Design Case Study

(eCommerce website)

This chapter will introduce UX and UI design-related knowledge of websites (online shopping platform) in detail-from conducting user research, preliminary structure of product design, to collecting product information, creating user blogs, mind maps, and the basic structure of the product, to using Draw io to design the user flow, using Penpot to create wireframes and preliminary product prototypes, creating product-related components, and then completing pages connection and animation-adding, to finally doing prototype testing, students will experience the complete professional UX and UI design processes in the class.

At the end of the course, the instructor will guide students to compile their work completed in classes into a personal portfolio for use after the course.

Date:  N/A

Fee:    $ 2400

TOPIC2.png
hey5_NY ebanner.png

Mobile Application Design Case Study

(Takeout software)

This chapter will introduce UX and UI design-related knowledge of mobile applications in detail-from conducting user research, preliminary structure of product design, to collecting product information, creating user blogs, mind maps, and the basic structure of the product, to using Draw io to design the user flow, using Penpot to create wireframes and preliminary product prototypes, creating product-related components, and then completing pages connection and animation-adding, to finally doing prototype testing, students will experience the complete professional UX and UI design processes in the class.

At the end of the course, the instructor will guide students to compile their work completed in classes into a personal portfolio for use after the course.

Date:  N/A

Fee:    $ 2400

TOPIC4.png
cann.png

Mobile Game Interface Design Case Study (Candy Crush)

This chapter will introduce UX and UI design-related knowledge of mobile game in detail-from conducting user research, preliminary structure of product design, to collecting product information, creating user blogs, mind maps, and the basic structure of the product, to using Draw io to design the user flow, using Penpot to create wireframes and preliminary product prototypes, creating product-related components, and then completing pages connection and animation-adding, to finally doing prototype testing, students will experience the complete professional UX and UI design processs in the class.

At the end of the course, the instructor will guide students to compile their work completed in classes into a personal portfolio for use after the course.

Date:  N/A

Fee:    $ 2400

UXUI TRIAL
UXUI Seminar

图像处理与平面设计实战入门工作坊

Krystal Institute 与 能仁专上学院合办一系列的DECT职业课程,从技术、实战、心法等方面着手,让初进领域的你,都能找到让专业能力更上一层楼的窍门。

 

工作坊将透过范例,讲述设计基本概念,带领对艺术和平面设计有兴趣的初学者,一步步深入浅出学习平面设计的工具基本使用方法。

今次导师仲会为你讲解如何利用插件输出 NFT,如果对平面设计有兴趣或者想了解更多关于课程资料的人士,就万勿错过啦!

Quota:30 participants

Length:1 hours

Language︰Activities, sharing and Q&A sessions will be conducted in Cantonese

Fee:Free

Course Contents:

Basic operations of Penpot

Using Penpot to create mobile UI for iHome

Using Penpot to create web UI of iHome

Prototype interactions

UXUI_home.png

开课日期: 2022年7月14日(星期四) / 7月21日(星期四)

时间:晚上7时至8时30分

地点:九龙塘达之路72号创新中心地下Classroom 4

费用:全免

Ms. Sam Ngai

Ms Ngai possesses more than 20 years of solid experience in the design and production field. She is especially proficient in 3D/2D graphics and interactive designs, and had served from high end brands to wide ranges of lifestyle brands, like J.crew, D-mop, IT and had collaborated with New Era, covering all walks of lives. Ms Ngai has a great deal of experiences and skill with applying softwares such as Adobe Series, Maya, 3D Max, Revit in design and digital projects.

Trainer Profiles

Mr. Luca Au Yeung

Mr. Au Yeung has been working in the graphic design industry for 5 years. He excels in utilizing different art forms and painting styles in his works, and has various insights regarding the use of multiple design software such as Blender, Inkscape, etc.

Start date: N/A

Course Length: 45 hours

Location: InnoCentre, 72 Tat Chee Avenue, InnoCentre, Kowloon Tong, Kowloon, Hong Kong

*A professional certificate* will be awarded by Krystal Institute upon completion of the course.

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