Skip to main content

The traveler's guide to UI, UX or front end design - x-droov

To get a tech company off the ground you need to be a full stack developer with maximum understanding of UI/UX or front end development. If you need that, welcome to the traveller's guide to front end development.
Everyone teachers you how to style elements, but no one teaches you how to design user interfaces. Some guys have tried to guide others on what to do, but if you haven't taken the time to understand design by yourself, you'll keep struggling with it.
I liked a meme on Facebook that;

"A design YouTuber writes very classic code in a few lines, but most developers write a large bunch of codes yet still fail to achieve classic views."

That's true and in this article I will try to open you to some traveler techniques to design.
As long as you haven't mastered design, making a fully functional website or application by yourself becomes very hard.
There are automatic tools for creating UIs, but most of their code is slow and heavier than hard coded user interfaces.
That's why a light weight manual app is better in functionality and speed than a heavy automatically created one.

The main concepts of design

As a traveler, I am going to shower you with all the techniques that I have learnt along the way.

1. Watch

Design is all about watching and analyzing other designs. You shouldn't look at a great design and move on. As a designer, you have to internalize it and think about how you can create it.
As time goes, you'll be familiar with many design styles making it easy for you to think about what designs to use and how to modify existing designs on your own project.
It's the main concept of design and almost all learning depends on it. Take an example, you can't become a great programmer if you haven't had time to read other people's code and understand how they work around it.

2. Color

Understanding designs isn't enough. Without color, you can't bring out a theme or business color.
You need to learn how to use at most five colors in a page and making sure that more than seventy percent of those colors are congruent or are variations of one color.
That way, you can bring out meaning in a design and of course maintain suit.

3. Theme

Once you get fluent with colors, you now have to understand theme. With theme, you have to decide on which color to concentrate on in your design.
With theme, you can create identical variants of your design just by simply using the same variations of the new color theme.
That's nice if you already decided how many colors to use and where to use them.

4. Space

Space is king with design. As a designer, you need to know how to use space to bring out value in your design.
This includes padding and margin. These two parts of design are very key to separation of information.
If you're perfect in using space then you can design a black and white UI/UX yet giving true meaning to your users.

5. Content

Lastly, as a designer, you have to consider content. Show the main information clearly and make sure your content is qualified.
What's the use of a nice design with very shallow content. More than 80% of the users will concentrate on what you are giving them not how you are giving.
This is a great sailor's tool as a designer. It helps you calm down when you fail to achieve a certain level of design you had planned before. It's like:
"Don't mind boy, as long as you are giving quality content clearly".

Wow! That's it, thanks for reading to the end. I welcome any additions and questions about design in the comments and if you wish to contact us, don't hesitate to hit the contact us page.

AUTHOR

Emmy Jayson x-droov

Emmy Jayson

Comments