Self Study

Aesthetic principles for Graphic Design and designing on the web

This class is a very dense class with a lot of information. As you will see there are quite some articles explaining the most important concepts for UI design. You can find the most important ones in the list below. I You don’t need to read all of them in detail, but it would be good that you understand and have a grasp of the different concepts and how to use or identify them.

In the appendix you can find some extra tools and resources to help you with grids and layouts, typography and colors.

⁠

Gestalt Principles

Read the following article and pay special attention to the examples

⁠

https://medium.muz.li/gestalt-principles-in-ui-design-6b75a41e9965

⁠

Grids, layouts and responsive web design

Read the following article

⁠

Typography

Read the following article about typography - focus on Typography design recommendations

⁠

Read the following article about typography scales - you don’t have to read it word by word but have to understand why typography scales are important and how you can use them

⁠

Styling

Read the following guide about color theory

⁠

https://uxdesign.cc/10-principles-for-color-usage-in-ui-design-65174b213004

⁠

Read the following article about styling effects

⁠

Checklist

I understand Gestalt Principles and can identify them in an app or website

I understand why grids and layouts are important in UI design

I can identify different types of grids

I know the different types of responsive grid behaviour

I understand how styling such as colors and effects contribute to gestalt principles

I understand the importance of typography scales in relation to the gestalt principles.

Choose a website with your group that you will work with in the class. Make sure the website has an interesting layout and typography both on desktop and mobile. Some good examples are

A listing on AirBnB

⁠

Zalando

⁠

Soundcloud

⁠

, Facebook, LinkedIn... Make sure that each group has a different one

⁠