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 the 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 process in the class.

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

Target audience: Working as a product developer or interested in UI/UX design

*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 explaining the concepts and leading students through the UI/UX design process, the instructor 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 so that the instructor can assess their knowledge 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, so that students can 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 the UX and UI design-related knowledge of websites (online shopping platform) 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 process in the class.

 

At the end of the course, the instructor will guide students to compile their work completed in class 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 the UX and UI design-related knowledge of mobile applications 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 process in the class.

 

At the end of the course, the instructor will guide students to compile their work completed in class 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 the UX and UI design-related knowledge of mobile game 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 process in the class.

 

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

Date:  N/A

Fee:    $2400

 
 

UX/UI Designer

Trial Class

Krystal Institute and Nang Yan College are collaborating to offer a series of DECT vocational courses. Regardless of your experience, we will provide you with the suitable technical training, practice opportunities and spiritual insights so that you can take your professional skills to the next level.

 

In this course, our experienced web designers will demonstrate how to quickly design mobile applications using UX/UI design methods. The course will begin with the basic operations and functions of Penpot, so that beginners can get used to the software as soon as possible. Then, the course will delve into Penpot's more advanced functions and composition techniques. Lastly, students will be taught how to finish a UI prototype design using mobile application and web UI examples demonstrated in class.

Quota:30 participants

Length:1 hours

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

Fee:Free

Course Contents:

Learning the basic operations of Penpot

Using Penpot to create the mobile UI for iHome

Using Penpot to create the web UI of iHome

Prototype interactions

UXUI_home.png

Date:13 October (Thursday) and 20 October 2022 (Thursday)

Time:7.00pm - 8.00pm

Venue:Online seminar (Zoom)

Ms. Sam Ngai

Ms Ngai gains more than 20 years of solid experience in the design and production field. She is especially professional in 3D/ 2D graphics and interactive designs, from high end brands to wide ranges of lifestyle brands , like J.crew, D-mop, I.T. and collaboration with New Era and that suit all walks of lives. Ms Ngai has a great deal of experiences and skill with applying softwares such 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 syles 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.