{"id":420,"date":"2012-11-27T15:11:50","date_gmt":"2012-11-27T15:11:50","guid":{"rendered":"https:\/\/digitalmediacomputing.org.uk\/?p=420"},"modified":"2012-11-27T15:11:50","modified_gmt":"2012-11-27T15:11:50","slug":"design-theory","status":"publish","type":"post","link":"https:\/\/digitalmediacomputing.org.uk\/?p=420","title":{"rendered":"Design Theory"},"content":{"rendered":"

Today we went over some design principles and revised some theory. We looked at Contrast, Shape,\u00a0Movement, Line, Texture, Balance, Unity and Navigation<\/p>\n

Contrast<\/h2>\n

Good colour contrast makes text easier to read and makes it easier for people with colour blindness and visual impairments. \"Examples<\/a><\/p>\n

If you have time, read more about colour blindness and see examples of how people can see different colours<\/a>.<\/p>\n

Shape<\/h2>\n

HTML web pages are generally designed in grids of columns but you can use interesting shapes including geometric shapes like squares, circles and triangles to communicate better. \"Geometric<\/a><\/p>\n

Movement<\/h2>\n

Visual movement is used to guide the user through the web site. \u00a0This isn’t using animated gifs but pictures where your eye flows over to the important parts of the page. \"Visual<\/a><\/p>\n

Line<\/h2>\n

Lines are used to divide up elements on your web page, to organise the space and to direct the user’s eye. \u00a0The lines don’t have to be straight! \"Code<\/a><\/p>\n

Texture<\/h2>\n

You can use texture to give the impression of a surface to your design and to make your website feel more immersive. \"Examples<\/a><\/p>\n

Balance<\/h2>\n

Balance on a web pages involved making sure the left and right sides of the page are similar in terms of shape, size, colour, position and quantity \"Balanced<\/a><\/p>\n

Unity<\/h2>\n

Unity is grouping all the elements on a page that seem to belong together. \"Unity<\/a><\/p>\n

Navigation<\/h2>\n

In some ways, navigation is one of the most important part of web design. \u00a0If the visitors to your website can’t find the information they want then they will leave your site. \u00a0Good navigation will make your\u00a0visitors want to click and hang around your site a little longer.<\/p>\n

Headings need to be clear to help your users navigate around the page. Buttons or navigation bars are usually used to go to the main sections of web sites.<\/p>\n

\"Web<\/a><\/p>\n

For a long time there has been an informal design rule that you should be able to find the information you’re looking for on a site within three clicks<\/a>. \u00a0However its now felt that the usability of your site is more important<\/a> than counting the clicks it takes to get there.<\/p>\n

Links<\/h2>\n

You should avoid having web links with “click here” written as this makes it difficult for people with visual\u00a0impairments\u00a0using a speech reader<\/p>\n

\"Examples<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Today we went over some design principles and revised some theory. We looked at Contrast, Shape,\u00a0Movement, Line, Texture, Balance, Unity and Navigation Contrast Good colour contrast makes text easier to read and makes it easier for people with colour blindness and visual impairments. If you have time, read more about colour blindness and see examples […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50,49,43,46,1,44],"tags":[],"class_list":["post-420","post","type-post","status-publish","format-standard","hentry","category-css","category-html","category-ms-farrells-blog","category-s5-6dmc","category-uncategorized","category-web-design"],"_links":{"self":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts\/420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=420"}],"version-history":[{"count":5,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts\/420\/revisions"}],"predecessor-version":[{"id":426,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts\/420\/revisions\/426"}],"wp:attachment":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}