top of page

TINY TEXT: 6 WAYS TO USE IT EFFECTIVELY IN WEB DESIGN

One of the biggest trends in web design is now very small. "Small" text elements have become a popular idea, but it's a design trend that has sparked some controversy.

​

There is no doubt that smaller text sizes can cause problems with reading. But when done correctly, a very small portion of the text helps create a point of focus and draw users to specific areas of the design.

​

Join us as we take a look at the direction of the small text, for example creating some design movement.

​

There are so many websites which generate tiny text you can find it here - tiny text generator

​

1. Create organizational structure and organization

​

Although large text has been the dominant option for homepages and headlines for some time, a change is being made for desktop screens to provide more information on the first screen. (One of the reasons for this may be the increasing size of the screen, which gives more panels for designers to work with.)

​

This is where the "short" text comes from. Using different sizes and proportional print sizes creates a distinct visual flow, usually from large to large cases. Using very small text levels is typically 14 to 16 points smaller than the normal text type size, which creates an extra point of view for the user. The user can draw small text, especially when used with other text sizes, because it is different.

​

Maxim Bonhom uses small text in the design of a portfolio website. The smallest text elements provide key details about the projects, while the larger type provides job description. Note that small copy elements work partially due to the space and amount of nodes that surround each copy block.

​

2. To see you

​

Sometimes a small text is available through the design for you to look at or take a second look at.


Because it is often unexpected or different from what users see on many other websites, the design elements fascinate you.

​

Homemade dew, a brand not afraid to panic, uses a very small treatment. Sees you The title fits exactly in the X to create an eye movement pattern that differs from the screen-to-motion with the brand ID title to the NBA player video. Even the call-to-action is trivial, but it is not embarrassing to the user as it appears deliberately.

​

3. To create attractive navigation

​

Although many websites have completely removed the homepage navigation in favor of hamburger / hidden style menu items, the use of short text can be a way to get back on the screen without feeling anything intrusive. This is one of those deviations and flows into the design patterns, and the transition from one end to the other. (Will this be the next big hurdle?)

​

Using small text can be difficult for navigation. It should be large enough for easy reading and clicking. It is important to use a simple typeface that can be read, as short text can be a little difficult for the eyes.

​

Lapland's magic got good medium flooring with small text elements in the main menu bar. There is plenty of space around each element, even with some double floors, and a simple white sword against a deep background facilitates reading. There is also a second level of the "less important" phrase about the basic advertising of travelers.

​

4. Show the location

​

Short text works more effectively when the board is large. The contrast between a small object and a large area can be surprising. Large blocks of small text can be contradictory and difficult to read, so make the text element short.

​

Different colors of text should also be kept in mind. Before jumping into the design direction, ask yourself: Why am I using a little text here? What does my website design mean?

​

If you don't have strong answers to these questions, don't count "Because I Want", you should think of something else.

​

Moonfarmer does a good job of showing a region with a small text. The design uses a large amount of two-level printing and open canvas to set the mode and familiarize users with the content before sliding. Short text is one of many design details that make you pause and watch. No need to read, despite the tremendous contradiction between the elements.

​

Another important thing to note is this: You don't have to use short text everywhere. Treat it as a special art item. Moonfarmer uses tiny text on the homepage and then bumps up the same typeface to a more common size throughout the rest of the design.

​

5. When text is not the most important factor


Sometimes the most important element of the screen is not the character. Secondary degree in visual element.

Frozen TVs are a great example of how to use a little text to help while allowing another element to work as an integral part of the design. For this project, video is given more importance. Short text works to provide an element of additional information and to sign up with a static text block, which appears without the help of a homepage.

​

6. To create a visual element

​

The basics are available for the main text. Which is a perfect, logical sense.

But sometimes text elements serve as part of the visual element, and whether it's readable or of little importance. (It requires a lot of planning and design talk, so don't miss out on that idea.)

HTML Burgers uses many small tools. Used as a tunnel treatment that is used as a small technology detector. The short text is the "burger" used to create other image elements within each. This is a design outline that you don't see much of, and in this case, it works. (But this technique is very difficult to overcome, proceed with caution.)

​

Result


Go a little or not? This can be a tough decision. Although it is important to focus on the use of small text, there are appropriate uses for smaller variations. Make sure that the short text works in your design, give it plenty of space, use a highly readable frame, and help use other words in the design.

Lastly, if you plan to experiment with shorter text, use less of it. This is not a technique that will help you design your dam more. This method works very effectively with contextual small text blocks.

​

Home: Welcome
bottom of page