Whitespace

Whitespace Concept Image

In the current online social media driven environment we are surrounded by information. This makes it vital for designers to think about and be clear with their layouts. The pages we design must get viewers’ attention regardless of whether they are buy goods on an ecommerce site, reading a blog or browsing a news site. […]

Colour Wheel

Adobe Coloor CC Screen Grab

Adobe Color Wheel Pick a Color any colour – no not that one! I was part of a discussion the other day where someone’s site design was called into question and part of that was the colour scheme. Some would say that the colour scheme was somewhat bland but the subject matter of the site […]

Typography

Typeface word with element descriptions

Why all capitals is not a good idea On many web sites the designer has chosen to use all capitals to promote an important message but all capitals is not a good idea. When we read we actually read the white space around words as much as we do the words themselves and this ability […]

Accelerated Mobile Pages

HTML Header Code for AMP

The Accelerated Mobile Pages (AMP) Project is an open source initiative that is being driven by publishers and technology companies to improve the entire mobile content infrastructure for everyone:  publishers, consumer platforms, creators, and users. In an April 1st post on the ampproject.org website a comparison was drawn between the Very Large Mobile Page Accelerator and the […]

Brand Assets

Social Media Keyboard

Brand Support The whole point of a “Brand” is to promote consumer recognition and usually some “brand value” but we’ll leave out the marketing clichés and concentrate on the brand image. The key to promoting and maintaining a brand is having a consistent use of that brand in all media including shape, colour, size and […]

Aspect Ratios

Aspect Ratio comparison

When we look at pictures and images they are either a portrait image where the width is narrower than the height dimension or they are landscape where the height is less than the width. These descriptions and width: height relationships began with paintings and spread through into photography in a sort of “if it’s not […]

Image Tools

Graphic Designer's Desk

Image Tools To create your perfect website you need to be able to manipulate images and graphics to get them into the right size and format. Probably the best now tools for this are the Adobe Suite of programs with Photoshop for images and Illustrator for vector graphics. The programmes are unfortunately far from cheap […]

Image Typefaces and Fonts

Typeface word with element descriptions

When you have been employed to create a new version of an existing website try and get the highest quality graphics you can direct from the client. By all means use images from their existing site (if they have one) as “place holders” but try for the originals. If you are adding any additional drawn […]

Image File Sizes

Hand Conjuring an Image Library

It can sometimes be difficult to find just the right images for the message you want to convey on your site. But please don’t steal images from the other peoples websites. Sourcing Images There are many sources of free images out there so have a search for for something suitable. When you do make Google’s […]

Let’s look at Symmetry

Symmetry as a concept image

Humans like Symmetry Human beings have a natural ability to recognise symmetry usually what is referred to as reflectional symmetry. This is where you put a dividing line down the centre of an object and the left hand side directly mirrors the right. It has been found that people seen a most attractive exhibit high […]