1-Design Trends

Question 1

What is Glassmorphism and what is it used for?

Answer 1

Glassmorphism is a frosted-glass effect with background blur. It is used as a multi-layered approach to have objects “float” in space. The blurred transparency and subtle borders let the user know that there is something in the back.

Question 2

What is Skeuomorphism and what is it used for?

Answer 2

Skeuomorphism is an interface design where objects mimic their real-world counterparts. For example the calculator app

Question 3

What is Neumorphism and what is it used for?

Answer 3

Neumorphism is a form of minimalism characterized by a soft and light look, often with pastel colors. Elements are usually the same color as the background and are only distinguished by shadows and highlights surrounding the element.

Question 4

What is Claymorphism and what is it used for?

Answer 4

Similarly to Neumorphism, Claymorphism is also a combination of inner and outer shadows. However, the depth against the background is only done using one larger shadow on the x-axis too as opposed to traditional y-axis shadow.
Looks fluffy, rounded and 3D.

Question 5

Why use visual storytelling (Scrollytelling) in web UI design?

Answer 5

It makes data easier to understand and flow.
Easy brand and product communication.
Improves learnability.

Question 6

When is it a good idea to use animations?

Answer 6

To make loading/waiting more entertaining.
To tell a story.
To captivate user’s attention with cursor effects

Question 7

What is Brutalism and what is it a response to?

Answer 7

Brutalism is a style with an emphasis on the lack of concern to look comfortable or easy.
It is a reaction to the lightness/minimalism of Neumorphism and Claymorphism.

Question 8

How can you increase a design’s accessibility?

Answer 8

Use contrasting colors (dark text on a light background or the opposite).
Allow users to control the font text size
If there are videos, provide captions.
If there are images, provide descriptions.

Question 9

What is a concern that is raised when using Neumorphism?

Answer 9

A visibility issue. It is hard to figure out the contrast ratio of background to element when they’re both the same color.

Question 10

What is the main assumption behind minimalism? What are the advantages?
Give an example.

Answer 10

“Less is More”
Advantages:
A minimalist interface loads faster, requires less resources and dev time, easily adapts to different screen sizes.
Example: Apple’s usage of Negative spacing as a means of highlighting.