Color theory is really, really complex. Our goal isn’t to explain the entirety of color theory, but to provide you with a few broad concepts that you might be able to leverage in your UI designs immediately. Broadly, remember that colors can be useful for:
Evoking certain emotions
Think in Black and White first
To start off, even before you start thinking about color, it's really instructive to design in black and white. It forces you on spacing and laying out your elements, and results in cleaner layouts.
There are sites that need to portray a specific attitude — sporty, flashy etc. which might require the use of color from t...
Visual Hierarchy, White Space and Gestalt Principles
Visual Hierarchy is the arrangement of elements in a way that implies relative importance. It’s the designer’s attempt to guide the order in which the eyes perceive information presented. The way we perceive information is affected by several factors that contribute to how we rank the hierarchy of the content within the layout. White space (also know as Negative Space) plays an important role in effective visual hierarchy, and in this article we will look into it.
White space helps with readability and comprehension immensely. Have you ever looked at a menu / a website / an interface and thought, “This looks and feels great, but I’m not sure why?” The answer usually is good use of white space. A study found that good use of white space between paragraphs and in the left and right margin inc...
What is UI Design, and how is it different from UX Design?
If you’ve done any kind of research about software design, you’ve probably heard of the terms “UI” and “UX”. But what separates UI from UX?
At their most simple forms, UX design is what makes an interface useful, and UI design is what makes an interface beautiful. For UI, this includes a blend of visual hierarchy and interface elements. To understand what separates a great interface from a good interface, one must understand the UI design is merely just one layer of the entire design process. Perhaps this is why people often confuse UX and UI. In the following few paragraphs, however, we hope to help you understand where the differences lie in the context of the design process.