Flat design fonts and colors

Source: Internet
Author: User

Flat design is a kind of design style, do not trick, do not whitewash. Before flattening, the designer's work is often very realistic, very has the three-dimensional sense. From the overall point of view, the flat design is a minimalist aesthetics, with bright and soft colors, and finally with heavy eye-catching, and style and retro fonts, advocating the function is greater than the form, leaving white than the aesthetics of filling.

Flat design is a program that does not use any additional effects, and does not include any 3D effects. There is no deep shadow, bevel, stereo effects, gradients or other methods created by protruding or concave effects. Icons and UI elements are bright, with no edge effects or shadows.

Flat design is not completely ineffective, but there are no artificial shadows and dimensions. More and more designs are now almost flat, and their overall appearance and ideas have only a small effect.

Font is a very important part of typesetting, it needs to complement other elements, flat Web site generally use sans serif fonts, in line with the flat of the simple beauty of not too much modification. Most flat designs use up to two series of fonts, many using only one series.

The Sans serif typefaces has a uniform stroke width and is the most popular font in the current flat design. The width of the stroke does not change, so it looks neat and easy to read. This font applies to many backgrounds, especially those with flattened backgrounds. Font strokes can also show a good contrast in a brightly colored background after bold.

Serif typefaces is also an option, but it is not often used because the font looks more formal and contains more decorative elements.

Choose a more-styled font, such as bold, black, and light. In this way, even a single font can present a rich visual effect with a layered sense.

Novelty typefaces is another good font choice in flat design. You can try some new fonts, but this font should have the same properties as the Sans serif, such as clear lines and uniform strokes. Avoid excessive decorative details.

Although a single font is often used in flat design, it is also a good idea to choose between two fonts if there is a newer font. When the text is relatively simple, larger font size can be used more novel font, in small size, text content more areas using another font.

Here are some free English fonts hoping to give you some inspiration.

Manteka fonts

Sintony–free Google Web Font font

Bellota fonts

Corbert Regular fonts

Frontage typeface fonts

ALEO | Free Font Family font

Graystroke Free Font Font

hemigraphy Free Font Font

Laika free Font

Seagle Free Font Font

ALEX Brush Font

aller fonts

amble fonts

Code font

Exo fonts

MUSEO Slab Fonts

Quicksand fonts

SINA Nova Fonts

SOFIA Pro Fonts

SOURCE SANS Pro Font

Free Langdon Font Font

Linux Libertine Fonts

Museo Slab Fonts

Nexa Free Font Font

Nougatine fonts

When it comes to flat design colors, a solid color must come to our mind because it brings a unique feeling. Pure bright colors can often be contrasted with bright or gloomy backgrounds to achieve a compelling visual effect. Therefore, in the flat design, solid color is definitely the most popular color trend.

Of course, flat design is not limited to a certain tone of color, it can use any color.

In the flat design, retro color is also a common way of color.

This color is low in saturation, but it is added white on a solid color basis to make the color softer. Retro colors are often dominated by large amounts of orange and yellow, but sometimes they are also red or blue.

In the flat design, it is very common to use the retro color as the main color to make the page become more mellow and feminine.

In the flat design, the same color is rapidly growing into a popular trend. This color often with a single color with black or white to create a clear and visual impact of the effect.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.