How to make the perfect flat style of PPT

Source: Internet
Author: User

The four principles of flat PPT design

1. Intimacy: The interrelated content is best put together

If I ask you to find Coca-Cola from the left picture, can you see where it is? But is the right picture easier to find after adjusting to the intimacy principle?

2, alignment: To ensure that the page on the alignment of two elements. (a small case for Virgo)

Alignment, this is really a very simple question, but do not know should feel lucky or unfortunate, the world is not everyone is Virgo, can clean ppt. In doing flat ppt, be sure to remember to align, or you will draw a tiger is not an anti-class dog.

In the example above, the information in the left picture is very messy, and if the information is more, the page collapses. When the right picture is aligned, it appears to be a concise, atmospheric grade.

3, contrast: Consciously increase the difference between elements.

After the elements are aligned, although a lot better, but the picture is slightly flat, there is no level. Look at a picture on the right, will not feel more exciting eyeball, more easily let people grasp the point? (This is a good place for us to adjust to the above picture.)

4, repeat: Take the same level elements to reuse.

From multiple pages, the transition page (small white words: simple to understand the subject cover of the next content) belong to the same class, so they should have some repetitive features. As shown in the example above, other features are the same except for color, and the color difference makes the PPT look more tasty. And from a single page, "explanation" part of the font, size are basically consistent, to ensure the stability of the page.

Summary: Said these, dizziness? Look at the following memory methods

Second, the color of flat ppt design

1, Color principle: bright but not dazzling

A big feature of flat design is bright, but it should be moderate. On the left, we see the dazzling group in the case of small area of color is very dazzling, if the use of large areas, you and your small partners can also be happy to play together? And the Harmony group appears to be much softer.

How to adjust: as shown in the picture on the right, fine-tune the hue, appropriately reduce saturation and brightness. (Small white, please speak: The simplest is to adjust by the figure, the right "one" by the black gradient white one. )

2, to determine the background color: non-white--warm, cool, picture

About warm colors: it is not recommended to use, easy to light the eyes of blind viewers, still to create a residual image.

About cool colors: use more, but be aware of color compatibility. For example, in the above diagram, the color difference between the chart and the background must be played, or you can't see clearly.

About pictures: If the picture is not fancy, you can use it directly. But if the picture is too gorgeous eye-catching, this should be processed later to use. For example: Blur, Dim, add color block. In short, to follow: not dazzling, not affect the principle of information.

Blogger: Here's how to blur a picture (take PowerPoint2013 as an example). Select a view in the Ribbon → slide master → Select the top of the left slide (max) → insert picture → select picture → format → art effect → blur. You can also choose the "Art effect Options", in the bounce out of the editing area, adjust the virtual radius, so that the effect of the virtual better.

3. Multi-color and single color

Multi-color: Determine the main color, and then select 4-5 Secondary color, as color block color.

Multiple colors: Based on the main color, change the color saturation and brightness.

4. Color Reference website

http://www.flatuicolors.com/

http://www.peise.net/tools/web/(recommended)

These two sites are easy to use, even if you do not know the color, you can find the most reasonable color scheme. The second is a domestic web site, and in the lower right there are gorgeous tutorials.

Also, to be sure, many color schemes may not look good at first, but in fact, who knows!!

Three, flat ppt design color block

Flat ppt Design is one of the essence of the premise of the beautiful in order to simple, so in the shape of the color swatch as simple as possible, regular graphics, to avoid complex irregular graphics, the best polygon not more than 6 sides, so as not to distract viewers attention. In addition, for the size of the color should also pay attention to the size of the content, must be left with the right amount of white space, otherwise it will appear very low.

About the color block style, but also as simple as possible, at least to do "three go": to the high light, to shadow, to the gradient, so it is simple. (Small white, please say: is to insert a graphic, remove the border on it)

Four, flat ppt design icon

Charts are not used casually, and good icons can help viewers understand the content more clearly and deepen their impressions. It's no exaggeration to say that icons are as important as headlines, even more important.

How to get the PPT icon:

1, copycat

http://icomoon.io/app/

http://thenounproject.com/

Both sites are foreign sites, can not open to see your character, as to how to use these 2 sites, I do not say, you can find me this site has explained everything. In addition, you can also go to this site look for: Http://www.tretars.com/ppt-resource.

2, own hands, windbreaker foot food

PPT is strong enough, especially the 2013 version, can be produced by itself, the process is not as difficult as we think.

(in PPT, these functions are very important)

How to convert the PPT icon format:

1, online conversion.

You can use this site for conversion: http://www.fileformat.info/convert/image/svg2raster.htm. is not sigh, gratitude to me like surging river water ... Don't worry, this is only for SVG conversion to PNG, JPG, TIFF tools, the usefulness is limited.

2, AI

See AI This two letters, is not want to beat me? There is no way, to have a high force, you must have to do the preparation of the bitter force.

Five, flat ppt design fonts

I do not know if you have studied Apple, the Charm clan, millet, hammer and other mobile phone manufacturers to use the font, their fonts are sans serif fonts, as to what is no serif font above has been made very clear. Generally speaking, I think the more good-looking Chinese fonts are: Microsoft ya black, founder Young line, founder of Fine round, founder Orchid Pavilion; the more good-looking English fonts are too much. In this website also has many good fonts, may go to look for.

In addition to the font size relationship, the color of the font is also important. The most commonly used is black and white, as for other colors, we must ensure that its contrast with the background larger, and harmonious. Red accompany green don't appear.

Six, flat ppt design of the picture

PPT pictures show the most common there are only 3 ways: Full page display, large area display, square display. Of course, here is only a cursory presentation of some ppt pictures, more ppt picture typesetting can refer to this tutorial "PPT tutorial |10 a technique to make your PPT image look so full of force."

Seven, flat ppt design animation

PPT Basic animation, although simple, but a variety of simple combinations can bring gorgeous display effect, here is not to start to say, directly and rudely say what the author commonly used animation bar.

Element animations: Fade out, surface, line, arc, turn, ring, loop, custom path. If you can't find it ... Then look for it again.

Transitions animation: Fade, push, erase, uncover, cover, pan.

In short, the principle of flat ppt animation is: Simply, not fancy, not attract attention.

Pseudo-flat of flat ppt design

The so-called false flat flat is not thorough enough (well, this explanation is so pale), directly to the picture, there is a picture of the truth.

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.