Graphic Design Methods For The Educational Designer

Graphic Design Suggestions For Educational Designers

Educational Designers are jacks of all trades. You need to know the whole lot from how one can write efficient studying goals and assessments to how one can design and develop enticing and interesting studying experiences. Oftentimes, the previous comes extra naturally than the latter.

On this article, we’ll offer you tricks to overcome a few of the design and growth hurdles in order that anybody can design user-friendly, aesthetically pleasing, accessible studying experiences.

Prime 5 Graphic Design Methods


First, you may need to begin with branding. In case your group or establishment has a model information, make sure you observe any requirements on this information. Generally model guides are so simple as normal colours to make use of, whereas others could embody particular fonts and even graphics.

Regardless, you must observe these tips and forgo something that does not match the branding.

Coloration Principle

If you do not have a model information to observe, some information of coloration concept is useful.

Coloration concept is greater than choosing two colours that look good collectively and figuring out that pink and inexperienced remind folks of Christmas. Coloration concept intersects science and artwork; in different phrases, not solely the information and utility of coloration but additionally the emotional connection colours can evoke.

In reality, coloration relies on one’s notion, which may be totally different from individual to individual. That is why, in a well-known picture on social media in 2020, some folks noticed a black and blue gown and others noticed a gold and white gown. There have been different comparable phenomena gone viral. Coloration notion relies on the sunshine mirrored from an object and the way our brains obtain these mixtures of lights.

Graphic design strategy: color theory

Some colours appear to be common, although. Heat colours like yellow, orange, and pink are energizing, whereas cool colours like purple, blue, and inexperienced are calming.

So how do you choose a mix? Suppose approach again to your grade faculty days studying the colour wheel.

Two colours which can be reverse of one another on the wheel, like pink and inexperienced, purple and yellow, and blue and orange, are complementary colours and might make your logos and textual content actually eye-catching. Three colours which can be aspect by aspect are analogous colours; these colours can point out development or motion in a selected path. Lastly, triadic colours are three colours which can be equally spaced across the wheel. Used collectively, triadic colours are contrasting but harmonizing.

As soon as you choose your colours, you must also take into account that some folks expertise coloration blindness, leading to distorted perceptions of colours or the lack to understand them in any respect. Learners with visible impairments profit from extremely contrasting colours. A very helpful software to have in your equipment is the Coloration Distinction Checker, which lets you enter two colours after which it provides a score. Poor distinction will likely be tough to learn and needs to be prevented when utilizing textual content. Good distinction will lead to a greater general expertise for the learner.


Typography is the artwork or process of arranging sort (letters and characters) or processing knowledge and printing from it. This will embody the font measurement, line size (monitoring), and letter spacing (kerning) on a single line of textual content or all through a doc.

Graphic design strategy: typography

Typography performs an essential function in how a message is conveyed and acquired. Let’s take a look at some examples:


Typography example

You possibly can see that only one phrase organized in another way can have a huge impact on the way you understand the message. Am I shocked or actually excited? You actually do not know, however you get a sense of how excited I’m simply by the imagery of those few characters.

Some particulars are much more delicate. Are you able to inform the distinction between these two fonts?

Typography example

They each embody the identical letters, phrases, areas, and characters. Nonetheless, you would possibly see that the second line is simpler to learn than the primary line. Are you aware why? It is the distinction between Serif and Sans Serif fonts. Serif fonts have small strokes or strains connected to the top of bigger strokes, whereas Sans (French for “with out”) Serif fonts do not need these additional flares, making them simpler to learn for the typical reader and in addition for the visually impaired and people who depend on display readers. Utilizing sans serif fonts makes your textual content extra accessible for everybody! In the event you’re in search of some free fonts so as to add to your assortment, attempt GraphicPear.

It is not solely the look of sort that’s essential. Alignment can even affect the general message. In typography, rivers happen when spacing will not be equal. Single phrases on the finish of a paragraph are referred to as orphans; single phrases or strains on the prime of a paragraph are referred to as widows. Take these sentences as examples:

Alignment can also have an effect on the overall message.

Rivers, orphans, and widows needs to be prevented in typography for a number of causes. First, uneven spacing of phrases and phrases may be visually distracting to the viewers. Second, when phrases or phrases are faraway from the context of the sentence or paragraph, the which means could also be affected. This can be particularly pronounced in case your learner is utilizing a display reader for accessibility. Display screen readers understand commas, intervals, and even line breaks and paragraph breaks in another way, and their interpretation could change the which means for these learners. Lastly, evenly spaced phrases and phrases are extra pleasing aesthetically.

To keep away from these typography points, learn your work fastidiously, delete any double areas, and alter line spacing. In the event you’re having bother discovering these typography fake pas, print your work and assessment it the wrong way up. It will trick your mind into specializing in the shape somewhat than the phrases. It’s also possible to rent a reviewer. Some post-secondary establishments supply inexpensive options, and there are numerous freelancers and firms who supply this service.

Photos, Icons, And GIFs

Textual content with out supporting photos can scale back viewers engagement. Luckily, there are many free photos and icons out there on the web. You possibly can even create your personal GIFs!

Listed below are a number of locations to look in case you want some free inventory photos:


The Let’s Improve Ai editor helps with picture decision. lets you create your personal GIF by including your personal SVG or utilizing a pattern from their library. And in case you’re merely in search of an icon, is the place to go.

Free Design Resources

In terms of utilizing photos, icons, and GIFs, although, do not forget that photos of any sort ought to have a transparent goal within the doc and help the learner with a visible illustration of the written or spoken content material.

Take these two photos for example. You’ve got been tasked with creating an eLearning course instructing new baristas how one can accurately make espresso. Positive, the espresso bean background is a pleasant aesthetic, however it does not add any worth to the coaching. The picture on the suitable of the barista filling the espresso cup demonstrates the method visually. When paired with on-screen textual content and/or voice-over, you’ll be able to inform the total story in your learners.

 Format Design

After you have photos, fonts, and colours picked out, you can begin to assemble the precise design. That is form of like placing items of a puzzle collectively—the entire items have a spot and every bit contributes to the general image. Format design refers back to the visible association of design components as learners will see it.

Correct structure design conveys a specific message to the viewers utilizing textual content and pictures organized in a logical, user-friendly approach. A simple-to-read design will likely be each helpful and aesthetically pleasing. When carried out accurately, your learners could not must learn each phrase on the display to get the message—photos, colours, strains, shapes, steadiness, and white area improve engagement and curiosity and improve the chance that your learners will bear in mind what they realized.

There are a number of key phrases in terms of structure design that is likely to be useful:

  • Alignment (or lack thereof) may be within the heart or on the sting and might refer to photographs or textual content being in line. You possibly can create visible curiosity and draw consideration to a portion of the design by misaligning it.
  • Proximity means group like design components collectively. This not solely holds visible curiosity, however it additionally reduces cognitive load by permitting the learner’s mind to course of these components on the identical time.
  • The Rule of Thirds means that dividing your design into 9 equal quadrants with two equally spaced vertical strains and two equally spaced horizontal strains after which inserting factors of curiosity the place the strains intersect (additionally referred to as energy factors) creates curiosity.

You is likely to be considering to your self, “This all sounds nice, however I am feeling restricted working in a doc.” That is an impediment that many Educational Designers have a tough time overcoming. We’re used to working in paperwork to create textual content, however these paperwork usually aren’t adequate so as to add graphics and aesthetically pleasing results. Don’t have any worry! There are fantastic design websites that may take coaching of any sort to the subsequent stage. is an internet design platform. After you create a free account, you can begin with both Design with Figma (design, prototype, and developer handoff) or Whiteboard in FigJam (brainstorm and diagram collectively). is a bit more user-friendly, particularly for the newbie, and can be free. There may be, nevertheless, a Canva Professional that provides you better entry to templates, fonts, and options. You possibly can create docs, whiteboards, displays, social media, movies, print initiatives, web sites, and extra. There are tons of free templates (that enable you with design components like The Rule of Thirds) out there that you may utterly customise, or you’ll be able to create your personal. Then you’ll be able to obtain your creation and share it wherever it’s good to.

Utilizing these structure design methods will assist your learners keep engaged within the content material and bear in mind it afterwards.

You Can Design!

With just a bit bit of data, you’ll be able to design lovely, efficient content material in your learners, whoever they might be!

eBook Release: Cinecraft Productions

Cinecraft Productions

Cinecraft works with a few of the world’s most recognizable manufacturers to enhance worker efficiency by the creation of higher customized studying options. Higher Studying – Higher Outcomes.

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *