{"id":1076,"date":"2018-03-04T19:29:53","date_gmt":"2018-03-04T19:29:53","guid":{"rendered":"http:\/\/www.hy-brids.co.uk\/?p=1076"},"modified":"2018-03-04T19:29:53","modified_gmt":"2018-03-04T19:29:53","slug":"what-are-the-basic-graphic-web-design-rules","status":"publish","type":"post","link":"https:\/\/hy-brids.co.uk\/?p=1076","title":{"rendered":"Basic Graphic\/Web Design Rules"},"content":{"rendered":"<p>There are some basic rules for designing graphics that have been around since the stone age:<\/p>\n<p><strong><span class=\"black\">a) Use the rule of thirds.<br \/>\nb) Arrange on diagonals.<br \/>\nc) Create a central focus.<br \/>\nd) Background is background and foreground is foreground.<br \/>\ne) Form follows function.<\/span><\/strong><\/p>\n<p>In addition, there is one rule that overrides all of the other rules, but only sometimes:<br \/>\n<strong><span class=\"black\">f) Rules are made to be broken<\/span><\/strong><\/p>\n<p>Use this last rule only when the other rules fail to give you the result you want. This doesn\u2019t mean you should fall into the trap of \u201cOoh, this isn\u2019t working \u2013 I\u2019ll break the rules to fix it.\u201d The rules cover 98% of all graphic design cases. The time to break the rules is when you know that the rules aren\u2019t sufficient to solve whatever creative problem is facing you.<\/p>\n<p><strong><span class=\"black\">a) Rule of thirds<\/span><\/strong><br \/>\nPlace important elements of the design on the one-third dividing lines of the image. Think 1\/3s of the horizontal and vertical, not half-way through.<\/p>\n<p><strong><span class=\"black\">b) Diagonals<\/span><\/strong><br \/>\nA diagonal in an image is created by any elements that line up along a slanted \/ diagonal line ie: parallel diagonals reinforce one another and give an overall form.<\/p>\n<p><strong><span class=\"black\">d) Backgrounds \/ Foregrounds<\/span><\/strong><br \/>\nEstablishing the proper relationship between the foreground and background is to do what you must to make the background less noticeable, and the foreground more noticeable. Don\u2019t confuse, overload and dazzle the viewer.<\/p>\n<p><strong><span class=\"black\">e) Form follows Function<\/span><\/strong><br \/>\nWeb graphics must generate a message, identify a hyperlink, help the user navigate to another page etc. As Frank Lloyd Wright quoted, &#8216;form follows function&#8217; ie: to be readable is more important than a stylish font.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are some basic rules for designing graphics that have been around since the stone age: a) Use the rule of thirds. b) Arrange on diagonals. c) Create a central focus. d) Background is background and foreground is foreground. e) Form follows function. In addition, there is one rule that&hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-1076","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/hy-brids.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/1076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hy-brids.co.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hy-brids.co.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hy-brids.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hy-brids.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1076"}],"version-history":[{"count":0,"href":"https:\/\/hy-brids.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/1076\/revisions"}],"wp:attachment":[{"href":"https:\/\/hy-brids.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hy-brids.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hy-brids.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}