- \n
- Photography 101:<\/strong><\/li>\n<\/ul>\n
Let\u2019s start with the image below:<\/p>\n
![\"\"](\"https:\/\/i0.wp.com\/139.59.4.234\/blog-test\/wp-content\/uploads\/2018\/10\/thirds-rule.jpg?resize=790%2C482\")
What draws your attention? Your answer would be a newspaper, a laptop, a notebook and so on. Now, look at the same image, but this time with grids:<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/139.59.4.234\/blog-test\/wp-content\/uploads\/2018\/10\/thirds-rule-with-grid.png?resize=790%2C482\")
<\/p>\nCan you see that the objects lie along the grid and all intersections lie on the important objects like the laptop, newspaper etc? This grid is not an ordinary grid, in fact, it\u2019s called a rule: the rule of thirds.<\/p>\n
According to this rule, if you place points of interest in the intersections or along the lines, your photo becomes more balanced and will enable a viewer of the image to interact with it more naturally.<\/span><\/p>\n
The image below shows the order of different intersections.<\/p>\n
![\"\"](\"https:\/\/i0.wp.com\/139.59.4.234\/blog-test\/wp-content\/uploads\/2018\/10\/thirds-rule-example-resized.png?resize=790%2C482\")
<\/p>\nAnd here\u2019s how you can utilize this rule to get the maximum attention of the users and optimize your landing page:<\/p>\n
- \n
- The top left is 41% which means that 41% of the users would look at this part of the image first. It is a perfect area to place your company logo, tagline and so on.<\/li>\n
- The intersection underneath the 41% area is also important, it is a great place to add a call to action button to convert your visitors.<\/li>\n
- Then you have the 20% and 14% area on the right, you can make use of this space by inserting a powerful image or some highlights of your service\/product.<\/li>\n<\/ul>\n
Related: How to Boost Your Sales?<\/a><\/p><\/blockquote>\n
How to Build and Optimize Landing Page?<\/strong><\/h2>\n
How to apply the Rule of Thirds when building a landing page? It\u2019s rather easy: just place the areas of interest along the grid-lines and around the intersections. See the example below:<\/p>\n
![\"\"](\"https:\/\/i0.wp.com\/139.59.4.234\/blog-test\/wp-content\/uploads\/2018\/10\/thirds-rule-sample-1024x640.jpg?resize=790%2C494\")
<\/p>\nThis is a dummy start page to illustrate how it works. Always remember that a good website<\/b> should be clean and not busy. The busier it is, the more confused the visitors would become<\/b>. So, we kept this dummy page clean and simple, with the logo, tagline and important links on the left, placing along the grid and the intersections (41% and 25%).<\/p>\n
![\"hire](\"https:\/\/i0.wp.com\/citrusleaf.in\/blog\/\/wp-content\/uploads\/2018\/10\/hire-web-developers-patti.png?resize=790%2C90&ssl=1\")
<\/a><\/p>\n![\"\"](\"https:\/\/i0.wp.com\/139.59.4.234\/blog-test\/wp-content\/uploads\/2018\/10\/thirds-rule-dropbox-1024x562.jpg?resize=790%2C434\")
<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/139.59.4.234\/blog-test\/wp-content\/uploads\/2018\/10\/thirds-rule-stripe-1024x562.jpg?resize=790%2C434\")
<\/p>\n