How to learn UI design

How to learn UI design

If you are trying to find a way to learn UI design, then you are in luck because I have written an article especially for you. For today’s article, I would like to talk about one of the most important skill things that you can have to thrive in the modern world: UI design. The skill might not be too popular back then – with only the biggest of nerds learning such skill – but the world has changed. UI design is now a very potent money making skill thanks to the advancement of technology and the rise of start-up industries. Both nerds and normies have been racing to master this skill, and if you are trying to join the race, then you can get a head start by reading our article.

Best Books to Learn UI UX Design

Best Books to Learn UI UX Design

Today Tribeui has compiled a list of 4 books that must be read. Some of them are already fairly old, but there are also new ones, but they all have very important things that we need to remember when designing something.

If you hear about these books but never have time to read them, take a little time because it’s very valuable. If you have heard of them, take the time to learn more about each book and choose one (or more) to read.

Let’s dive in.

1. Designing for the Web – By markboulton

ui ux design books
The web design medium attracts designer form all spheres of design practice. This chapter aims to provide a snapshot of the current state of the web medium, and the role as practitioners working within it.

2. Digital Behavioral design – Dalton Combs & R.Brown

uiux design books 2019
In this book the boundless ai team focus on a particular area of behaviour design: Habits. How the work and how your product can use Behavioral Design to become a daily habit for user.

3. Fundamental UI Design – Jane Portmane

Learn fundamental UI design skills you need to create perfect screens in this free e-course by Jen Portman from UI Breakfast and InVision. Designing for the content. Conversion and action elements. The creative part of UI design; User onboarding essentials and much more.

4. Principle of UX Design – Timothy Embretson

uiux design books 2019
Discover how and why you should become a UX champion in this free e-course from InVision. by Best Buys Tomothe Embretson.

The iOS Font Size Guidelines

The iOS Font Size Guidelines

In designing an app or website there must be a guideline, this time I want to give a summary of font usage in iPhone and Ipad. Let’s check this out:

Basic typography terminologies are explained in the image below:

The iOS Design Guidelines

iPhone Typography:

Apple has introduced a brand new font called San Francisco, which replaces Helvetica Neue as the default font. San Francisco comes in two forms: “SF UI Display” and “SF UI Text”, while “Display” is mainly used for UI components. “Text” has a larger letter spacing and should be used for longer texts.

Element Size (pt) Weight Spacing (pt) Type
Large Nav Bar Title 34 Bold -0.41 Text
Nav Bar Title 17 Semibold -0.41 Text
Nav Bar Button 17 Regular -0.41 Text
Search Bar 17 Regular -0.41 Text
Tab Bar Button 10 Regular -0.24 Text
Table Header 13 Regular -0.08 Text
Table Row 17 Regular -0.41 Text
Table Row Subline 15 Regular -0.24 Text
Table Footer 13 Regular -0.08 Text
Action Sheets 20 Regular / Semibold 0.75 Display


Spacing and Alignment:

  • Keep a minimum of 8pts distance between border and content
  •  Keep a minimum of 5pts between elements

Spacing and Alignment

Best Font Size Website

Best Font Size Website

You might have read that article about how to learn UI and now you are curious about the details. UI design encompasses a lot of aspects, all working together to keep your website interesting to visitors. One of those aspects is font size. When you learn UI design, you must have been told that every aspect of an application needs to work together. While the first thing that users will see on your application is the overall look of the UI, the very next thing that the users will see from the UI is the font. That is right, folks. There have been cases where users do not like to use an application or a website because the font is a bit crappy.