Composition Rules in DesignThese are the rules which aid in a user finding the most importanteasily. It directs the users eyes through the website or photo.•focal point/centre of interest•rule of thirds•leading lines•framing•eye flow
FramingThe world is full of objects which make perfect natural frames, such as trees,archways and holes. By placing these around the edge of the composition youhelp to isolate the main subject from the outside world. The result is a morefocused image which draws your eye naturally to the main point ofinterest.Here, the surrounding hills form a natural frame, and the piece of woodprovides a focal point.
Rule of ThirdsImagine that your image is divided into nine equal segments by two vertical andtwo horizontal lines. Try to position the most important elements in your scenealong these lines, or at the points where they intersect. Doing so will addbalance and interest to your photo. Some cameras even offer an option tosuperimpose a rule of thirds grid over the LCD screen, making it even easier touse.
Leading LinesWhen we look at a photo our eye is naturally drawn along lines. By thinkingabout how you place lines in your composition, you can affect the way we viewthe image, pulling us into the picture, towards the subject, or on a journey"through" the scene. There are many different types of line - straight, diagonal,curvy, zigzag, radial etc - and each can be used to enhance our photoscomposition.
Focal Point• Similar to the principle of Emphasis. Designers can use different techniques to create a focal point. Focal Points are important because they direct the users eyes to the important aspect of the picture/website.• Some of these are size, blur, line.
Eye Flow• Important for a web designer to consider eyeflow considering 80% of users are scanning the page.• Eyes enter page at Primary Optical Area (POA) and leave at leaves at Terminal Anchor. Its important not to put important information or distracting content in the fallow corners (crosses)
Eye Flow cont’d• Use left alignment for text and headings to reduce eye movement.• Use a hierarchy of your content. The most important content at the top down to the lesser of the content