{"id":265335,"date":"2023-10-13T06:47:00","date_gmt":"2023-10-13T03:47:00","guid":{"rendered":"https:\/\/inform.click\/typografi-talar-mer-an-orden\/"},"modified":"2023-10-13T06:54:00","modified_gmt":"2023-10-13T03:54:00","slug":"typografi-talar-mer-an-orden","status":"publish","type":"post","link":"https:\/\/inform.click\/sv\/typografi-talar-mer-an-orden\/","title":{"rendered":"Typografi talar mer \u00e4n orden"},"content":{"rendered":"<p>\n  Idag anv\u00e4nder grafiska formgivare i stor utstr\u00e4ckning typografi f\u00f6r att uppt\u00e4cka sambandet mellan typens design och vad denna typ verkligen s\u00e4ger. En grafisk designer skapar en korrekt balans mellan de verbala egenskaperna och det visuella i en viss design f\u00f6r att kommunicera sitt budskap.\n<\/p>\n<p>\n  Men ibland uppt\u00e4cker grafiska designers den visuella egenskapen hos typ som \u00e4r mer kraftfull \u00e4n den verbala aspekten. I dessa fall anv\u00e4nds visuellt spr\u00e5k f\u00f6r att g\u00f6ra allt snack. H\u00e4r i den h\u00e4r artikeln belyser vi vad som h\u00e4nder n\u00e4r typografin talar mer \u00e4n orden.\n<\/p>\n<p>\n  Enligt Cal Swan, f\u00f6rfattare till ber\u00f6mt bokspr\u00e5k och typografi, &#8221;N\u00e4r dessa tv\u00e5 olika f\u00e4lt m\u00f6ts n\u00e5gonstans i praktiken skapar de en stark koppling mellan \u00f6verf\u00f6ringar av ord i synlig form och deras uppfattning som ett meddelande.&#8221;\n<\/p>\n<p>\n  H\u00e4r k\u00e4nner m\u00e5nga m\u00e4nniskor inte till inneb\u00f6rden av begreppen &#8221;verbalt spr\u00e5k&#8221; och &#8221;visuellt spr\u00e5k&#8221;. L\u00e5t oss rensa dessa tv\u00e5 ord och dess skillnad h\u00e4r. I grafisk design \u00e4r verbalt spr\u00e5k kombinationen av meningar, fraser och ord, medan \u00e5 andra sidan visuell aspekt h\u00e4nvisar till de meningar och betydelser som produceras av det visuella utseendet p\u00e5 bild och text. H\u00e4r i denna artikel menar vi med ordet &#8221;visuellt spr\u00e5k&#8221; f\u00f6r arten och betydelsen av noggrant utvald typografi.'\n<\/p>\n<p>\n  H\u00e4r kommer du att se en m\u00e4ngd olika exempel p\u00e5 verbalt och visuellt spr\u00e5k som hj\u00e4lper dig att f\u00f6rst\u00e5 b\u00e5da enkelt. Inneb\u00f6rden av typval i tolkning och betydelse kommer ocks\u00e5 att diskuteras. Och du kommer ocks\u00e5 att veta hur man presenterar liknande budskap i olika former f\u00f6r att uppmuntra och f\u00f6rmedla en m\u00e4ngd olika svar.\n<\/p>\n<p>\n  Vi har alla olika kulturella erfarenheter och bakgrunder som skiljer oss fr\u00e5n varandra som p\u00e5verkar ens uppfattning. Trots designerns anstr\u00e4ngning och skicklighet kvarst\u00e5r allts\u00e5 en hel del ohanterliga egenskaper, inklusive betraktarens uppfattning, preferenser, erfarenheter, kunskaper och f\u00f6rv\u00e4ntningar.\n<\/p>\n<p>\n  Titta till exempel p\u00e5 detta fantastiska verk av Greenpeace:\n<\/p>\n<p>\n  Naturligtvis, vem av oss \u00e4r inte bekanta med logotypen f\u00f6r v\u00e4rldens favoritchoklad &#8221;Kit Kat&#8221;. Bokstavsformen, stilen och typen och proportionerna av vinkeln, formen och f\u00e4rgen skapar alla en omedelbart bekant relation med det speciella chokladm\u00e4rket \u2013 allt \u00e4r s\u00e5 bekant att du f\u00f6rst inte kommer att m\u00e4rka att n\u00e5got annat \u00e4r p\u00e5 logotypen och du kanske tar en till titta f\u00f6r att se f\u00f6r\u00e4ndringen.\n<\/p>\n<h5>\n  Manipulera reaktioner och k\u00e4nslor:<br \/>\n<\/h5>\n<p>\n  Visuellt spr\u00e5k n\u00e4r du designar med typografi spelar inte bara med en persons k\u00e4nslor utan ocks\u00e5 fr\u00e5n dina fysiska svar. I f\u00f6ljande exempel kommer vi att visa dig en enkel bild av de k\u00e4nslom\u00e4ssiga och varierande effekterna och den h\u00f6gst \u00f6verordnade kontrollen som man enkelt kan uppn\u00e5 genom att \u00e4ndra den visuella aspekten av ett komplett meddelande, men \u00e4nd\u00e5 presenterar det samma verbala spr\u00e5k.\n<\/p>\n<p>\n  I den f\u00f6rsta bilden kan du enkelt se det stora fetstilta ordet, noggrant k\u00e4rnat och inst\u00e4llt med gemener. Ordets position g\u00f6r det h\u00f6gljutt och dominerande och ger ett helt sj\u00e4lvs\u00e4kert, v\u00e4nligt och entusiastiskt budskap. Personen som pratar \u00e4r glad att se dig och v\u00e4lkomnar dig med ett stort leende p\u00e5 l\u00e4pparna.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1480a7c0.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1480a7c0.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Kolla nu in den andra bilden som kontrasterar helt annorlunda \u00e4n den f\u00f6rsta, trots att den har samma h\u00e4lsning. Placeringen, f\u00e4rgen, skalan, fallet och typsnittet tyder p\u00e5 ett betydligt mer tveksamt och avl\u00e4gset m\u00f6te. I sj\u00e4lva verket \u00e4r du inte helt s\u00e4ker p\u00e5 den h\u00e4r bilden om personen som pratar h\u00e4r vill prata med dig eller ignorera dig helt.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14b5f765.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14b5f765.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Om du l\u00e4ser ovanst\u00e5ende exempel h\u00f6gt kommer du att m\u00e4rka de helt andra effekterna av visuellt spr\u00e5k. Titta p\u00e5 den f\u00f6rsta bilden och s\u00e4g den h\u00f6gt, det skulle illustrera \u00f6ppenhet, v\u00e4nlighet och genuin gl\u00e4dje. N\u00e4r du l\u00e4ser h\u00f6gt den andra bilden kommer du att m\u00e4rka en mycket tystare ton, avsaknad av l\u00f6fte och n\u00e4stan os\u00e4ker r\u00f6st. Det finns en o\u00e4ndlig m\u00e4ngd typografiska val som uppn\u00e5r dramatiska eller subtila f\u00f6r\u00e4ndringar i ton och r\u00f6stvolym.\n<\/p>\n<h5>\n  S\u00e5 h\u00e4r f\u00e5r du ut det mesta av det visuella spr\u00e5ket:<br \/>\n<\/h5>\n<p>\n  Verbalt spr\u00e5k anv\u00e4nds vanligtvis f\u00f6r att forma och inspirera design medan \u00e5 andra sidan typografi anv\u00e4nds f\u00f6r att f\u00e5 fram ett budskap; m\u00e5let f\u00f6r b\u00e5da \u00e4r detsamma f\u00f6r att f\u00e5 ut det mesta av tittarnas reaktion. Om designen blandas noggrant kan det leda till ett of\u00f6rgl\u00f6mligt resultat. F\u00f6ljande bilder \u00e4r perfekta exempel p\u00e5 de resultat som man kan uppn\u00e5 genom att anv\u00e4nda den verbala aspekten som har hj\u00e4lpt till att motivera ett visuellt spr\u00e5k.\n<\/p>\n<p>\n  Den f\u00f6rsta bilden \u00e4r ett konstverk av Herb Lubalin, en v\u00e4lk\u00e4nd amerikansk grafisk designer som i sin monografi beskrev om honom av Alan Peckolick och Gertrude Snyder som varande, &#8221;en klyftig typograf vars grafiska koncept \u00e4r baserade p\u00e5 typografi, konst och kopia och understryka dramatiken i sitt budskap, han anv\u00e4nde alla tillg\u00e4ngliga produktionss\u00e4tt.&#8221;\n<\/p>\n<p>\n  Om vi \u200b\u200bl\u00e4ser \u00e4mnet f\u00f6r denna artikel igen m\u00e4rker vi att detta citat passar speciellt. Det visar Herb som en grafisk formgivare som inte bara v\u00e4rderade spr\u00e5kets kraft, utan ocks\u00e5 kompositionen och typografin. Boken f\u00f6rklarar tydligt att de produktionsmetoder som Lubalin anv\u00e4nde inte bara \u00e4r f\u00f6r effekter, utan den betonar ocks\u00e5 budskapet och meningen med ett visst projekt. P\u00e5 Herbs tid skulle dessa domar ha inneburit st\u00f6rre, manuella arbetsbegr\u00e4nsningar \u00e4n vad dagens m\u00e4nniskor st\u00e5r inf\u00f6r. Slutligen bekr\u00e4ftar det att, Lubalin, begreppet var av h\u00f6gsta betydelse och alltid m\u00e5ste \u00f6verv\u00e4gas innan design.\n<\/p>\n<p>\n  1964, i Visual Graphics Corporation, st\u00e4ller han ut sina m\u00e5nga bidrag, varav ett inneh\u00e5ller ett citat av en v\u00e4lk\u00e4nd amerikansk f\u00f6rfattare och redakt\u00f6r Caskie Stinnett.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14e4deac.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d14e4deac.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Genom att anv\u00e4nda v\u00e4l genomt\u00e4nkt och k\u00e4nslig typografikomposition, detaljering, har Herb designat ett otrevligt budskap till ett tilltalande och attraktivt s\u00e4tt. Enligt citatet \u00e4r &#8221;En diplomat en person som kan s\u00e4ga \u00e5t dig att dra \u00e5t helvete p\u00e5 ett s\u00e5dant s\u00e4tt att du faktiskt ser fram emot resan.&#8221; Medan den centrala punkten s\u00e4ger &#8221;g\u00e5 \u00e5t helvete&#8221; \u00e4r designad i en elegant och utarbetad kalligrafisk form.\n<\/p>\n<p>\n  Medan vi \u00e5 andra sidan ser konstverket av den handskrivna grafiska designern Alison Carmichael m\u00e4rker vi hur vackert han visar typografieffekten genom att ta kontroll \u00f6ver inneb\u00f6rden. Han vann ocks\u00e5 priset f\u00f6r b\u00e4sta sj\u00e4lvreklam f\u00f6r denna typ av design f\u00f6r den kreativa cirkeln. Handbokst\u00e4ver av Carmichael \u00e4r f\u00e4rgade och graverade i en intrikat stil p\u00e5 toppen av en skolb\u00e4nk. Till en b\u00f6rjan, n\u00e4r du tittar p\u00e5 den h\u00e4r designen kommer den att se ut som ett vackert, historiskt verk av gotisk skrift; medan \u00e5 andra sidan sekunder senare, n\u00e4r verkligheten sl\u00e5r den otrevliga inneb\u00f6rden av det skrivna ordet blir tydlig f\u00f6r dig.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15049166.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15049166.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Den brittiska regeringen har tagit ett initiativ f\u00f6r att \u00f6ka medvetenheten om problemen f\u00f6r arbetare som smugglas in i sexindustrin av typ t\u00e5rtor. De designers som bidrar ombeds skicka &#8221;Tart-korten&#8221; f\u00f6r att delta i en utst\u00e4llning. Hundratals prostituerade i London annonserade om sig sj\u00e4lva och sina tj\u00e4nster genom att st\u00e4lla ut reklamkort i telefonl\u00e5dor. Till och med p\u00e5 2000-talet, n\u00e4r internet och mobiltelefoner finns runt omkring och i polisens tillslag, \u00e4r dessa t\u00e5rta kort mycket beundrade och samlas av folket som konst.\n<\/p>\n<p>\n  Nedan finns exempel p\u00e5 uttrycksfull typmanipulation och typsnitt som visuellt f\u00f6rst\u00e4rker textens betydelse. Vem som helst kan ta reda p\u00e5 inneb\u00f6rden av korten bara genom att titta p\u00e5 dem:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d153b4f51.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d153b4f51.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Nedan \u00e4r ett annat bra exempel p\u00e5 typspr\u00e5ket av Jason Munn, en ber\u00f6md amerikansk designer ocks\u00e5 k\u00e4nd f\u00f6r sina mycket beundrade musikaffischer. Exemplet nedan \u00e4r huvudsakligen typografi, utformad p\u00e5 ett s\u00e5dant s\u00e4tt att betraktaren inte s\u00e5 l\u00e4tt f\u00f6rst\u00e5r bildens betydelse. Vad \u00e4r verkligheten? Valet av typ \u00e4r ocks\u00e5 viktigt; det \u00e4r stora kontraster av tunna och tjocka streck pekar p\u00e5 j\u00e4mf\u00f6relsen mellan l\u00f6gn och sanning.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1576df13.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d1576df13.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Designern av bilden ovan anv\u00e4nder typsnittet f\u00f6r att st\u00e4rka inneb\u00f6rden av detta uttalande. Dessa m\u00f6nster skiljer sig n\u00e5got fr\u00e5n andra; typsnitt anv\u00e4nds fr\u00e4mst f\u00f6r att st\u00e4rka den p\u00e5stridiga tonen och agendan hos talarna.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15a97630.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15a97630.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Ovanst\u00e5ende exempel \u00e4r fr\u00e5n en v\u00e4lk\u00e4nd BBC-sitcom &#8221;Keeping up Appearances&#8221;. Orden uttalas av programmets huvudperson \u2013 den bossiga, excentriska och socialt kl\u00e4ttrande Hyacinth Bucket, en 60-\u00e5rig dam med stora ambitioner. Typografiskt har bokst\u00e4verna grupperats och valts ut f\u00f6r att belysa karakt\u00e4rens behov. H\u00e4r visas orden &#8221;min&#8221; och &#8221;jag vill&#8221; i fet stil p\u00e5 grund av en teatral skalaf\u00f6r\u00e4ndring. &#8221;Superiors&#8221; skrivs med versaler, medan storleken p\u00e5 &#8221;din&#8221; reduceras och skrivs med sm\u00e5 bokst\u00e4ver, vilket minskar betydelsen av vem hon chattar med, i linje med karakt\u00e4rens bossiga karakt\u00e4r och r\u00f6sttonen n\u00e4r hon pratar med hennes mj\u00f6lkman.\n<\/p>\n<p>\n  Designers anv\u00e4nde typografi f\u00f6r att kommunicera hum\u00f6r, k\u00f6n, \u00e5lder, personlighet och tonfall, och kan enkelt manipuleras. Om vi, som ett alternativ till denna serif-typsnitt som representerar kvinnans personlighet, anv\u00e4nde en skivaserif, f\u00f6r\u00e4ndras helt pl\u00f6tsligt personligheten och s\u00e5 den k\u00e4nslom\u00e4ssiga effekten av hela uttalandet. Om man bara d\u00f6mer efter maskinskrivningen \u00e4ndras k\u00f6net p\u00e5 talaren fr\u00e5n kvinnligt; hennes \u00e5lder \u00e4r inte heller p\u00e5 60-talet och hennes hum\u00f6r \u00e4r inte alls bara pretenti\u00f6st, utan \u00e4r p\u00e5 gr\u00e4nsen till irriterad. Det \u00e4r det b\u00e4sta exemplet som visar hur ett enkelt byte av typ snabbt kan \u00e4ndra tonen.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15dd69c0.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-222589-6381d15dd69c0.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Ingen kan underskatta kraften i typografi:<br \/>\n<\/h5>\n<p>\n  Ovanst\u00e5ende exempel visar tydligt att typografi fungerar vid sidan av verbalt spr\u00e5k f\u00f6r att f\u00f6rst\u00e4rka, f\u00f6r\u00e4ndra och skapa mening. \u00c4ven om den visuella aspekten av designen \u00e5 andra sidan ocks\u00e5 \u00e4r mycket avg\u00f6rande, kan ingen underskatta vikten av typ f\u00f6r att p\u00e5verka meningen med uttalandet.\n<\/p>\n<p>\n  Den grafiska formgivarens skyldighet \u2013 och i sj\u00e4lva verket rollen \u2013 f\u00f6r att skapa tonfall som tillf\u00f6r viss mening till det verbala spr\u00e5ket beh\u00f6ver en l\u00e5ng och regelbunden debatt. M\u00e5nga akademiker och grafiska formgivare h\u00e4vdar att det \u00e4r designerns ansvar att tillf\u00f6ra lite &#8221;smak och smak&#8221; till sitt arbete, inte bara f\u00f6r att f\u00f6rst\u00e4rka och f\u00f6rmedla budskapet, utan ocks\u00e5 f\u00f6r att g\u00f6ra budskapet uppmuntrande och roligt att l\u00e4sa och naturligtvis memorera.\n<\/p>\n<p>\n  I den andra delen av artikeln har vi visat dig det starka sambandet mellan verbalt och visuellt spr\u00e5k. Spr\u00e5kets semiotik och struktur ber\u00f6rs kort och visar dig n\u00e5gra enast\u00e5ende exempel, allt som f\u00f6rklarar varf\u00f6r sm\u00e5 typografiska f\u00f6r\u00e4ndringar g\u00f6r skillnaden.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Inspelningsk\u00e4lla: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/06\/18\/typography-speaks-more-than-the-words\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Idag anv\u00e4nder grafiska formgivare i stor utstr\u00e4ckning typografi f\u00f6r att uppt\u00e4cka sambandet mellan typens design och vad denna typ verkligen s\u00e4ger. En grafisk designer skapar en korrekt balans mellan de verbala egenskaperna och det visuella i en viss design f\u00f6r att kommunicera sitt budskap. Men ibland uppt\u00e4cker grafiska designers den visuella egenskapen hos typ som \u00e4r mer kraftfull \u00e4n den verbala aspekten. I dessa fall anv\u00e4nds visuellt spr\u00e5k f\u00f6r att g\u00f6ra allt snack. H\u00e4r i den h\u00e4r artikeln belyser vi vad som h\u00e4nder n\u00e4r typografin talar mer \u00e4n orden. Enligt Cal Swan, f\u00f6rfattare till, ber\u00f6md &#8230;<\/p>\n","protected":false},"author":1,"featured_media":143971,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[256,61,204,152],"tags":[],"class_list":["post-265335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teckensnitt","category-web-och-wordpress","category-webbdesign","category-webbtips-och-tricks"],"_links":{"self":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/comments?post=265335"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/265335\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media\/143971"}],"wp:attachment":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media?parent=265335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/categories?post=265335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/tags?post=265335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}