No results found
Try to change your request

Showed 1-10

template
template

template

1-Know your typefaces

The importance of typography

Let’s ask ourselves a simple question: What is the purpose of a website or app? Isn’t it to convey certain information? Isn’t it all just a frame to put a bunch of information in? The purpose of UI designers is just to arrange those pieces

of information in a way that makes sense. Most information in any website or application is text. Take a look at how Slack’s website would look like without Text.

We don’t have too many layers to play with when it comes to typography. For pictures, it’s much easier because have a whole lot of parameters you can play with: Brightness, contrast, saturation, color, exposure and each one of those had endless possibilities. With type, there isn’t a lot to mess with.   So it’s both easier and harder. Here are the settings that are at our disposal to format text.

 

2-Weights

Knowing which weights to choose for your composition is the first step of making the best of your typeface choice. Here are a few rules

The importance of typography

I’m sure that many wouldn’t think much of these settings. Heck, I know UI designers and front-end developers who have never used any of these parameters (apart from choosing a typeface of course).

And yes, you’re right, you don’t absolutely have to. But it gives you an extra layer of refinement that makes your work stand out and look more

“professional”. I’m going to go into the details of how each of these can help you make better designs.

The importance of typography

I’m sure that many wouldn’t think much of these settings. Heck, I know UI designers and front-end developers who have never used any of these parameters (apart from choosing a typeface of course). And yes, you’re right, you don’t absolutely have to. But it gives you an extra layer of refinement that makes your work stand out and look more “professional”. I’m going to go into the details of how each of these can help you make better designs:

  1. Heck, I know UI designers and front-end developers who have never used any of these parameters (apart from choosing a typeface of course). And yes, you’re right, you don’t absolutely have to. But it gives you an extra layer of refinement that makes your work stand out and look more “professional”. I’m going to go into the details of how each of these can help you make better designs:
  2. Gives you an extra layer of refinement that makes your work stand out and look more “professional”. I’m going to go into the details of how each of these can help you make better designs:

I’m sure that many wouldn’t think much of these settings. Heck, I know UI designers and front-end developers who have never used any of these parameters (apart from choosing a typeface of course). And yes, you’re right, you don’t absolutely have to. But it gives you an extra layer of refinement that makes your work stand out and look more “professional”. I’m going to go into the details of how each of these can help you make better designs:

  • Choice number 1
  • Choice number 2
  • Tracking (letter spacing);
    • Sub-item 2;
    • Sub-item 1;
    • Sub-item 2;
      • Sub-sub-item 1;
      • Sub-sub-item 2;
  • Leading (Line spacing).

3-Tracking

Tracking refers to the space between the glyphs (characters) of a word. It is often confused with Kerning which is the spacing between two individual glyphs, which is something built into the font file itself.  If you ask me, this is the most underused parameter of all.

The first rule of design is: It’s all about the type (typography). The second rule of design is: It’s all about the type.

Dianne Russell

I’m sure that many wouldn’t think much of these settings. Heck, I know UI designers and front-end developers who have never used any of these parameters (apart from choosing a typeface of course). And yes, you’re right, you don’t absolutely have to. But it gives you an extra layer of refinement that makes your work stand out and look more “professional”. I’m going to go into the details of how each of these can help you make better designs.

Sans Serif (Circular) | Serif (Caslon pro)

I’m sure that many wouldn’t think much of these settings. Heck, I know UI designers and front-end developers who have never used any of these parameters (apart from choosing a typeface of course). And yes, you’re right, you don’t absolutely have to. But it gives you an extra layer of refinement that makes your work stand out and look more “professional”. I’m going to go into the details of how each of these can help you make better designs. We don’t have too many layers to play with when it comes to typography. For pictures, it’s much easier because you have a whole lot of parameters you can play with: Brightness, contrast, saturation, color, exposure and each one of those had endless possibilities. With type, there isn’t a lot to mess with. So it’s both easier and harder. Here are the settings that are at our disposal to format text.

  • Typeface choice;
  • Weight;
  • Tracking (letter spacing);
  • Leading (Line spacing).

I’m sure that many wouldn’t think much of these settings. Heck, I know UI designers and front-end developers who have never used any of these parameters (apart from choosing a typeface of course). And yes, you’re right, you don’t absolutely have to. But it gives you an extra layer of refinement that makes your work stand out and look more “professional”. I’m going to go into the details of how each of these can help you make better designs. We don’t have too many layers to play with when it comes to typography. For pictures, it’s much easier because you have a whole lot of parameters you can play with: Brightness, contrast, saturation, color, exposure and each one of those had endless possibilities. With type, there isn’t a lot to mess with. So it’s both easier and harder. Here are the settings that are at our disposal to format text.

 
qweqwewq qweqeew qwewqeqwe wqewqewqe qwewqe qwewqee
wqeqwewqe wqe ytuu ytutyu tyutyu tyutyu
wqewqee ytuyu ytuytu ytutyu tyutyu tyuyu

I’m sure that many wouldn’t think much of these settings. Heck, I know UI designers and front-end developers who have never used any of these parameters (apart from choosing a typeface of course). And yes, you’re right, you don’t absolutely have to. But it gives you an extra layer of refinement that makes your work stand out and look more “professional”. I’m going to go into the details of how each of these can help you make better designs. We don’t have too many layers to play with when it comes to typography. For pictures, it’s much easier because you have a whole lot of parameters you can play with: Brightness, contrast, saturation, color, exposure and each one of those had endless possibilities. With type, there isn’t a lot to mess with. So it’s both easier and harder. Here are the settings that are at our disposal to format text.

Let’s ask ourselves a simple question: What is the purpose of a website or app? Isn’t it to convey certain information? Isn’t it all just a frame to put a bunch of information in? The purpose of UI designers is just to arrange those pieces of information in a way that makes sense. Most information in any website or application is text. Take a look at how Slack’s website would look like without Text.

We don’t have too many layers to play with when it comes to typography. For pictures, it’s much easier because you have a whole lot of parameters you can play with: Brightness, contrast, saturation, color, exposure and each one of those had endless possibilities. With type, there isn’t a lot to mess with. So it’s both easier and harder. Here are the settings that are at our disposal to format text.

Tracking refers to the space between the glyphs (characters) of a word. It is often confused with Kerning which is the spacing between two individual glyphs, which is something built into the font file itself. If you ask me, this is the most underused parameter of all.

I’m sure that many wouldn’t think much of these settings. Heck, I know UI designers and front-end developers who have never used any of these parameters (apart from choosing a typeface of course). And yes, you’re right, you don’t absolutely have to. But it gives you an extra layer of refinement that makes your work stand out and look more “professional”. I’m going to go into the details of how each of these can help you make better designs.

We don’t have too many layers to play with when it comes to typography. For pictures, it’s much easier because you have a whole lot of parameters you can play with: Brightness, contrast, saturation, color, exposure and each one of those had endless possibilities. With type, there isn’t a lot to mess with. So it’s both easier and harder. Here are the settings that are at our disposal to format text.

Recommended for you