UI Design Principles

17Seven
17Seven
Mar 2, 2020 · 7 min read

Graphic Design (as a discipline) has evolved in the last 2 decades more than anything else. There was a time when designers were considered only executors. Old-time designers, remember your CoralDraw days? How much do you think we’ve evolved over the last few years?

Today, designers flaunt a swanky new prefix (the likes of IxD, UI, Motion Design), use cutting-edge tools (think Sketch, Figma, Invision) and have the best online resources (think Dribbble, Muzli) to guide them in their day to day work.

Another big upgrade is that today’s designers have a seat on the table. Why, one may think. The reason is that today we are increasingly using more and more digital products and moving towards a completely digital ecosystem. UI Designers are the enablers of those magical, almost life-like interfaces we interact with every day. While designers enjoy a better authority, they also have a bigger responsibility on their shoulders. To create seamless experiences and enable emotional connections between humans and technology.

Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.

– Dieter Rams

While we’d like to keep discovering and learning new tricks and trends as we grow professionally, it's equally important to stay true to the basic and timeless concepts that drive the essence of UI Design.

Today I would like to take you through some basic but key principles that ensure you achieve something memorable and meaningful every time you design digital products.

1. Hierarchy

  • Establish visual relationships among layout elements
  • Then add different visual weights to each of the elements
  • Finally create patterns of eye movement

E.g., the title of a blog would require more attention than body text. Similarly, in interface design, a call to action (CTA) might need special importance than others. Whenever we attempt to make sense of information visually, we first observe similarities and differences in what we are seeing. These relationships allow us to distinguish objects.

Let’s discuss 4 basic elements that are key in building visual hierarchy.

a) Size

b) Colour

c) Contrast

d) White Space

2. Contrast

  • Size
  • Colour
  • Weight
  • Styles
  • Fonts among serif and sans serif
  • Fill

The possibilities are endless.

3. Proximity

One of the areas where proximity plays an important role in interface design is Typography. Users do not like to read long chunks of texts. It’s hard for them to identify important pieces of information. Hence designers should break-down big body copy chunks into smaller pieces so that users can easily grasp and digest the information. To the contrary, items that belong to different groups must be placed far enough away to prevent any negative influence. e.g.

4. Balance

a) Size

b) Colour

c) Contrast

d) Density

User Interface Design is about communicating with users, making the journey convenient and solving their problems rather than just focusing on designing beautiful-looking graphics. The principles we have discussed today will help you achieve a better overall user experience and with practice, you will find yourself mastering these concepts.

We hope that you find this blog useful. Feel free to share it with your friends and colleagues so that more designers can benefit from it.

You might also like this article on how to design high conversion forms.

Originally authored by Aniruddh Nandwana, posted on 17Seven.co on 17th Sep, 2019.

17Seven

A digital product UX-UI design studio helping startups and…

17Seven

Written by

17Seven

17Seven Design Studio built to build the emotional connections between users & their products.

17Seven

17Seven

A digital product UX-UI design studio helping startups and enterprises to craft emotional connections between their products and users.

17Seven

Written by

17Seven

17Seven Design Studio built to build the emotional connections between users & their products.

17Seven

17Seven

A digital product UX-UI design studio helping startups and enterprises to craft emotional connections between their products and users.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store