{"id":5,"date":"2014-10-27T19:45:27","date_gmt":"2014-10-27T19:45:27","guid":{"rendered":"https:\/\/courses.candelalearning.com\/cfacreatemultimedia\/chapter\/chapter-1\/"},"modified":"2014-11-05T13:26:57","modified_gmt":"2014-11-05T13:26:57","slug":"chapter-1","status":"web-only","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/chapter\/chapter-1\/","title":{"raw":"Designing and Creating Effective Media","rendered":"Designing and Creating Effective Media"},"content":{"raw":"When designing images and other visual media, you should be aware of the most common visual design principles. How you apply these principles determines how successful your design is likely to be.\r\n<h3><span id=\"Unity.2FHarmony\" class=\"mw-headline\">Unity\/Harmony<\/span><\/h3>\r\nAccording to Alex White, author of <i>The Elements of Graphic Design<\/i>, to achieve visual unity is a main goal of graphic design. When all elements are in agreement, a design is considered unified. No individual part is viewed as more important than the whole design. A good balance between unity and variety must be established to avoid a chaotic or a lifeless design.\r\n\r\n[caption id=\"attachment_68\" align=\"alignright\" width=\"240\"]<a href=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/6809894567_b076b8db62_m.jpg\"><img class=\"size-full wp-image-68\" src=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/6809894567_b076b8db62_m.jpg\" alt=\"Repetition occurs when a design element is repeated several times in an image.\" width=\"240\" height=\"167\" \/><\/a> Repetition occurs when a design element is repeated several times in an image.[\/caption]\r\n<h4><span id=\"Methods\" class=\"mw-headline\">Methods<\/span><\/h4>\r\n<ul>\r\n\t<li>Proximity: sense of distance between elements<\/li>\r\n\t<li>Similarity: ability to seem repeatable with other elements<\/li>\r\n\t<li>Continuation: the sense of having a line or pattern extend<\/li>\r\n\t<li>Repetition: elements being copied or mimicked numerous times<\/li>\r\n\t<li>Rhythm: is achieved when recurring position, size, color, and use of a graphic element has a focal point interruption.<\/li>\r\n\t<li>Altering the basic theme achieves unity and helps keep interest.<\/li>\r\n<\/ul>\r\n<h3><span id=\"Balance\" class=\"mw-headline\">Balance<\/span><\/h3>\r\nIt is a state of equalized tension and equilibrium, which may not always be calm.\r\n<h4>\u00a0Types of Balance<\/h4>\r\n<ul>\r\n\t<li>Symmetry<\/li>\r\n\t<li>Asymmetrical produces an informal balance that is attention attracting and dynamic.<\/li>\r\n\t<li>Radial balance is arranged around a central element. The elements placed in a radial balance seem to 'radiate' out from a central point in a circular fashion.<\/li>\r\n\t<li>Overall is a mosaic form of balance which normally arises from too many elements being put on a page. Due to the lack of hierarchy and contrast, this form of balance can look noisy but sometimes quiet<\/li>\r\n<\/ul>\r\n<h3><span id=\"Hierarchy\" class=\"mw-headline\">Hierarchy<\/span><\/h3>\r\nA good design contains elements that lead the reader through each element in order of its significance. The type and images should be expressed starting from most important to the least important.\r\n\r\n[caption id=\"attachment_70\" align=\"alignright\" width=\"240\"]<a href=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/2806711443_4f6331d7ac_m.jpg\"><img class=\"size-full wp-image-70\" src=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/2806711443_4f6331d7ac_m.jpg\" alt=\"Scale is used to make an apple appears bigger than stars, dominating the image. \" width=\"240\" height=\"159\" \/><\/a> Scale is used to make an apple appears bigger than stars, dominating the image.[\/caption]\r\n<h3><span id=\"Scale.2Fproportion\" class=\"mw-headline\">Scale\/proportion<\/span><\/h3>\r\nUsing the relative size of elements against each other can attract attention to a focal point. When elements are designed larger than life, scale is being used to show drama.\r\n<h3><span id=\"Dominance.2Femphasis\" class=\"mw-headline\">Dominance\/emphasis<\/span><\/h3>\r\nDominance is created by contrasting size, positioning, color, style, or shape. The focal point should dominate the design with scale and contrast without sacrificing the unity of the whole.\r\n<h3><span id=\"Similarity_and_contrast\" class=\"mw-headline\">Similarity and contrast<\/span><\/h3>\r\nPlanning a consistent and similar design is an important aspect of a designer's work to make their focal point visible. Too much similarity is boring but without similarity important elements will not exist and an image without contrast is uneventful so the key is to find the balance between similarity and contrast.\r\n<h4><span id=\"Similar_environment\" class=\"mw-headline\">Similar environment<\/span><\/h4>\r\nThere are several ways to develop a similar environment:\r\n<ul>\r\n\t<li>Build a unique internal organization structure.<\/li>\r\n\t<li>Manipulate shapes of images and text to correlate together.<\/li>\r\n\t<li>Express continuity from page to page in publications. Items to watch include headers, themes, borders, and spaces.<\/li>\r\n\t<li>Develop a style manual and adhere to it, to insure consistent use of colors, fonts, and tone.<\/li>\r\n<\/ul>\r\n<h4><span id=\"Contrasts\" class=\"mw-headline\">Contrasts<\/span><\/h4>\r\nThere are many ways to create contrast, including:\r\n<ul>\r\n\t<li>\u00a0Space\r\n<ul>\r\n\t<li>Filled \/ Empty<\/li>\r\n\t<li>Near \/ Far<\/li>\r\n\t<li>2-D \/ 3-D<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Position\r\n<ul>\r\n\t<li>Left \/ Right<\/li>\r\n\t<li>Isolated \/ Grouped<\/li>\r\n\t<li>Centered \/ Off-Center<\/li>\r\n\t<li>Top \/ Bottom<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Form\r\n<ul>\r\n\t<li>Simple \/ Complex<\/li>\r\n\t<li>Beauty \/ Ugly<\/li>\r\n\t<li>Whole \/ Broken<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Direction\r\n<ul>\r\n\t<li>Stability \/ Movement<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Structure\r\n<ul>\r\n\t<li>Organized \/ Chaotic<\/li>\r\n\t<li>Mechanical \/ Hand-Drawn<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Size\r\n<ul>\r\n\t<li>Large \/ Small<\/li>\r\n\t<li>Deep \/ Shallow<\/li>\r\n\t<li>Fat \/ Thin<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Color\r\n<ul>\r\n\t<li>Grey scale \/ Color<\/li>\r\n\t<li>Black &amp; White \/ Color<\/li>\r\n\t<li>Light \/ Dark<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Texture\r\n<ul>\r\n\t<li>Fine \/ Coarse<\/li>\r\n\t<li>Smooth \/ Rough<\/li>\r\n\t<li>Sharp \/ Dull<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Density\r\n<ul>\r\n\t<li>Transparent \/ Opaque<\/li>\r\n\t<li>Thick \/ Thin<\/li>\r\n\t<li>Liquid \/ Solid<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Gravity\r\n<ul>\r\n\t<li>Light \/ Heavy<\/li>\r\n\t<li>Stable \/ Unstable<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","rendered":"<p>When designing images and other visual media, you should be aware of the most common visual design principles. How you apply these principles determines how successful your design is likely to be.<\/p>\n<h3><span id=\"Unity.2FHarmony\" class=\"mw-headline\">Unity\/Harmony<\/span><\/h3>\n<p>According to Alex White, author of <i>The Elements of Graphic Design<\/i>, to achieve visual unity is a main goal of graphic design. When all elements are in agreement, a design is considered unified. No individual part is viewed as more important than the whole design. A good balance between unity and variety must be established to avoid a chaotic or a lifeless design.<\/p>\n<div id=\"attachment_68\" style=\"width: 250px\" class=\"wp-caption alignright\"><a href=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/6809894567_b076b8db62_m.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-68\" class=\"size-full wp-image-68\" src=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/6809894567_b076b8db62_m.jpg\" alt=\"Repetition occurs when a design element is repeated several times in an image.\" width=\"240\" height=\"167\" srcset=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/6809894567_b076b8db62_m.jpg 240w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/6809894567_b076b8db62_m-65x45.jpg 65w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/6809894567_b076b8db62_m-225x156.jpg 225w\" sizes=\"auto, (max-width: 240px) 100vw, 240px\" \/><\/a><\/p>\n<p id=\"caption-attachment-68\" class=\"wp-caption-text\">Repetition occurs when a design element is repeated several times in an image.<\/p>\n<\/div>\n<h4><span id=\"Methods\" class=\"mw-headline\">Methods<\/span><\/h4>\n<ul>\n<li>Proximity: sense of distance between elements<\/li>\n<li>Similarity: ability to seem repeatable with other elements<\/li>\n<li>Continuation: the sense of having a line or pattern extend<\/li>\n<li>Repetition: elements being copied or mimicked numerous times<\/li>\n<li>Rhythm: is achieved when recurring position, size, color, and use of a graphic element has a focal point interruption.<\/li>\n<li>Altering the basic theme achieves unity and helps keep interest.<\/li>\n<\/ul>\n<h3><span id=\"Balance\" class=\"mw-headline\">Balance<\/span><\/h3>\n<p>It is a state of equalized tension and equilibrium, which may not always be calm.<\/p>\n<h4>\u00a0Types of Balance<\/h4>\n<ul>\n<li>Symmetry<\/li>\n<li>Asymmetrical produces an informal balance that is attention attracting and dynamic.<\/li>\n<li>Radial balance is arranged around a central element. The elements placed in a radial balance seem to &#8216;radiate&#8217; out from a central point in a circular fashion.<\/li>\n<li>Overall is a mosaic form of balance which normally arises from too many elements being put on a page. Due to the lack of hierarchy and contrast, this form of balance can look noisy but sometimes quiet<\/li>\n<\/ul>\n<h3><span id=\"Hierarchy\" class=\"mw-headline\">Hierarchy<\/span><\/h3>\n<p>A good design contains elements that lead the reader through each element in order of its significance. The type and images should be expressed starting from most important to the least important.<\/p>\n<div id=\"attachment_70\" style=\"width: 250px\" class=\"wp-caption alignright\"><a href=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/2806711443_4f6331d7ac_m.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-70\" class=\"size-full wp-image-70\" src=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/2806711443_4f6331d7ac_m.jpg\" alt=\"Scale is used to make an apple appears bigger than stars, dominating the image.\" width=\"240\" height=\"159\" srcset=\"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/2806711443_4f6331d7ac_m.jpg 240w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/2806711443_4f6331d7ac_m-65x43.jpg 65w, https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-content\/uploads\/sites\/3875\/2014\/11\/2806711443_4f6331d7ac_m-225x149.jpg 225w\" sizes=\"auto, (max-width: 240px) 100vw, 240px\" \/><\/a><\/p>\n<p id=\"caption-attachment-70\" class=\"wp-caption-text\">Scale is used to make an apple appears bigger than stars, dominating the image.<\/p>\n<\/div>\n<h3><span id=\"Scale.2Fproportion\" class=\"mw-headline\">Scale\/proportion<\/span><\/h3>\n<p>Using the relative size of elements against each other can attract attention to a focal point. When elements are designed larger than life, scale is being used to show drama.<\/p>\n<h3><span id=\"Dominance.2Femphasis\" class=\"mw-headline\">Dominance\/emphasis<\/span><\/h3>\n<p>Dominance is created by contrasting size, positioning, color, style, or shape. The focal point should dominate the design with scale and contrast without sacrificing the unity of the whole.<\/p>\n<h3><span id=\"Similarity_and_contrast\" class=\"mw-headline\">Similarity and contrast<\/span><\/h3>\n<p>Planning a consistent and similar design is an important aspect of a designer&#8217;s work to make their focal point visible. Too much similarity is boring but without similarity important elements will not exist and an image without contrast is uneventful so the key is to find the balance between similarity and contrast.<\/p>\n<h4><span id=\"Similar_environment\" class=\"mw-headline\">Similar environment<\/span><\/h4>\n<p>There are several ways to develop a similar environment:<\/p>\n<ul>\n<li>Build a unique internal organization structure.<\/li>\n<li>Manipulate shapes of images and text to correlate together.<\/li>\n<li>Express continuity from page to page in publications. Items to watch include headers, themes, borders, and spaces.<\/li>\n<li>Develop a style manual and adhere to it, to insure consistent use of colors, fonts, and tone.<\/li>\n<\/ul>\n<h4><span id=\"Contrasts\" class=\"mw-headline\">Contrasts<\/span><\/h4>\n<p>There are many ways to create contrast, including:<\/p>\n<ul>\n<li>\u00a0Space\n<ul>\n<li>Filled \/ Empty<\/li>\n<li>Near \/ Far<\/li>\n<li>2-D \/ 3-D<\/li>\n<\/ul>\n<\/li>\n<li>Position\n<ul>\n<li>Left \/ Right<\/li>\n<li>Isolated \/ Grouped<\/li>\n<li>Centered \/ Off-Center<\/li>\n<li>Top \/ Bottom<\/li>\n<\/ul>\n<\/li>\n<li>Form\n<ul>\n<li>Simple \/ Complex<\/li>\n<li>Beauty \/ Ugly<\/li>\n<li>Whole \/ Broken<\/li>\n<\/ul>\n<\/li>\n<li>Direction\n<ul>\n<li>Stability \/ Movement<\/li>\n<\/ul>\n<\/li>\n<li>Structure\n<ul>\n<li>Organized \/ Chaotic<\/li>\n<li>Mechanical \/ Hand-Drawn<\/li>\n<\/ul>\n<\/li>\n<li>Size\n<ul>\n<li>Large \/ Small<\/li>\n<li>Deep \/ Shallow<\/li>\n<li>Fat \/ Thin<\/li>\n<\/ul>\n<\/li>\n<li>Color\n<ul>\n<li>Grey scale \/ Color<\/li>\n<li>Black &amp; White \/ Color<\/li>\n<li>Light \/ Dark<\/li>\n<\/ul>\n<\/li>\n<li>Texture\n<ul>\n<li>Fine \/ Coarse<\/li>\n<li>Smooth \/ Rough<\/li>\n<li>Sharp \/ Dull<\/li>\n<\/ul>\n<\/li>\n<li>Density\n<ul>\n<li>Transparent \/ Opaque<\/li>\n<li>Thick \/ Thin<\/li>\n<li>Liquid \/ Solid<\/li>\n<\/ul>\n<\/li>\n<li>Gravity\n<ul>\n<li>Light \/ Heavy<\/li>\n<li>Stable \/ Unstable<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\t\t\t <section class=\"citations-section\" role=\"contentinfo\">\n\t\t\t <h3>Candela Citations<\/h3>\n\t\t\t\t\t <div>\n\t\t\t\t\t\t <div id=\"citation-list-5\">\n\t\t\t\t\t\t\t <div class=\"licensing\"><div class=\"license-attribution-dropdown-subheading\">CC licensed content, Shared previously<\/div><ul class=\"citation-list\"><li><strong>Located at<\/strong>: <a target=\"_blank\" href=\"http:\/\/en.wikipedia.org\/wiki\/Design_elements_and_principles\">http:\/\/en.wikipedia.org\/wiki\/Design_elements_and_principles<\/a>. <strong>Project<\/strong>: Wikipedia. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by-sa\/4.0\/\">CC BY-SA: Attribution-ShareAlike<\/a><\/em><\/li><li>Curved Patterns.. <strong>Authored by<\/strong>:  Peggy2012CREATIVELENZ. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"https:\/\/www.flickr.com\/photos\/73230975@N03\/6809894567\/\">https:\/\/www.flickr.com\/photos\/73230975@N03\/6809894567\/<\/a>. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY: Attribution<\/a><\/em><\/li><li>The Scale of the Universe. <strong>Authored by<\/strong>: Paul Stocker. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"https:\/\/www.flickr.com\/photos\/paalia\/2806711443\">https:\/\/www.flickr.com\/photos\/paalia\/2806711443<\/a>. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY: Attribution<\/a><\/em><\/li><\/ul><\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t <\/div>\n\t\t\t <\/section>","protected":false},"author":9,"menu_order":2,"template":"","meta":{"_candela_citation":"[{\"type\":\"cc\",\"description\":\"\",\"author\":\"\",\"organization\":\"\",\"url\":\"http:\/\/en.wikipedia.org\/wiki\/Design_elements_and_principles\",\"project\":\"Wikipedia\",\"license\":\"cc-by-sa\",\"license_terms\":\"\"},{\"type\":\"cc\",\"description\":\"Curved Patterns.\",\"author\":\" Peggy2012CREATIVELENZ\",\"organization\":\"\",\"url\":\"https:\/\/www.flickr.com\/photos\/73230975@N03\/6809894567\/\",\"project\":\"\",\"license\":\"cc-by\",\"license_terms\":\"\"},{\"type\":\"cc\",\"description\":\"The Scale of the Universe\",\"author\":\"Paul Stocker\",\"organization\":\"\",\"url\":\"https:\/\/www.flickr.com\/photos\/paalia\/2806711443\",\"project\":\"\",\"license\":\"cc-by\",\"license_terms\":\"\"}]","CANDELA_OUTCOMES_GUID":"","pb_show_title":"","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[43],"contributor":[],"license":[],"class_list":["post-5","chapter","type-chapter","status-web-only","hentry","chapter-type-standard"],"part":3,"_links":{"self":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapters\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/wp\/v2\/users\/9"}],"version-history":[{"count":10,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapters\/5\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapters\/5\/revisions\/86"}],"part":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapters\/5\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/wp\/v2\/media?parent=5"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/pressbooks\/v2\/chapter-type?post=5"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/wp\/v2\/contributor?post=5"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/snhu-cfacreatemultimedia\/wp-json\/wp\/v2\/license?post=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}