Carousels are a popular UI element. Unlike other elements that are often constrained by the main view, they often occupy the entire width of a page (the viewport), as can be seen from the following examples.
I am a user experience designer. A lot of my knowledge in UX comes from the human-computer interaction program I did in graduate school. Getting an degree in HCI, of course, cannot teach me everything about how UX design is practiced in the real world. Below are 5 lessons on reducing design frustrations I’d like to share which I learned while working as a designer on the agency side in the past year.
When I asked people what their biggest struggles related to typography were, one of the answers I often heard of was pairing typefaces. We want to use more than one typefaces to make our design more lively and interesting, but for a lot of us, we are not sure which ones go together. When it comes to matching typefaces, there is actually a secret. With this secret, you will be able to create nice typeface combinations.
We are used to working with small font sizes. Body text of most documents falls somewhere between 9pt to 14pt. Small font sizes have also dominated the web for a long time. Not until recent years did web designers try to use more and more bigger and bolder texts (36px+). Large font sizes are intended to stand out and draw attention, and working with them is slightly different from working with small body text. There are adjustments to be made in order for the big text to make our design bold and attractive. Today I’d like to talk about 3 things that you will need to do if you are using a large font size.
Previously when we talked about what defines good typography, we mentioned that line lengths can have a lot of impact on readability. Lines that are either too long or too short will make the text hard to read for your readers. Unlike paper or PDF documents, webpages are resizable. Container widths on webpages are often specified in percentages rather than pixels or millimeters, so it is quite difficult for web designers to use only one percentage value to get proper line lengths across a variety of viewport sizes.
Luckily, by using the right CSS unit and properties, it is still possible to get the line lengths right on your webpages. In this article, I will show you how.