5 Essential Skills That You Should Have As A UI/UX Designer In 2021
Designers are usually wanting to jump straight into UI animations, trendy UIs, and high playing roles before very honing the fundamentals. Well, today I take a step back and justify topics like making a usability check or the proper color palette as merely as I will.
- Knowing the spacing properly: Following a convention for spacing brings uniformity to our design elements and ensures that we have a tendency to produce consistent styles whereas collaborating with alternative designers.
The two commonly used methods among the designers are Hard Grid and Soft Grid.
Hard Grid helps to align content in a fixed vertical grid while Soft Grid maintains the space between all the elements on the web page.
Hard Grids helps to track the margin & padding of the element blocks. On the contrary, Soft Grids alter the spacing to suit content instead of altering content to suit spacing guidelines.
A perfect spacing can give your design a chance to breathe and a neat & clean presentation.
- Choose the perfect color combination: Color is the life of a design. It helps your design to be harmonious, accessible, and speak out.
Designers are usually reluctant to make a color palette from scratch, however, it’s easier than one would possibly suppose. Here is my four-step method to systematically produce clean and aesthetic color palettes:
- Choose a brand color: At first, we have to select a primary color according to our brand.
- Select system color: Then we have to select the other element’s color like background, text, success, error, etc.
- Creating a secondary color palette: After selecting the primary color we have to make a secondary color palette (mostly contrast). We can use Google Color Tool in this case.
- Checking Accessibility: At last, we have to ensure that the colors that we chose are fully accessible. A color contrast ratio should be at least 4.5:1 between all text and background.
- Select the scale of typography: Typography involves far more than selecting an excellent font. once used effectively, it will enhance usability by up readability, accessibility, and hierarchy among an interface.
One can follow the following steps to create a type scale:
- Select a readable font
- Avoid using more than 2 typeface
- Select the base font size
- Keep line-height range between 130% to 150%
- Define a scale for different devices
- Make Low Fidelity Wireframes: Wireframing with a tool like “Figma” is quicker and a lot of lightweight for throwing ideas along and obtaining a grieve the layout and hierarchy of our style.
It’s more durable to fall soft on with a style once it’s solely a wireframe, therefore we are able to take criticism and feedback whereas holding on to our dignity.
The simplicity helps keep me centered on the expertise and not get sidetracked by the microscopic details like spacing and colors as I’d in Sketch.
- Become a better designer every day: It’s really very important for a designer to keep himself updated all the time.
There will forever be new trends, tools, style libraries, startups, product updates, and every other thing that we’re certain can create us a stronger designer. So we have to engage in side-projects, paying attention to every little detail and practice more and more to make us better designers every day.
That’s all! If you have any queries, then let me know in the comment section.