{"id":276,"date":"2014-09-29T21:50:27","date_gmt":"2014-09-29T19:50:27","guid":{"rendered":"http:\/\/kurser.pixelengine.se\/indesign\/?p=276"},"modified":"2015-01-31T23:27:00","modified_gmt":"2015-01-31T22:27:00","slug":"mina-6-basta-layouttips","status":"publish","type":"post","link":"https:\/\/kurser.pixelengine.se\/indesign\/2014\/09\/29\/mina-6-basta-layouttips\/","title":{"rendered":"Mina 6 b\u00e4sta layouttips"},"content":{"rendered":"

Ordning \u00e4r sk\u00f6nhet.<\/h2>\n

T\u00e4nk systematiskt.<\/strong> Innan du b\u00f6rjar montera in bilder och skriva, skissa upp en layout du tror kan funka p\u00e5 ett papper, och b\u00f6rja sedan i InDesign. Efter ett tag kan man t\u00e4nka ut enklare layouter i huvet, men det \u00e4r \u00e4nd\u00e5 viktigt att ha en tanke om vilket inneh\u00e5ll man vill presentera och hur man ska g\u00f6ra det.<\/p>\n

Kontrollera whitespacen.<\/strong> Det \u00e4r det mest generella tipset f\u00f6r en b\u00e4ttre layout: inte f\u00f6r mycket och inte f\u00f6r lite whitespace. F\u00f6r lite brukar yttra sig i att sidan \u00e4r fylld med text \u00e4nda ut i marginalerna, och att det \u00e4r f\u00f6r tight mellan t ex bild och text p\u00e5 sidan. Man orkar inte b\u00f6rja n\u00e5gonstans. Whitespace hj\u00e4lper \u00f6gat f\u00f6rst\u00e5 vad som h\u00e4nger ihop och vad som ska tolkas separat, samt ger andningsutrymme. F\u00f6r mycket<\/i> whitespace \u00e4r mest d\u00e5ligt om den \u00e4r utspridd p\u00e5 15 olika st\u00e4llen i layouten. Det \u00e4r ofta snyggt och anv\u00e4ndbart med en smal spalt med stor whitespace p\u00e5 sidorna. Det \u00e4r inget problem eftersom det \u00e4r superenkelt f\u00f6r \u00f6gat att tolka.<\/p>\n

\"Amen!<\/a>

Amen! Texten blockeras av min tumme!<\/p><\/div>\n

L\u00e4gg tid p\u00e5 att att f\u00e5 till snygga rubriker.<\/strong> Det \u00e4r det f\u00f6rsta \u00f6gat dras till. Rubriker beh\u00f6ver tightas till \u2013 med standardinst\u00e4llningarna \u00e4r b\u00e5de radavst\u00e5ndet och avst\u00e5ndet mellan bokst\u00e4verna f\u00f6r stort. Knip och minska radvavst\u00e5ndet. Avstavning st\u00e4ngs av \u00e5tminstone f\u00f6r stora rubriker.<\/p>\n

Integrera allt!<\/strong> Ett vanligt problem \u00e4r att man delar upp layouten i en massa boxar som inte h\u00e4nger ihop. Det blir lite som att. Tala. Med punkt. Hela tiden. \u00d6gat blir avbrutet och f\u00e5r inget fl\u00f6de! N\u00e5got du kan g\u00f6ra: g\u00f6r om fyrkanter till cirklar,\u00a0 anv\u00e4nd figurs\u00e4ttning f\u00f6r att fl\u00f6da texten snyggt runt andra element i layouten, anv\u00e4nd ludd f\u00f6r att mjuka upp h\u00e5rda kanter.<\/p>\n

Ta i fr\u00e5n t\u00e5rna n\u00e4r du monterar bilder!<\/strong> L\u00e5t dem ta upp hela sidan, \u00e4nda ut \u00f6ver papprets gr\u00e4ns. En bild inmonterad i en fyrkantig ram, med marginaler runt, \u00e4r s\u00e4llan det b\u00e4sta.<\/p>\n

Skapa dynamik.<\/strong> N\u00e4r du monterar in bilder, anv\u00e4nd en n\u00e4rbild och en \u00f6versiktsbild \u2013 det skapar en h\u00e4rlig dynamik. Flera bilder i samma skala ser ofta tr\u00e5kigt ut. Skapa dynamik i din typografi genom att anv\u00e4nda ett elegant seriftypsnitt till rubrikerna och ett en geometrisk och modern serif till din underrubrik och\/eller br\u00f6dtext.<\/p>\n","protected":false},"excerpt":{"rendered":"

Ordning \u00e4r sk\u00f6nhet. T\u00e4nk systematiskt. Innan du b\u00f6rjar montera in bilder och skriva, skissa upp en layout du tror kan funka p\u00e5 ett papper, och …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[41,66],"class_list":["post-276","post","type-post","status-publish","format-standard","hentry","category-tips-tricks","tag-layout","tag-typografi","no-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/276","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=276"}],"version-history":[{"count":2,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/276\/revisions"}],"predecessor-version":[{"id":403,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/276\/revisions\/403"}],"wp:attachment":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/media?parent=276"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/categories?post=276"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/tags?post=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}