{"id":81,"date":"2014-04-27T07:23:24","date_gmt":"2014-04-27T07:23:24","guid":{"rendered":"http:\/\/mbsk.pixelengine.se\/indesign\/?p=81"},"modified":"2017-03-14T00:02:47","modified_gmt":"2017-03-13T23:02:47","slug":"layouten-vi-ska-skapa-under-k2","status":"publish","type":"post","link":"https:\/\/kurser.pixelengine.se\/indesign\/2014\/04\/27\/layouten-vi-ska-skapa-under-k2\/","title":{"rendered":"\u00d6vning: En enkel layout med bra spaltbredd och figurs\u00e4ttning"},"content":{"rendered":"<p>I den h\u00e4r \u00f6vningen\u00a0\u00a0skapar vi p\u00e5 kursen\u00a0tillsammans\u00a0en grundl\u00e4ggande layout som innefattar n\u00e5gra design\/l\u00e4sbarhetsprinciper.<\/p>\n<p><strong>Steg 1. Skapa en textruta och fixa in texten\u00a0<\/strong><\/p>\n<ol>\n<li>Skapa ett st\u00e5ende A4 med standardinst\u00e4llningar (Arkiv &#8211; Nytt dokument)<\/li>\n<li>Skapa en textruta fr\u00e5n nedre v\u00e4nstra marginalen, hela v\u00e4gen upp. Ca 170mm bred.<\/li>\n<li>H\u00f6gerklicka i textrutan -&gt; v\u00e4lj Fyll med platsh\u00e5llartext<\/li>\n<li>Aktivera Dolda tecken (menyn Text -&gt; Visa dolda tecken). Detta f\u00f6r att du kommer l\u00e4ra dig jobba korrekt med stycketecken i denna \u00f6vning.<\/li>\n<li>St\u00e4ll mark\u00f6ren p\u00e5 \u00f6versta raden och skriv in &#8221;InDesign CS6&#8221;, sl\u00e5 retur.<\/li>\n<li>Skriv in &#8221;Marknadsledande program f\u00f6r layout&#8221;, sl\u00e5 retur.<\/li>\n<\/ol>\n<p><strong>Steg 2. Snygga till texten.\u00a0<\/strong><\/p>\n<ol>\n<li>Markera\u00a0<em>en\u00a0<\/em>rad text som \u00e4r v\u00e4ldigt bred &#8211; i n\u00e4sta steg ska du kolla hur m\u00e5nga tecken den \u00e4r.<\/li>\n<li>Ta upp F\u00f6nster -&gt; Information och se hur m\u00e5nga tecken du har (troligen runt 100). Nu vet du att din spaltbredd \u00e4r f\u00f6r stor.<\/li>\n<li>\u00d6ka teckengraden p\u00e5 all text tills du hamnar runt 40-50 tecken per rad.<\/li>\n<li>Du l\u00e4r nu hamna p\u00e5 runt teckengrad 24 pkt.<\/li>\n<li>Markera all text med\u00a0Ctrl-A\/Cmd-A, och se till s\u00e5 att verkligen all text \u00e4r 24 pkt stor.<\/li>\n<li>Markera texten &#8221;Marknadsledande program f\u00f6r layout.&#8221;<\/li>\n<li>G\u00e5nga 24*1,6 (gyllene snittet) s\u00e5 f\u00e5r du 38,4pkt. (Du kan skriva in detta direkt i InDesign, allts\u00e5\u00a0s\u00e5 det st\u00e5r 24 pkt*1,6, och sl\u00e5 retur, s\u00e5 r\u00e4knar InDesign ut det \u00e5t dig)<\/li>\n<li>G\u00f6r motsvarande f\u00f6r huvudrubriken. (38,4*1,6 = 61,44pkt)<\/li>\n<li>Hur tycker du det ser ut? Anv\u00e4nd presentationsl\u00e4ge (Shift-W) f\u00f6r att kolla av.<\/li>\n<li>Huvudrubriken ska vara fetstil (dvs \u00e4ndra Regular till Bold\/Fetstil)<\/li>\n<li>Underrubriken ska vara kursiv (dvs \u00e4ndra Regular till Italic)<\/li>\n<li>\u00c4ndra ocks\u00e5 underrubrikens f\u00e4rgton till 70% svart (detta \u00e4ndrar du i kontrollpanelen vid f\u00e4rgerna)<\/li>\n<li>St\u00e5 kvar\u00a0p\u00e5\u00a0underrubriken, och g\u00e5 till Styckeformattering i Kontrollpanelen.<\/li>\n<li>Hitta funktionen &#8221;Avst\u00e5nd efter&#8221; i Kontrollpanelen, och st\u00e4ll in det p\u00e5 10 mm.<\/li>\n<li>Sudda\u00a0n\u00e5gra rader text nedtill s\u00e5 att du har 6-7 raders luft. Enklast \u00e4r om du f\u00f6rst st\u00e4ller dig d\u00e4r texten ska sluta med mark\u00f6ren, och anv\u00e4nd kortkommando Cmd\/Ctrl-Shift-End f\u00f6r att markera all nedanvarande text. Tryck delete eller sudda f\u00f6r att ta bort den.<\/li>\n<li>Ta sedan bort resterande rader (du ska ha 6-7 raders luft som sagt)<\/li>\n<li>Kolla av med fullsk\u00e4rmsl\u00e4ge (Shift-W).<\/li>\n<\/ol>\n<h4>Steg 3. Bilden\u00a0och bildtexten<\/h4>\n<ol>\n<li>Ladda ner\u00a0<a href=\"https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2016\/02\/Adobe_InDesign_icon-e1456318458501.png\">InDesign CS6-logo<\/a> och spara den i din mapp p\u00e5 datorn.<\/li>\n<li>Montera den som vanligt (Arkiv -&gt; Montera) och rita ut den ungef\u00e4r enligt layouten.<\/li>\n<li>Figurs\u00e4tt bilden med &#8221;figurs\u00e4tt runt objekt&#8221; (panelen Figurs\u00e4ttning)<\/li>\n<li>Skapa en textruta och skriv in &#8221;InDesign CS6 logo&#8221; (du kan beh\u00f6va skapa den utanf\u00f6r den andra textrutan och sedan dra in den)<\/li>\n<li>G\u00f6r texten till 18 pkt, 70% svart och kursiv\/italic. Detta f\u00f6r att tydligt skilja den fr\u00e5n br\u00f6dtexten.<\/li>\n<li>Markera b\u00e5de bilden och den lilla textrutan med svarta pilen. Du kan h\u00e5lla inne shift och klicka p\u00e5 ett objekt \u00e5t g\u00e5ngen, eller dra med den svarta pilen\u00a0\u00f6ver de tv\u00e5 objekten.<\/li>\n<li>H\u00f6gerklicka och v\u00e4lj &#8221;Gruppera&#8221;.<\/li>\n<li>Se till att gruppen \u00e4r markerad, och figurs\u00e4tt gruppen med &#8221;Figurs\u00e4tt runt objekt&#8221; i panelen Figurs\u00e4ttning.<\/li>\n<li>\u00d6ka tomrummet runt gruppen genom att \u00f6ka millmetrarna i figurs\u00e4ttningspanelen till ca 5mm, det brukar framf\u00f6rallt beh\u00f6vas till v\u00e4nster.<\/li>\n<\/ol>\n<h3>Layouten g\u00f6r att vi f\u00e5r \u00f6va p\u00e5 f\u00f6ljande <em>verktyg:<\/em><\/h3>\n<ul>\n<li>Att anv\u00e4nda svarta pilen f\u00f6r att flytta och \u00e4ndra storlek p\u00e5 objekt<\/li>\n<li>Textverktyget<\/li>\n<li>Bildmontering<\/li>\n<li>Figurs\u00e4ttning<\/li>\n<li>Gruppering.<\/li>\n<\/ul>\n<h3>Den inneb\u00e4r ocks\u00e5 att du f\u00e5r \u00f6va p\u00e5 f\u00f6ljande <em>koncept:<\/em><\/h3>\n<ul>\n<li>Att v\u00e4lja en <strong>bra spaltbredd<\/strong> (vilket oftast \u00e4r mellan 1-3 alfabets bredd, allts\u00e5 ca 25-75 tecken &#8211; i detta fall runt 40-50)<\/li>\n<li>Att anv\u00e4nda dig av\u00a0&#8221;<strong>golden ratio<\/strong>&#8221; 1,6 f\u00f6r typografisk skalning, (<a href=\"http:\/\/matematikvideo.se\/det-gyllene-snittet-konst-och-matematik\/\">L\u00e4s mer om gyllene snittet\/golden ratio h\u00e4r<\/a>)<\/li>\n<li>Att skapa avst\u00e5nd mellan stycken med &#8221;<strong>Avst\u00e5nd efter&#8221;<\/strong>, snarare \u00e4n med radbryt, som man inte skall anv\u00e4nda f\u00f6r layoutsyften.<\/li>\n<\/ul>\n<h4>\u00d6vningen p\u00e5 video<\/h4>\n<div class=\"x-resp-embed x-is-video x-is-youtube\"><iframe loading=\"lazy\" width=\"1184\" height=\"888\" src=\"https:\/\/www.youtube.com\/embed\/9PIvWcIwIWA?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I den h\u00e4r \u00f6vningen\u00a0\u00a0skapar vi p\u00e5 kursen\u00a0tillsammans\u00a0en grundl\u00e4ggande layout som innefattar n\u00e5gra design\/l\u00e4sbarhetsprinciper. Steg 1. Skapa en textruta och fixa in texten\u00a0 Skapa ett st\u00e5ende &#8230;<\/p>\n","protected":false},"author":1,"featured_media":852,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[12,26,30,36,41,45,63,64],"class_list":["post-81","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ovningar","tag-bilder","tag-figursattning","tag-indesign","tag-k2","tag-layout","tag-montering","tag-textverktyget","tag-textwrap"],"_links":{"self":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":16,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/81\/revisions"}],"predecessor-version":[{"id":941,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/81\/revisions\/941"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/media\/852"}],"wp:attachment":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/media?parent=81"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/categories?post=81"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/tags?post=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}