Warning: Uninitialized string offset 0 in /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/html-api/class-wp-html-open-elements.php on line 1 Warning: Uninitialized string offset 0 in /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/html-api/class-wp-html-open-elements.php on line 1 Warning: Cannot modify header information - headers already sent by (output started at /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/html-api/class-wp-html-open-elements.php:1) in /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1831 Warning: Cannot modify header information - headers already sent by (output started at /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/html-api/class-wp-html-open-elements.php:1) in /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1831 Warning: Cannot modify header information - headers already sent by (output started at /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/html-api/class-wp-html-open-elements.php:1) in /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1831 Warning: Cannot modify header information - headers already sent by (output started at /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/html-api/class-wp-html-open-elements.php:1) in /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1831 Warning: Cannot modify header information - headers already sent by (output started at /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/html-api/class-wp-html-open-elements.php:1) in /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1831 Warning: Cannot modify header information - headers already sent by (output started at /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/html-api/class-wp-html-open-elements.php:1) in /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1831 Warning: Cannot modify header information - headers already sent by (output started at /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/html-api/class-wp-html-open-elements.php:1) in /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1831 Warning: Cannot modify header information - headers already sent by (output started at /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/html-api/class-wp-html-open-elements.php:1) in /customers/2/1/2/mcmedia.se/httpd.www/wp-includes/rest-api/class-wp-rest-server.php on line 1831 {"id":613,"date":"2019-10-10T00:16:54","date_gmt":"2019-10-09T22:16:54","guid":{"rendered":"https:\/\/www.mcmedia.se\/?p=613"},"modified":"2019-10-17T14:07:33","modified_gmt":"2019-10-17T12:07:33","slug":"lite-om-den-visuella-hierarkin","status":"publish","type":"post","link":"https:\/\/www.mcmedia.se\/lite-om-den-visuella-hierarkin\/","title":{"rendered":"Lite om den Visuella hierarkin"},"content":{"rendered":"\n

Visuell hierarki finns \u00f6verallt. P\u00e5 hemsidor, flygblad och p\u00e5 kaffeautomaten p\u00e5 jobbet. Id\u00e9n \u00e4r att n\u00e5 fram med ett budskap till anv\u00e4ndaren. Detta kan till exempel vara att f\u00f6rmedla en k\u00e4nsla eller kanske en viss information som anv\u00e4ndaren ska ta till sig. <\/p>\n\n\n\n

Att kunna skapa en visuell hierarki \u00e4r viktigt f\u00f6r att kunna leda din bes\u00f6kare genom ett material. M\u00e5 detta vara en hemsida eller ett flygblad. Med en tydlig visuell hierarki lyfter du fram en fokuspunkt och guidar mottagaren genom ditt grafiska material. Notera bilderna nedan.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Vart b\u00f6rjar ni titta? troligtvis enligt denna ordningen:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u00d6gat f\u00f6rs\u00f6ker att behandla det som presenteras och en visuell rangordning har skapats. Genom att endast \u00e4ndra lite p\u00e5 bildernas storlek och position kan man \u00e4ndra fokuspunkt och den visuella hierarkin \u00e4ndras.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Fokuspunkten \u00e4ndras och den visuella hierarkin \u00e4ndras. F\u00f6rhoppningsvis dras f\u00f6rsta anblicken mot den v\u00e4nstra bilden. \u00d6gat har som vana att dras till s\u00e5dant som sticker ut ifr\u00e5n det vanliga. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Detta g\u00f6r att det skapas en sp\u00e4nning inom oss och vi blir nyfikna. Man kan p\u00e5 s\u00e5 vis skapa en visuell guide f\u00f6r \u00e5sk\u00e5daren f\u00f6r hur ens material skall avsynas. <\/p>\n\n\n\n

Notera bilden nedan. En enkel poster som till exempel skulle kunna vara en hemsidas front. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Sj\u00e4lva bilden f\u00f6rmedlar en k\u00e4nsla men det \u00e4r inte huvudfokus med denna designen. Om vi s\u00e4ger att huvudfokus skall ligga p\u00e5 texten om vi ans\u00e5g att det \u00e4r viktigt f\u00f6r designen kan vi \u00e4ndra om den lite f\u00f6r att skapa lite b\u00e4ttre visuell hierarki. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Fokus ligger nu mer p\u00e5 texten \u00e4n p\u00e5 bilden. Hur har jag \u00e5stadkommit det h\u00e4r? Jo om ni tittar p\u00e5 bildens f\u00e4rger s\u00e5 \u00e4r de genomg\u00e5ende kalla och skapar en kall k\u00e4nsla. Jag valde d\u00e4rf\u00f6r en varm f\u00e4rg f\u00f6r att ge kontrast mot fotots k\u00e4nsla och f\u00e4rger. Det \u00e4r f\u00f6r \u00f6vrigt inte bara f\u00e4rg du kan anv\u00e4nda dig utav f\u00f6r att skapa kontrast och f\u00f6r\u00e4ndra fokuspunkten och d\u00e4rmed p\u00e5verka den visuella hierarkin. <\/p>\n\n\n\n

V\u00e4rt att n\u00e4mna \u00e4r dock att alla inte alltid kommer att tyda ditt material som du t\u00e4nkt dig men man b\u00f6r \u00e4nd\u00e5 skapa s\u00e5 bra f\u00f6ruts\u00e4ttningar som m\u00f6jligt f\u00f6r att den visuella hierarkin kommer f\u00f6ljas. Det finns m\u00e5nga faktorer som p\u00e5verkar din fokuspunkt. Dessa punkter kan vara saker s\u00e5 som: <\/p>\n\n\n\n

<\/p>\n\n\n\n

  • Kontrast <\/li>
  • Utrymme<\/li>
  • Symmetri&Asymmetri<\/li><\/ul>\n\n\n\n

    <\/p>\n\n\n\n

    Varf\u00f6r ska man d\u00e5 bry sig om den visuella hierarkin? H\u00e4r n\u00e4mns n\u00e5gra f\u00f6rdelar medans det finns fler. <\/p>\n\n\n\n

    <\/p>\n\n\n\n

    • Du kan leda din bes\u00f6kare genom en design till exempel en hemsida<\/li>
    • Du kan skapa en mer sp\u00e4nnande design<\/li>
    • Du kan planera din design b\u00e4ttre och d\u00e4rmed bli mindre l\u00e5st i ditt arbete.<\/li>
    • Du repeterar dig mindre och f\u00f6rblir kreativ som designer<\/li><\/ul>\n\n\n\n

      <\/p>\n\n\n\n

      S\u00e5 n\u00e4sta g\u00e5ng du ser n\u00e5gon grafisk design du gillar kan du fr\u00e5ga dig vad det \u00e4r som g\u00f6r att du gillar det. Troligtvis har personen bakom materialet anv\u00e4nt sig av olika metoder vid skapandet av just den designen. <\/p>\n","protected":false},"excerpt":{"rendered":"

      Visuell hierarki finns \u00f6verallt. P\u00e5 hemsidor, flygblad och p\u00e5 kaffeautomaten p\u00e5 jobbet. Id\u00e9n \u00e4r att n\u00e5 fram med ett budskap till anv\u00e4ndaren. Detta kan till exempel vara att f\u00f6rmedla en k\u00e4nsla eller kanske en viss information som anv\u00e4ndaren ska ta till sig. Att kunna skapa en visuell hierarki \u00e4r viktigt f\u00f6r att kunna leda din […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_oct_exclude_from_cache":false,"inline_featured_image":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-613","post","type-post","status-publish","format-standard","hentry","category-okategoriserade"],"acf":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mcmedia.se\/wp-json\/wp\/v2\/posts\/613"}],"collection":[{"href":"https:\/\/www.mcmedia.se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mcmedia.se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mcmedia.se\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mcmedia.se\/wp-json\/wp\/v2\/comments?post=613"}],"version-history":[{"count":12,"href":"https:\/\/www.mcmedia.se\/wp-json\/wp\/v2\/posts\/613\/revisions"}],"predecessor-version":[{"id":784,"href":"https:\/\/www.mcmedia.se\/wp-json\/wp\/v2\/posts\/613\/revisions\/784"}],"wp:attachment":[{"href":"https:\/\/www.mcmedia.se\/wp-json\/wp\/v2\/media?parent=613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mcmedia.se\/wp-json\/wp\/v2\/categories?post=613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mcmedia.se\/wp-json\/wp\/v2\/tags?post=613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}