{"id":97433,"date":"2022-10-18T14:39:56","date_gmt":"2022-10-18T19:39:56","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/6-teckensnittsraknare-for-battre-meddelanden\/"},"modified":"2022-10-18T14:39:56","modified_gmt":"2022-10-18T19:39:56","slug":"6-teckensnittsraknare-for-battre-meddelanden","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/6-teckensnittsraknare-for-battre-meddelanden\/","title":{"rendered":"6 teckensnittsr\u00e4knare f\u00f6r b\u00e4ttre meddelanden"},"content":{"rendered":"<div>\n<p>N\u00e4r budskapet i din n\u00e4sta presentation \u00e4r tydligt \u00e4r typografin eller teckenstorleken det enda som inte borde hindra dig fr\u00e5n att skicka \u00f6ver ditt meddelande.<\/p>\n<p>Skillnaden mellan design som sticker ut p\u00e5 webben och de som inte g\u00f6r det \u00e4r enkel.  De som sticker ut har r\u00e4tt teckenstorlek, typsnittsstil och radh\u00f6jd.  Men hur vet du vad som fungerar och vad som inte fungerar?<\/p>\n<p>H\u00e4r tar vi en titt p\u00e5 sex minir\u00e4knare f\u00f6r teckenstorlek som du kan anv\u00e4nda som hj\u00e4lp.<\/p>\n<figure>\n<\/figure>\n<p>Eftersom det \u00e4r en designsystemkalkylator hj\u00e4lper Golden Ratio Typography (GRT)-kalkylatorn dig inte bara att uppt\u00e4cka den perfekta typografin f\u00f6r din webbplats, utan ger dig ocks\u00e5 de grundl\u00e4ggande elementen du beh\u00f6ver f\u00f6r varje projekt.<\/p>\n<p>Du kan ange ditt nuvarande teckensnitt, teckenstorlek och inneh\u00e5llsbredd f\u00f6r att best\u00e4mma r\u00e4tt typografi du beh\u00f6ver f\u00f6r webbplatsen.<\/p>\n<p>Du kan experimentera med nya teckensnitt och storlekar p\u00e5 alla tillg\u00e4ngliga enheter, och du kommer att kunna skicka b\u00e4ttre meddelanden till din publik d\u00e4r ute.  F\u00f6r, l\u00e5t oss inse det: teckenstorlek och stil spelar roll.<\/p>\n<figure>\n<\/figure>\n<p>Utvecklat av Jeremy Church, A Visual Type Scale \u00e4r ett typverktyg som hj\u00e4lper dig att utveckla responsiva webbplatser f\u00f6r mobilappar, station\u00e4ra appar, station\u00e4ra webbplatser och andra verk som portf\u00f6ljer.<\/p>\n<p>Det hj\u00e4lper till att f\u00f6rb\u00e4ttra typografin p\u00e5 webben och ser till att ditt REM-v\u00e4rde \u00e4r relativt till teckenstorleken, som du beh\u00f6ver f\u00f6r alla CSS.  Du hittar ocks\u00e5 ytterligare resurser h\u00e4r, som ett PX till EM-konverteringsverktyg och free teckensnitts- och webbteckensnittsgenerator.<\/p>\n<figure>\n<\/figure>\n<p>Du kan anv\u00e4nda Leserlich Font Size Calculator f\u00f6r att ber\u00e4kna och testa l\u00e4ttillg\u00e4ngliga teckenstorlekar i smartphones, b\u00f6cker, tidningar, surfplattor, skrivbordssk\u00e4rmar, affischer och skyltar.<\/p>\n<p>En annan f\u00f6rdel med att anv\u00e4nda den h\u00e4r teckenstorlekskalkylatorn \u00e4r hur den hj\u00e4lper dig att identifiera inklusive teckenstorlekar som \u00e4r kompatibla med tyska DIN 1450.<\/p>\n<p>Denna typsnittsr\u00e4knare, som erbjuds av det tyska f\u00f6rbundet f\u00f6r blinda och synskadade, \u00e4r ett f\u00f6rs\u00f6k att g\u00f6ra webben till en mycket mer inkluderande plats.<\/p>\n<figure>\n<\/figure>\n<p>Den h\u00e4r teckenstorlekskalkylatorn \u00e4r unik p\u00e5 det s\u00e4tt som den hj\u00e4lper dig att hitta r\u00e4tt teckenstorleksmatchning fr\u00e5n en harmonisk typskala som har inspirerats av musikens s\u00e4tt.<\/p>\n<p>Att v\u00e4lja en teckenstorlek fr\u00e5n en modul\u00e4r skala \u00e4r viktigt eftersom det \u00e4r viktigt f\u00f6r att bibeh\u00e5lla konsekvens och kontrast i ett typografiskt arbete.<\/p>\n<p>Det beror p\u00e5 att vissa proportioner och storlekar tilltalar v\u00e5ra \u00f6gon p\u00e5 samma s\u00e4tt som musik tilltalar v\u00e5ra h\u00f6rbara k\u00e4nsligheter.  Du kan tilldela olika typografiska element som titel, underrubrik och f\u00f6rklaring f\u00f6r att skicka b\u00e4ttre meddelanden och skapa responsiva webbplatser.<\/p>\n<figure>\n<\/figure>\n<p>  Om du \u00e4r en designer m\u00e5ste du k\u00e4nna till detta fantastiska verktyg som heter Gridlover som f\u00e5r din design att se harmonisk och v\u00e4lbalanserad ut.<\/p>\n<p>Du kommer att kunna skapa briljanta design och v\u00e4lja r\u00e4tt teckenstorlek, linjeh\u00f6jd och skalfaktor f\u00f6r ditt jobb.  En annan sak du skulle \u00e4lska med Gridlover \u00e4r dess gr\u00e4nssnitt.  Den laddas omedelbart och \u00e4r helt free.<\/p>\n<figure>\n<\/figure>\n<p>Du kan anv\u00e4nda den h\u00e4r kalkylatorn som ett plugin, eller direkt p\u00e5 webben, f\u00f6r att f\u00e5 resultat som \u00e4r korrekta.  Det fungerar genom att skapa en upps\u00e4ttning siffror p\u00e5 skalkalkylatorn som kan anv\u00e4ndas som en linjal.<\/p>\n<p>Du m\u00e5ste ange basstorlek och skalf\u00f6rh\u00e5llande f\u00f6r att f\u00e5 de visuella resultaten av vilken typografi som fungerar b\u00e4st f\u00f6r ditt projekt.<\/p>\n<p>Den h\u00e4r sidan skapades ursprungligen f\u00f6r webbdesigners f\u00f6r att hj\u00e4lpa dem att dimensionera sin typ p\u00e5 ett meningsfullt s\u00e4tt, och den h\u00e4r sidan g\u00f6r underverk f\u00f6r alla som f\u00f6rs\u00f6ker hitta r\u00e4tt typografi.<\/p>\n<h2 id=\"selecting-the-correct-font-size-is-easy\"><span class=\"ez-toc-section\" id=\"Det_ar_enkelt_att_valja_ratt_teckenstorlek\"><\/span>  Det \u00e4r enkelt att v\u00e4lja r\u00e4tt teckenstorlek<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Bra design har allt att g\u00f6ra med r\u00e4tt teckenstorlek.  Som designer \u00e4r det ofta sv\u00e5rt att hitta r\u00e4tt teckenstorlek och stil.  Kalkylatorerna med sex teckenstorlekar g\u00f6r det till en enkel aff\u00e4r.<\/p>\n<p>De \u00e4r alla mycket anv\u00e4ndbara och kommer att ge dig en m\u00e4ngd smidigare storleksalternativ f\u00f6r ditt teckensnitt.  V\u00e4lj en som passar b\u00e4st med dina behov och hj\u00e4lper dig att skapa estetiskt tilltalande och konsekventa m\u00f6nster.<\/p>\n<p>    <strong class=\"section-sub-title\">Om f\u00f6rfattaren<\/strong><\/p>\n<p>            <strong class=\"bio-title\">Gargi Ghosal (39 artiklar publicerade)<br \/><\/strong><\/p>\n<p>Gargi \u00e4r f\u00f6rfattare, ber\u00e4ttare och forskare.  Hon \u00e4r specialiserad p\u00e5 att skriva \u00f6vertygande inneh\u00e5ll om allt som r\u00f6r Internet f\u00f6r kunder i l\u00e4nder och branscher.  Hon \u00e4r doktorand i litteraturvetenskap med diplom i redigering och publicering.  Utanf\u00f6r jobbet \u00e4r hon v\u00e4rd f\u00f6r TEDx-shower och litteraturfestivaler.  I en idealisk v\u00e4rld \u00e4r hon alltid en minut ifr\u00e5n att \u00e5ka till bergen.<\/p>\n<p>                            Mer fr\u00e5n Gargi Ghosal<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Prenumerera_pa_vart_nyhetsbrev\"><\/span>Prenumerera p\u00e5 v\u00e5rt nyhetsbrev<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>G\u00e5 med i v\u00e5rt nyhetsbrev f\u00f6r tekniska tips, recensioner, free e-b\u00f6cker och exklusiva erbjudanden!<\/p>\n<p>Klicka h\u00e4r f\u00f6r att prenumerera<\/p>\n<\/p><\/div>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/sw\/6-teckensnittsraknare-for-battre-meddelanden\/#Det_ar_enkelt_att_valja_ratt_teckenstorlek\" >Det \u00e4r enkelt att v\u00e4lja r\u00e4tt teckenstorlek<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/sw\/6-teckensnittsraknare-for-battre-meddelanden\/#Prenumerera_pa_vart_nyhetsbrev\" >Prenumerera p\u00e5 v\u00e5rt nyhetsbrev<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>N\u00e4r budskapet i din n\u00e4sta presentation \u00e4r tydligt \u00e4r typografin eller teckenstorleken det enda som inte borde hindra dig fr\u00e5n att skicka \u00f6ver ditt meddelande. Skillnaden mellan design som sticker ut p\u00e5 webben och de som inte g\u00f6r det \u00e4r enkel. De som sticker ut har r\u00e4tt teckenstorlek, typsnittsstil och radh\u00f6jd. Men hur vet du [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":97434,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[5],"tags":[935,35,7308,47278],"class_list":["post-97433","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloggar","tag-battre","tag-for","tag-meddelanden","tag-teckensnittsraknare"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/97433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/comments?post=97433"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/97433\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media\/97434"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media?parent=97433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/categories?post=97433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/tags?post=97433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}