{"id":97,"date":"2014-04-28T18:23:10","date_gmt":"2014-04-28T08:23:10","guid":{"rendered":"http:\/\/www.reefwing.com.au\/?page_id=97"},"modified":"2014-04-29T10:35:45","modified_gmt":"2014-04-29T00:35:45","slug":"visual-design-2","status":"publish","type":"page","link":"https:\/\/www.reefwing.com.au\/?page_id=97","title":{"rendered":"Visual Design"},"content":{"rendered":"

\"visual-design<\/a><\/p>\n

Visual design focuses on the look and feel of an app by strategic use and placement of images, colors, fonts, and other elements.\u00a0 A successful visual design does not take away from the content on the page or function.\u00a0 Instead, it enhances it by engaging users and helping to build trust and interest in your brand.<\/p>\n

Principles for Creating a Visual Design<\/strong><\/h2>\n

A successful visual design applies the following principles to elements noted above and effectively brings them together in a way that makes sense.\u00a0 When trying to figure out how to use the basic elements consider:<\/p>\n

    \n
  • Unity<\/strong>\u00a0has to do with all elements on a page visually or conceptually appearing to belong together.\u00a0Visual design must strike a balance between unity and variety to avoid a dull or overwhelming design.<\/li>\n
  • Gestalt<\/strong>, in visual design, helps users perceive the overall design as opposed to individual elements. If the design elements are arranged properly, the Gestalt of the overall design will be very clear.<\/li>\n
  • Space<\/strong>\u00a0is \u201cdefined when something is placed in it\u201d, according to Alex White in his book,The Elements of Graphic Design.\u00a0<\/em>Incorporating space into a design helps reduce noise, increase readability, and\/or create illusion. White space is an important part of your layout strategy.<\/li>\n
  • Hierarchy\u00a0<\/strong>shows the difference in significance between items.\u00a0 Designers often create hierarchies through different font sizes, colors, and placement on the page. Usually, items at the top are perceived as most important.<\/li>\n
  • Balance\u00a0<\/strong>creates the perception that there is equal distribution.\u00a0 This does not always imply that there is symmetry.<\/li>\n
  • Contrast\u00a0<\/strong>focuses on making items stand out by emphasizing differences in size, color, direction, and other characteristics.<\/li>\n
  • Scale<\/strong>\u00a0identifies a range of sizes; it creates interest and depth by demonstrating how each item relates to each other based on size.<\/li>\n
  • Dominance<\/strong>\u00a0focuses on having one element as the focal point and others being subordinate.\u00a0 This is often done through scaling and contrasting based on size, color, position, shape, etc.<\/li>\n
  • Similarity<\/strong>\u00a0refers to creating continuity throughout a design without direct duplication. Similarity is used to make pieces work together over an interface and help users learn the interface quicker.<\/li>\n<\/ul>\n

    Visual Design for Your App<\/h2>\n

    Reefwing Software can develop the visual design for your app or work with your preferred provider. Just indicate your requirements when you fill in the quote request. If you have a particular vision for your app it can help to provide us with links to other apps which may have a style that you wish to emulate or build on. Based on your feedback we can then evolve the design as part of the development process.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Visual design focuses on the look and feel of an app by strategic use and placement of images, colors, fonts, and other elements.\u00a0 A successful visual design does not take away from the content on the page or function.\u00a0 Instead, it enhances it by engaging users and helping to build trust and interest in your […]<\/p>\n","protected":false},"author":1,"featured_media":99,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"class_list":{"0":"post-97","1":"page","2":"type-page","3":"status-publish","4":"has-post-thumbnail","6":"entry"},"_links":{"self":[{"href":"https:\/\/www.reefwing.com.au\/index.php?rest_route=\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.reefwing.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.reefwing.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.reefwing.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.reefwing.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97"}],"version-history":[{"count":5,"href":"https:\/\/www.reefwing.com.au\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":180,"href":"https:\/\/www.reefwing.com.au\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions\/180"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.reefwing.com.au\/index.php?rest_route=\/wp\/v2\/media\/99"}],"wp:attachment":[{"href":"https:\/\/www.reefwing.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}