Top 10 Design tips

It Should Be Readable From A Distance

Posters are visible from a fair distance because of their large sizes. But the information they convey should also be readable from a reasonable distance. People do not care to come too close of a poster to read it. Not many of them will read a poster in fine prints. The text is displayed in a poster design in three distinct layers. At the top, there is a headline in bold letters. It is readable from a distance because of the larger fonts. Opt for a readable but interesting typeface that draws attention. The second level of text is the details. Give the primary information and the message of your poster. But provide the details in the font size that is half of the main headline. Or, if you want to use a larger scale, make sure that it is distinctly separated from the headline. Other details that are of minor importance can go at the bottom of the poster in smaller fonts.

Vertical align with flex

Since the Flexible Box Layout Model appeared, it became very popular, because it makes positioning and aligning elements easier. Using flex (Flexible Box Layout Model sub-property) made vertical alignment fast, nice, and easy before we had to do it a little bit around in many cases. Let’s take a look at code example for vertical positioning with flex because it allows doing a lot with alignment. As you can see in the code above, we used display: flex and align-items: center, justify-content: center to ensure our child element will be exactly in the center of the parent element. Easy, right?

Create Some Contrast

People do not have the time these days to pay close attention to the things around them. Their attention time is shorter today than ever before. They do not care to see a poster closely unless its design compels them to do so. But if there are some elements of contrast, it will catch their eye when they glance at your poster. Contrast makes us see the things instantly as there is a big difference between the two elements catches the eye especially if someone is creating movie poster using movie poster maker. So, you can use dark and light colors. Pure black and pure white offer the ultimate contrast colors values. You can also try incorporating dark text against a light background. So, rather than using a monotone color palette, you should prefer colors that appear distinctly different. Similarly, use typefaces of various sizes that people can see easily from a distance. In fact, contrast can be achieved in a lot of ways by a poster designer. It can be ensured with color intensity, with shape by putting organic against geometric and edges against corners. You can also experiment with scale vs. size when thinking of contrast as an impressive design element. A contrast of spacing and white space can also draw the attention. Other techniques include contrast with repetition and patterns, position and orientation, proximity and separation, font combination, and complex and simple features.

Blend modes

We can do lots of cool stuff in CSS right now, and one of them is a blend mode. There are two properties for blend modes: mix-blend-mode, which defines blending between element and element behind it, and background-blend-mode, which defines blending between the background image and background color of the element. Let’s take a look at how it works: In the code above, we set image and header with text. The text is an element that is blended with the image. We used overlay value, but there are 15 other values that can be used. Now, let’s check the background-blend-mode code example: In this case, we can see how the background image got blended with the color. The first image is before blending, and the second one is after blending. Isn’t it amazing what we can do with CSS?

Don’t settle for the basic, built-in PowerPoint templates

PowerPoint templates make your lives easier. Templates mean you don’t have to design everything from scratch. Just select your layout, add your content, make a few edits here and there, and you’re done. So why not use the basic templates in PowerPoint? In case you’ve forgotten what they look like, here’s a refresher: Millions of people have used these templates in their presentations. If you don’t want your presentation to look like a copy-paste, me-too version, stay away from the built-in templates. The good news is there are other free and premium templates out there beyond the ones Microsoft provides. In fact, at 24Slides.com, our professional PowerPoint designers — who understand the psychology behind effective presentations — have created premium-looking templates you can download here – for free! Check out these examples from the Product Hunt pitch deck to get a taste of our templates:

Consider The Location

One of the things that need to be considered while creating a poster design is the location. Know where the poster will be located. But many factors such as the size of the poster and visual clutter are included in deciding on the location. People should be able to see your call to action. It is an essential factor. For example, if your poster is to hang on a green wall, you may want to use a contrasting color scheme. You should explicitly tell the designer, whose graphic design services you use, about the location where the poster will appear. It may be a physical site or an online site. The designer will consider the location and design the poster accordingly.

Use Format Painter to save time

Format Painter does one thing and one thing only: it saves you time. Tons of it, in fact. Here’s where you find this nifty time-saver on your PowerPoint ribbon: If you’ve ever tried copy and pasting one element’s format to many other elements on the same slide, or on 100 other slides, you know how time-consuming the process is. Without Format Painter, formatting elements goes something like this:

  • Format one element and remember all the different settings.
  • Format the second element and then try to remember all the settings from the first element.
  • Look at the clock and realize you’ve wasted 10 minutes. With Format Painter, however, all you do is:
  • Click the first element.
  • Hit Format Painter.
  • Click the second element. That’s it! If you want to copy the first element’s format and paste into more than one element, just double-click Format Painter and click each element you want to format one by one. When you’ve formatted all the elements, hit ESC on your keyboard. It’s that easy.

Parallax scrolling

Parallax is a very common trend in modern web design. It’s about scrolling background content at a different speed than foreground content when we scroll the page. Let’s see how this magic can be done using CSS: In the example, you can see how our text and background image are moving differently. We used transformZ, to fasten one element and slow another one. Looks good, right?

Animate a flowchart to make it come alive

Flowcharts are a great way to display complex information. However, you may not want to show an entire flowchart at once. Instead, you want each point to appear at the right time so you can discuss each point verbally. Here’s how you animate a flow chart in PowerPoint:

  • Click the first element, point, or process in your flowchart. Then select an animation from the Animations tab.
  • Define each element’s animation and timing settings.
  • You can also open the Animations Pane to view and adjust your animation settings.
  • Repeat steps 1 and 2 for all elements in your flowchart. Make sure you preview the whole flowchart animation and edit as necessary.