Graphic Design Guides: Visual Principles, Colour and Portfolio

Of the five principles, hierarchy most often decides whether an event poster is understood at a glance. The pattern is simple. Every piece has a single first-level message, usually the headline or event name. Next come two or three second-level items such as date, venue and call to action. Everything else is third-level detail, like a web address or the small print. The gap between levels comes from size, weight, colour and the space around each element.

A useful drill begins on paper. Write out all the text from a brief and mark each line 1, 2 or 3 before opening any software. When the layout is done, step back from the screen or squint until the words blur. Whatever shape still reads through the blur is your true first level. If that turns out to be a sponsor logo or a decorative border, the hierarchy needs rebuilding.

The classic stumbling block here is wanting everything to stand out at once. The headline grows, then the date grows too, then the call to action turns neon, and in the end nothing stands out at all. The fix is to shrink things: reduce the second and third levels, add white space around the headline, and watch the headline gain strength without being touched. You know the skill is taking hold when someone else can recall the poster's content in the same order as the numbers you wrote on paper.

The standard colour wheel holds 12 colours: three primaries, three secondaries mixed from them, and six tertiaries from further mixing. On the traditional wheel designers use, the primaries are red, yellow and blue. The wheel works as a map, since where two colours sit tells you how they relate. Neighbouring colours tend to feel calm and harmonious, while colours opposite each other intensify one another and pull attention.

Every colour has three properties. Hue is the name of the colour: red, blue, green. Saturation measures its purity, from vivid and loud to muted and close to grey. Value measures how light or dark it is. The three sliders in a design tool's colour picker usually map to these three properties. Plenty of beginner palettes clash because two colours are both highly saturated and fight for attention, even though their hues already match. Lowering the saturation of one of them usually settles the whole layout straight away.

Four harmony schemes give you starting formulas. Monochromatic uses one hue in lighter and darker variations and is the safest route to a clean look. Analogous takes two to four neighbouring colours, such as yellow, orange and red. Complementary pairs two opposites, such as blue and orange. Triadic uses three colours forming an even triangle on the wheel, with one allowed to dominate. To practise, take one main colour as a HEX code, try two or three schemes in Adobe Color or Coolors, and keep the one that best matches the single mood word you wrote down before starting.

Colour is written differently depending on where the work will end up. RGB mixes red, green and blue light for screens: websites, social media, video. CMYK mixes cyan, magenta, yellow and black ink for print: flyers, posters, packaging. HEX is a six-character code such as #EE3C3A that records an RGB value compactly and can be called up again in any software. Graphic design learners should choose the colour mode when creating a new document, since switching later tends to shift colours that were carefully balanced.

One question comes up almost immediately: why does a print look duller than the screen? A screen emits light, paper reflects light off ink, and ink covers a narrower range of colour. Some bright on-screen colours simply cannot be reproduced exactly in ink. Setting up print work in CMYK from the start reduces the surprise, and printing a single test sheet before a full run gives the most honest preview.

Resolution follows the same logic. Images for print are prepared at 300 ppi, while 72 ppi is enough for screens. Print work also needs bleed, roughly 3 mm of artwork extending past the trim line so no white sliver remains after cutting, along with a safe margin that keeps text away from the edge. As an exercise, prepare one poster in two versions, one for a social post and one for an A4 print, and note every document setting that has to change between them.

The most important concept in Photoshop is the layer. Every photo, line of text and brush stroke lives on its own layer and can be edited while the others stay untouched. Learners get into the habit of naming each layer, grouping layers into folders, adjusting opacity and locking layers that are final, because a real project can easily hold dozens of them. Merging everything too early is the habit that most often makes revisions painful.

Six core tools cover a first project: Move for repositioning, Marquee and Lasso for selections, Brush for painting and editing masks, Spot Healing Brush for small blemishes, Type for headings and copy, and Crop for tidying the composition. A few shortcuts are worth drilling in week one: hold Shift to add to a selection, hold Alt to subtract, Ctrl+J to copy a selection onto a new layer and Ctrl+D to deselect. Select and Mask helps refine tricky edges such as hair.

Colour and lighting fixes go on Adjustment Layers such as Brightness/Contrast, Levels and Hue/Saturation, so the original photo remains intact and any correction can be switched off later. The working file is saved as a PSD to keep every layer editable, then exported to JPG for photos or PNG for transparent backgrounds. Adobe sets 8 GB of RAM as the minimum and recommends 16 GB or more, which gives more headroom for heavily layered files. With 30 to 45 minutes of practice a day, learners typically feel comfortable editing simple photos within four to six weeks. A solid first-week project: three named layers, one object moved onto a new background, one Adjustment Layer correction, a headline in two typefaces, then a saved PSD and an exported JPG.

A visual identity project pulls every earlier skill together. Learners pick an imaginary business, perhaps a coffee stand, a plant shop or a bicycle repair service, and design a clean vector logo. From that logo come an official palette, a type pairing and several applications: business cards, social posts, packaging or a shop sign. A one-page guide listing the official colour codes and typeface names introduces the way professional studios actually work.

The real test of this project is consistency. Every application should feel like part of the same family even when the sizes differ enormously, from a small business card to a wide banner. A common stumbling block is giving each application a fresh style because the system starts to feel repetitive. The one-page guide is the anchor here. If an application needs a colour or typeface outside the guide, update the guide first and then adjust the application.

After that, the work goes out for critique, whether from an online design community, a mentor or a friend willing to be honest. Critique reveals blind spots the maker cannot see. Pieces are revised, then the strongest four to six are selected. Each one is presented with a short brief, the challenge it posed and the design decisions taken, because recruiters and clients read the thinking behind the image. Mockups, such as a poster shown hanging on a wall, help viewers picture the work in real life, and Behance and Instagram are common places to publish. One weak piece pulls down the impression of the whole set, so strict selection is part of the skill itself.