{"id":100,"date":"2017-04-01T00:31:20","date_gmt":"2017-04-01T00:31:20","guid":{"rendered":"http:\/\/richardcolby.net\/writ3500\/?page_id=100"},"modified":"2017-04-08T22:09:53","modified_gmt":"2017-04-08T22:09:53","slug":"design-aesthetics-for-the-web","status":"publish","type":"page","link":"http:\/\/richardcolby.net\/writ3500\/schedule\/module-2\/design-aesthetics-for-the-web\/","title":{"rendered":"Design Aesthetics for the Web"},"content":{"rendered":"<p>Sue Jenkins defines eight elements used in visual design. These are the components or \u201cparts\u201d used to communicate visually with an audience. The Principles of Design are the \u201crules\u201d that make for an effective visual design.<\/p>\n<p>8 Elements of Design \u00a0(&lt;46:00 in the video)<\/p>\n<ul>\n<li><strong>Color (hue)<\/strong> \u2013 The color(s) or pigment(s) used in a design to set the right mood or convey a deliberative feel or emotion.<\/li>\n<li><strong>Value (tone)<\/strong> \u2013 The degree of lightness or darkness of a given color to highlight areas of emphasis or add depth.<\/li>\n<li><strong>Texture<\/strong> \u2013 the surface quality of any defined shape or line to add depth or convey mood.<\/li>\n<li><strong>Shape<\/strong> \u2013 any flat area bound by line, value or color. They can be geometric or organic.<\/li>\n<li><strong>Form<\/strong> \u2013 the overall mass of shapes in your design and how they relate to each other.<\/li>\n<li><strong>Space<\/strong> (whitespace) \u2013 the intervals, areas, or measurable distances between all the objects or elements in a design.<\/li>\n<li><strong>Line<\/strong> \u2013 any actual or implied mark, path, mass, or edge which defines, position and\/or direction in the design.<\/li>\n<li><strong>Type<\/strong> \u2013 the fonts you choose for the text in your designs to convey the right mood for a target audience.<\/li>\n<\/ul>\n<p>10 Principles of Design (&gt;46:00 in the video)<\/p>\n<ul>\n<li><strong>Contrast<\/strong> \u2013 the juxtaposition of opposing elements by way of using different colors, tones, directions, lines, and shapes to show emphasis<\/li>\n<li><strong>Emphasis<\/strong> \u2013 focusing attention in a design to show how an element is more important than other areas of the design.<\/li>\n<li><strong>Balance<\/strong> \u2013 when the elements as a whole have a feeling of equality of weight, attention, or attraction.<\/li>\n<li><strong>Unity<\/strong> \u2013 the pleasing and harmonious arrangement of parts within a composition.<\/li>\n<li><strong>Pattern<\/strong> \u2013 organizing a design using repeating elements.<\/li>\n<li><strong>Movement<\/strong> \u2013 the suggestion of action or direction using static design, or the actual movement in interactive design.<\/li>\n<li><strong>Rhythm &amp; repetition<\/strong> \u2013 using repeated elements or patterns to create a visual rhythm.<\/li>\n<li><strong>Proportion<\/strong> \u2013 visual relationship between two or more things between their size, number or degree.<\/li>\n<li><strong>Simplicity<\/strong> \u2013 the elimination of any non-essential elements or details to reveal the essence of a form.<\/li>\n<li><strong>Gradation<\/strong> \u2013 any gradual change in a design that occurs by a series of stages, steps, or degrees.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Sue Jenkins defines eight elements used in visual design. These are the components or \u201cparts\u201d used to communicate visually with an audience. The Principles of Design are the \u201crules\u201d that make for an effective visual design. 8 Elements of Design \u00a0(&lt;46:00 in the video) Color (hue) \u2013 The color(s) or pigment(s) used in a design [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":96,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/richardcolby.net\/writ3500\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/richardcolby.net\/writ3500\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/richardcolby.net\/writ3500\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/richardcolby.net\/writ3500\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/richardcolby.net\/writ3500\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":1,"href":"http:\/\/richardcolby.net\/writ3500\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":102,"href":"http:\/\/richardcolby.net\/writ3500\/wp-json\/wp\/v2\/pages\/100\/revisions\/102"}],"up":[{"embeddable":true,"href":"http:\/\/richardcolby.net\/writ3500\/wp-json\/wp\/v2\/pages\/96"}],"wp:attachment":[{"href":"http:\/\/richardcolby.net\/writ3500\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}