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

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

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

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

Time:7.00pm - 8.00pm

Venue:Online seminar (Zoom)

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

our proprietary cloud-based learning platform. It is designed to work seamlessly with free creative and development tools in providing support for DECT education.

OS_02.jpg

Provide DECT Professional TTT Training and Support for Teachers

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

Krystal’s Student Empowerment Programme (SEP) provides students the knowledge, skills and tools necessary to survive in the global digital economy, preparing them for excellence in their future careers.

OS_03.jpg

Krystal OTP includes all the office tools needed to keep daily office tasks running efficiently and economically.

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

is a comprehensive program designed to equip individuals and citizens with essential digital competencies and soft skills to thrive in the digital economy.

bottom of page