{"id":12789,"date":"2021-11-30T15:56:02","date_gmt":"2021-11-30T12:56:02","guid":{"rendered":"https:\/\/blog.travelpayouts.com\/en\/?p=12789"},"modified":"2025-07-23T17:10:00","modified_gmt":"2025-07-23T14:10:00","slug":"how-to-create-great-graphic-design-for-your-blog","status":"publish","type":"post","link":"https:\/\/www.travelpayouts.com\/blog\/how-to-create-great-graphic-design-for-your-blog\/","title":{"rendered":"How to Create Great Graphic Design for Your Blog"},"content":{"rendered":"\n

The Importance of Using Images in Your Blog<\/h2>\n\n\n\n

Bloggers are well aware of the key role images play in the overall success of their content. Let\u2019s do a quick recap. <\/p>\n\n\n\n

  1. Images facilitate cognition<\/a>. This means your reader will find it easier to look at and to read your site if it is livened up with graphics. <\/li>
  2. We process text and images differently, and images are processed much faster<\/a> than words. So images help us understand the text by backing it up. They also give us a welcomed break from reading, which means we are more likely to stay on the page and finish reading a post. <\/li>
  3. Humans are wired to react to bright colors<\/a>. We are naturally attracted to them, so having colorful visuals will raise your chances of being noticed and read. <\/li>
  4. Finally, social media likes and shares. Posts with images get many more likes and shares<\/a> than those without them. <\/li><\/ol>\n\n\n\n

    How to Create Eye-Catching Infographics<\/h2>\n\n\n\n

    So let\u2019s get down to the basic practical aspects and learn how to make graphic designs by taking a look at the general rules you can follow to scale up your creative skills.<\/p>\n\n\n\n

    1. Define the Mood of Your Design<\/h3>\n\n\n\n

    First things first. Think of what you want to say (the message you want to get across) and the reaction you\u2019re looking for. Design is communication too, and everything you do will send a certain signal to your audience. Do you want to create a business-like, professional appearance? Or would you rather make people smile by going for a light-hearted, funny, slightly ironic style? Or perhaps keep it balanced and informative? Dramatic? Futuristic? Romantic? Primitive? The options are endless, and you need to think of the best design approach to channel the mood of your specific brand. <\/p>\n\n\n\n

    2. Create Color Harmony<\/h3>\n\n\n\n

    Once you\u2019ve decided on the mood, it\u2019s time to get hands-on and begin experimenting. Picking and combining colors the right way is the first step to creating pleasant visuals that are nice to look at.<\/p>\n\n\n\n

    Use a Color Palette<\/h4>\n\n\n\n

    Ok. So it\u2019s not just graphic design that has rules. Color has its own theory and a set of guidelines you can follow to mix colors well. Colors are subdivided into primary (red, yellow, and blue), secondary (green, orange, and purple), and tertiary (blue-green, red-orange, and yellow-green). Black and white aren\u2019t technically colors, they are used to get lighter or darker color shades.<\/p>\n\n\n\n

    Color palettes, color schemes, and color wheels help us see the relationship between colors and make it easy to experiment in combining different tones. As a rule, it\u2019s safe to combine two colors that are next to each other in the color wheel, and it usually works to go for opposites to create eye-pleasing contrast.<\/p>\n\n\n\n

    \"A\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    A color wheel organizes color hues around a circle <\/figcaption><\/figure>\n\n\n\n

    Most, if not all, graphic design software will have some kind of color scheme to help you choose, such as this Colour Picker by Photoshop<\/a>:\u00a0<\/p>\n\n\n\n

    \"Color\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Color Picker by Photoshop<\/figcaption><\/figure>\n\n\n\n

    Or this color picking tool by Material Design<\/a>: <\/p>\n\n\n\n

    \"Color\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Color Picking Tool by Material Design<\/figcaption><\/figure>\n\n\n\n

    Choose One Dominant Color<\/h4>\n\n\n\n

    One single color has to dominate over the others in the palette. This will help achieve clarity and uniformity and make everything easier to look at and process. You can complement your dominant color with lighter shades of the same color.<\/p>\n\n\n\n

    3. Overlay Text<\/h3>\n\n\n\n

    When you position your text against an image background, make sure they go well together. Play around by moving the text to different places and changing the size to see what works best. <\/p>\n\n\n\n

    Scale Your Text<\/h4>\n\n\n\n

    Making the text larger or smaller and having it fill a smaller or larger portion of your background can create different effects. <\/p>\n\n\n\n

    \"scaling\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    How to scale text depending on the background<\/figcaption><\/figure>\n\n\n\n

    Add Letter Spacing<\/h4>\n\n\n\n

    Appropriate letter spacing is more important than it may seem at first glance. Crammed texts are never a good idea, so make sure to leave enough space between letters, words, and lines of text. This part is more or less obvious. <\/p>\n\n\n\n

    Next comes kerning, which is the adjustment of spaces between pairs of letters specific to each font. Kerning typography is not about equal spacing or symmetry, but, on the contrary, about achieving a pleasing, readable result through selecting an appropriate spacing for each letter pair. <\/p>\n\n\n\n

    \"adding\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    The importance of kerning, source: Creatopy.com<\/a> <\/figcaption><\/figure>\n\n\n\n

    Most fonts you will use will already have all the necessary kern pairs, but you still need to be ready to make changes and have a keen eye for any spacing issues that may crop up in your text. <\/p>\n\n\n\n

    4. Keep Fonts Under Control<\/h3>\n\n\n\n

    There are an infinite amount of fonts to choose from, and picking one can be tricky. Picking two, and combining them properly can be even trickier, so here are a few general rules you can follow. <\/p>\n\n\n\n

    Choose Contrasting Fonts<\/h4>\n\n\n\n

    Using two contrasting fonts is a classic trick in graphic design. Combining fonts that differ only slightly rarely works well. Compare using two similar shades of yellow with using a dashing combo of yellow and black. But with fonts, they shouldn\u2019t be too different either. It\u2019s a delicate balance between contrasting and conflicting. As a rule of thumb, you can combine fonts from the same family (typeface)<\/a> or superfamily<\/a>. One way to achieve a harmonious contrast is by using serif and sans serif fonts from the same family, like Merriweather and Merriweather Sans. <\/p>\n\n\n\n

    \"Members\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Members of the Lucida font superfamily <\/figcaption><\/figure>\n\n\n\n

    Don’t Use Over Three Different Fonts<\/h4>\n\n\n\n

    As mentioned before, consistency and uniformity are essential, and just as you want to keep your colors harmonious, you need to keep those fonts under control. When you have selected 2-3 fonts that go well together and fit in with the style of your blog, it\u2019s time to move on. Having more than 3 fonts in the same infographic will mess up the harmony and make the visuals harder to perceive. <\/p>\n\n\n\n

    \"using\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Using the right number of fonts. Source: 44North Digital Marketing<\/a> <\/figcaption><\/figure>\n\n\n\n

    5. Add More Elements<\/h3>\n\n\n\n

    Your graphic designs need building blocks. These are the different elements you will pick and combine to separate and highlight the content in your graphics, give them more detail and weight, as well as create a balanced composition. <\/p>\n\n\n\n

    \"adding\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Adding geometric elements to graphic design<\/figcaption><\/figure>\n\n\n\n

    Lines<\/h4>\n\n\n\n

    Lines can vary in thickness and texture. They can be vertical, horizontal, diagonal, or curved. Adding lines to your background helps create a geometrical balance to complement and highlight your text. Curved lines can soften the image and make it visually lighter and more flowy, while straight lines will make the image sharper and more defined. You can also use lines to divide or compartmentalize your image to create contrast or opposition. <\/p>\n\n\n\n

    Icons<\/h4>\n\n\n\n

    Icons are an amazing little element to use in an image or infographic. They immediately draw attention and can substitute text, making the whole graphic lighter, more pleasant to look at and easier to grasp. You can use icons to illustrate ideas or relate some key points, essentially using them instead of a bullet point list. Icons can also be used for decorative purposes only, as a nice touch to your design. <\/p>\n\n\n\n

    \"Example\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Example of icon use. Source: Visme<\/a> <\/figcaption><\/figure>\n\n\n\n

    Icons can add color to your image, but try to keep them within your chosen color palette. You can also use transparent icons that will look good in any color context.<\/p>\n\n\n\n

    Shapes<\/h4>\n\n\n\n

    Shapes, such as circles, squares, ovals, and octagons (and many, many more) can serve as a holder for your text. This will help separate the text thematically from other text elements or make it legible if set against an image. Shapes are a key building block for infographics too and can help illustrate statistics and show relationships between phenomena.<\/p>\n\n\n\n

    Grids<\/h4>\n\n\n\n

    Grids of similar images or images that share topical or color characteristics are a great eye-catcher. They also provide a basic layout which you can use to organize any overlaid text. <\/p>\n\n\n\n

    \"An\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    An example of a grid with images<\/figcaption><\/figure>\n\n\n\n

    You can use basic graphic design software to combine images (remember to stick to your color palette!) and make collages from different photos to create a graphic image that is unique and attractive.<\/p>\n\n\n\n

    6. Change Image Saturation<\/h3>\n\n\n\n

    Changing the saturation of an image can change a lot. A photograph with very low color saturation looks almost grey compared to the intense, dashing colors of an oversaturated photo.<\/p>\n\n\n\n

    \"An\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    An example of altered color saturation. Via Bazen<\/a> <\/figcaption><\/figure>\n\n\n\n

    Experiment with the saturation of your chosen colors to see what looks best.<\/p>\n\n\n\n

    7. Keep Consistency<\/h3>\n\n\n\n

    Visual consistency is highly important for your brand and here\u2019s why. Your blog, newsletter, social media pages, and everything that goes in them are visual experiences (unless it\u2019s a podcast of course, but even this has to have a cover and is accessed from a webpage). <\/p>\n\n\n\n

    Once you associate a visual style with your work, you become recognizable. Readers will need just a few visual cues to realize what they are looking at and know what to expect.<\/p>\n\n\n\n

    \"You\u2019ll\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    You\u2019ll never mistake good old Thesaurus.com<\/a> for anything else out there <\/figcaption><\/figure>\n\n\n\n

    Stick with the same general set of fonts and colors and make them your thing. Make sure any non-customized images you pick are in line with your graphic design. Visual consistency is what makes your brand stand out and in that sense is no less important than your logo. <\/p>\n\n\n\n

    8. Create a Visual Hierarchy<\/h3>\n\n\n\n

    Visual hierarchy is about arranging graphic elements in such a way as to clearly show their order of relevance. For instance, if you want to add a \u201cSubscribe now\u201d button to your webpage, you don\u2019t want to make it look like it\u2019s unimportant and hide it among other elements on the page. You\u2019ll want to make it large and bright. That is visual hierarchy. <\/p>\n\n\n\n

    \"Font\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Font and color used to highlight the important elements in a design. Source: Visme<\/a> <\/figcaption><\/figure>\n\n\n\n

    \u200b\u200bThere are several basic principles you can follow to arrange elements correctly. Our eyes become automatically drawn to the larger objects, so there needs to be a correlation between size and relevance. Color and contrast are important too, as brighter objects attract more attention, as well as elements that seem separate and are not aligned with others. <\/p>\n\n\n\n

    9. Try Flat Design<\/h3>\n\n\n\n

    You will have seen more and more of that lately, including here, in the Travelpayouts blog. Flat designs are gaining popularity and are solid proof that graphics don\u2019t have to be 3D to look great. <\/p>\n\n\n\n

    \"Travelpayouts\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Flat design on Travelpayouts blog <\/figcaption><\/figure>\n\n\n\n

    If you\u2019re a beginner, don\u2019t worry about investing time and effort into learning to work with 3D just yet. Flat designs are a great and easy way to do graphics that will work perfectly well for your blog. <\/p>\n\n\n\n

    10. Use White Space<\/h3>\n\n\n\n

    White space can be used to your advantage, and it\u2019s just as important an element as fonts, lines, icons, and shapes. <\/p>\n\n\n\n

    Graphic designs with a lot of white space have a calm, minimalistic vibe and look impressive. One of the biggest brands that famously makes use of white space is Apple. So don\u2019t be afraid to use it. <\/p>\n\n\n\n

    \"using\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    An example of white space use by Penguin Classics <\/figcaption><\/figure>\n\n\n\n

    How to Create Stunning Graphic Design on Your Blog<\/h2>\n\n\n\n

    To conclude, making your own graphics is really not that hard. There are clear principles that lie behind graphic design, and simply following them will provide you with great results even if you are a newbie. So good luck putting these into practice, and have fun creating amazing graphics for blog posts!<\/p>\n","protected":false},"excerpt":{"rendered":"

    You may not be a graphic designer, but it doesn\u2019t mean you can\u2019t make your own graphics easily. To a large extent, creating graphics is based on a bunch of rules and while following them won\u2019t turn anyone into a star graphic designer overnight, but it will help you make well-balanced, eye-catching, and professional graphics. And that\u2019s a very valuable skill to have. Find 10 easy and efficient tips to achieve great graphic design for your blog in this post.<\/p>\n","protected":false},"author":39,"featured_media":12880,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"categories":[7],"tags":[26,136],"class_list":["post-12789","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-advices","tag-blog","tag-design"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.travelpayouts.com\/blog\/wp-json\/wp\/v2\/posts\/12789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.travelpayouts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.travelpayouts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.travelpayouts.com\/blog\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.travelpayouts.com\/blog\/wp-json\/wp\/v2\/comments?post=12789"}],"version-history":[{"count":5,"href":"https:\/\/www.travelpayouts.com\/blog\/wp-json\/wp\/v2\/posts\/12789\/revisions"}],"predecessor-version":[{"id":28419,"href":"https:\/\/www.travelpayouts.com\/blog\/wp-json\/wp\/v2\/posts\/12789\/revisions\/28419"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.travelpayouts.com\/blog\/wp-json\/wp\/v2\/media\/12880"}],"wp:attachment":[{"href":"https:\/\/www.travelpayouts.com\/blog\/wp-json\/wp\/v2\/media?parent=12789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.travelpayouts.com\/blog\/wp-json\/wp\/v2\/categories?post=12789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.travelpayouts.com\/blog\/wp-json\/wp\/v2\/tags?post=12789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}