design compass
UI design class

Design UI based on principles, not intuition

Apple, Airbnb, Toss
Reasons to be loved

Simple and beautiful design

what design
Does it look better?

Good design exists for a reason.

With a solid theory
Design at a high level

Create beautiful and functional UI

Coaching 100 people
Most Frequently Asked Questions

From non-major students to senior designers

From a designer who couldn't pay the rent
Head of Design

I organized the way I grew up.

Created a design impact
With a director with 16 years of experience

Startup design experience with 1 to 200 employees

learning design
the most effective way

main point reading notes

After reading books, papers, and reports for 16 years,
We have condensed knowledge useful in the field.

Solve the knowledge test

Solve problems based on key notes
I make sure it is completely my knowledge.

Level challenge

Create tasks that apply the knowledge you have learned.
We provide detailed feedback from experts on diligent assignments.

Anytime you get stuck
Ask an expert.

Conveniently through chat, comments, and email

Lifelong collection
lifetime updates

Until everything about UX design is included

curriculum

LV1. user interface

Definition, what is UI design?

How do we use smartphones, computers, and TVs? The user interface is what defines ‘how’ the ‘user’ uses the tool.

History, how has the way of using tools changed?

Humanity had more weaknesses than other creatures. As time passed, various problems arose that the body alone could not solve. We've constantly developed tools to better solve problems, and naturally, the way we use them has also constantly changed.

The body, a human tool that will never change

People use machines to achieve their goals. It is mainly seen with the eyes and manipulated with the hands. The effort a person takes to achieve a goal is called interaction cost. This cost is broadly divided into cognitive load and physical load.

Tools, what can be grasped and what cannot be grasped

Interfaces are divided into hardware and software. Hardware is a physical tool that can be touched by hand, and software is a virtual tool that moves hardware. In human terms, hardware is like arms, legs, hands, and feet, and software is thought and mind.

LV1 exam

Solve test questions to check if what you have learned has become your knowledge.

LV1 Assignment

Create assignments that put your knowledge to practical use. Give and receive feedback until the level is sufficient.

LV2. Graphics for good UI

Color, a colorful visual experience

The color is like fire. Used appropriately, it can get you the results you want, but overused can ruin your design. Color must be used very carefully in product design, as it should help users quickly act on their priorities. 

Text, record of language heard by ear

To exaggerate, it would be no exaggeration to say that 80% in app design is typography. Because it is the most used element, it has a great impact on the overall atmosphere and also has a significant impact on the user's ability to understand the content and act quickly.

Icon, the world's common language that can be read with your eyes

Icons are symbols that emphasize the characteristics of an object and are a visual language that is more universally understandable than other languages. It is represented by UI icons, pictograms, signs, etc. and is used in a variety of areas because it can convey meaning while occupying a small area.

writing, human-to-human conversation

UX Writing designs conversations between products and customers. We write functional text that is used in various digital environments such as websites and apps. We write articles that help users achieve their goals, and further play a role in conveying a unified voice. 

LV2 exam

Solve test questions to check if what you have learned has become your knowledge.

LV2 Assignment

Create assignments that put your knowledge to practical use. Give and receive feedback until the level is sufficient.

LV3. Composition for good UI

Layered, reversible origami

Layers are one of the characteristics of computer graphics tools. You can freely composite and revert multiple elements. This allows for a variety of attempts and expressions that could never be made by hand.

Organization, the sum of the parts is not the whole.

Designers must help users navigate seamlessly according to the amount and nature of information they want to convey. Layers are arranged so that the eyes naturally flow with minimal cognitive load and no unnecessary waste.

Layout, as if it was there from the beginning

Layout is the arrangement of elements within a specific area. The screen layout must not only provide static screen balance but also appropriately express the structure of the abstract space of the service. 

Naturalness that creates movement and vitality

Like auditory language and visual language, movement is also a type of language. A variety of information can be conveyed in a limited space, making it easy to convey content that is difficult to convey with static elements and adding a touch of naturalness.

LV3 exam

Solve test questions to check if what you have learned has become your knowledge.

LV3 Assignment

Create assignments that put your knowledge to practical use. Give and receive feedback until the level is sufficient.

LV4. Interaction for good UI

information structure, finding books in the library

It is a concept about the structure that organizes information. In a library, information structure determines how to divide bookshelves and what standards to place books. The goal is to allow users to easily and conveniently access the information they want, just like finding a book.

Input and output, dialogue with machine

The designer designs the user's path by carefully examining the current user status, the information the user provides to the system, and the information the system provides to the user. 

Components, Efficient Puzzle Pieces

We don't make everything from scratch. There is always a better framework or tool that has been created before. Tools that can be used like Lego pieces or puzzles that can be used repeatedly without always having to create something new are called components.

Patterns, familiarity without the need to learn

We design pages using components and various visual elements, and design the process of interacting with users on each page to reach the final result.

LV4 exam

Solve test questions to check if what you have learned has become your knowledge.

LV4 Assignment

Create assignments that put your knowledge to practical use. Give and receive feedback until the level is sufficient.

LV5. Components for good UI

Create a button

Buttons are the most basic interaction in UI. It is no exaggeration to say that all UI starts from buttons. It is the simplest element through which a user communicates to a machine.

Create a text field

Text fields are fundamental to conveying information to users that buttons cannot provide. This is a component that mainly uses the keyboard or voice to input information.

Make a selection

Select is one of the fundamental UI elements. It is a basic interface that selects information and transmits it to the machine. You can also enter the On/Off status in a toggle form or enter information by pressing multiple buttons.

Create a tab

Tabs help users easily understand by dividing large amounts of information into large chunks. It is based on the appearance of a device used in the past to classify large amounts of offline documents or address books by grouping them by common characteristics.

Create a course marker

Progress Indicator is a component that informs the progress of the system. It makes users feel like waiting times are shorter or they feel more motivated to complete a task.

Creating Pagination

Pagination is a component that controls pages. It is used when showing multiple pages in a limited space. Unlike tabs or filters that change the context of the information being viewed, pagination is used when showing multiple pieces of information in the same context.

Create a slider

A slider is an input component used to select a specific value within a given range. It is also called a slider or range input.


containing everything
UI design class package

56,000 characters Key notes on the theory above
120+ online exam questions
Equivalent to 160,000 won per session Assignment Coaching 4 times
Real-time chat Q&A
lifetime updates
Lifelong collection

Once you pay, you can keep it for life.
Now is the lowest price

The price increases each time a chapter is released.

LV1 User Interface

  • History, how has the way of using tools changed?
  • The body, a human tool that will never change
  • Tools, what can be grasped and what cannot be grasped
  • LV1 Test
  • LV1 Practice

Graphics for LV2 good UI

LV3 Composition for good UI

LV4 Interaction for Good UI

LV5 Components for good UI

special present

12-month interest-free installment plan from credit card company
45,000 won per month
Lowest price now, pay once and keep it for life
540,000 720,000
total learning period
  • The normal course period (paid course period) is the first year. Free access for later review. 
start date
  • The course start date is calculated from the payment date, and once payment is complete, you can start taking courses directly through My Page.
  • If the start of the course is delayed due to the circumstances of the design compass, the start date of the course will be delayed by the corresponding schedule.
  • 100% can be refunded within 7 days from the start of the course, if less than 5 courses are taken.
  • If more than 7 days after the start of the course, or if you have taken more than 5 courses, the remaining days compared to the normal course period (paid course period) can be refunded as follows.
  • Based on the date of request for refund
    : Refund of 2/3 of the actual payment amount before 1/3 of the course starts
    : Refund of the amount corresponding to 1/2 of the actual payment amount before 1/2 of the course starts
    : No refund after 1/2 of course start
  • Device restriction policy
    Up to 3 devices per ID can be registered to watch the Design Compass online lecture, and the device registration is automatically registered when accessing the online lecture. If the maximum number is exceeded, it is necessary to cancel the registered device.
  • copyright policy
    All lectures of Design Compass are prohibited from copyright infringement, such as unauthorized distribution and processing, capture, recording and sharing, and unauthorized sales.
    If illegal use is detected, you may be subject to legal sanctions for violating copyright laws.

Want to receive push notifications for all major on-site activities?