En liten formgivningsmanual
<CENTER><TABLE WIDTH=60%><TR><td ALIGN=center>
Program för att göra rollformulär</TD><td ALIGN=center>
Program för layout</TD></TR></TABLE></CENTER>
Ok, nu ska jag får ut det här ur mig en gång för alla, så att jag kan vara lat och länka till tråden när folk kommer och frågar om layout.. Jag kommer nu skriva direkt från minnet och jag har bara gått en kurs och använder inte InDesign så särskilt mycket så om ni hittar några fel så påpeka gärna.. Det jag har lärt mig om layout/formgivning är följande..
Det du först ska göra är att hitta på någon mall som alla sidor ska utgå från.. Jag brukar använda mig utav följande mall:
<CENTER><TABLE BORDER=1 WIDTH=300 HEIGHT=300><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=250 HEIGHT=250><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR></TABLE></TD></TR></TABLE></CENTER>
Det mörkare partiet är hela sidan och kolumnena säger var någonstans texten ska hamna.. Jag använde denna layout till dogmaliret
Nattdjur.. Ta gärna och ha det dokumentet uppe för att kunna sitta och titta på det när jag för upp nya saker..
Rollspelet Gemeni hade sin sidlayout såhär, om jag inte helt missminner mig med smalare kolumner vid sidorna av sidorna.. Tabloidtidningar har jag för mig (observera hur osäker jag är, men jag orkar inte kolla upp det för det här inlägget kommer ändå ta pisslång tid att skriva) har denna layout också (fast med fler rader)..
<CENTER><TABLE><TR><td><TABLE BORDER=1 WIDTH=170 HEIGHT=170><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=150 HEIGHT=150><TR><td WIDTH=25 CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR></TABLE></TD></TR></TABLE><td><TABLE BORDER=1 WIDTH=170 HEIGHT=170><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=150 HEIGHT=150><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td WIDTH=25 CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR></TABLE></TD></TR></TABLE></TD></TD></TR></TABLE></CENTER>
Råtexten
Text bör du skriva i något ordbehandlingsprogram.. Om du bortser från några buggar så är Word (senare än 98) helt suverän, eftersom den har en inbyggd rättstavningfunktion med den stora fördelen att du kan plocka fram synonymer.. Du ska aldrig sitta och skriva texter i InDesign, utan sköt allt i ordbehandlingsprogrammet.. Se även till att sköta dig med mallar, såsom rubrikmallar, brödtextmallar och så vidare.. Det underlättar när du senare importerar dokumentet till InDesign.. När du har fått tillbaka din text till dina bollplank/korrekturläsare och känner "Ja, nu är jag klar med texten" så ska du starta InDesign.. Du ska aldrig,
aldrig göra någon formgivning i Word..
Stödlinjer
Det första du ska göra är att skapa mallen med hjälp av stödlinjer.. Hur man gör finns att hitta i hjälpen.. "Guidelines" heter det på engelska i alla fall, så mycket kommer jag ihåg (jag har inte InDesign installerad så jag kan inte ge en närmare förklaring om hur man gör).. Det "guidelines" gör är att de ritar upp ett rutmönster över alla sidor, som bara syns i InDesign och inte i den färdiga produkten.. Dessa stödlinjer ska du sedan använda dig av när du placerar ut texten..
Slänga dit texten
Hur du ska göra för att importera text och bilder är rätt enkelt.. Du använder Placera som finns någonstans i Arkivmenyn.. Se andra inlägg i den här tråden för närmare information, men själv använder jag alltid kortkommandot CTRL-D för jag orkar inte klicka i menyer.. Sök upp ditt textdokument, förslagsvis sparat som en rtf-fil om du använt Word, och när du är gjort det du ska så har muspekaren ändrats.. Du ska nu slänga ut texten i de kolumner som stödlinjerna har märkt ut.. Det skulle kunna se ut något såhär:
<CENTER><TABLE BORDER=1 WIDTH=300 HEIGHT=300><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=250 HEIGHT=250><TR><td WIDTH=80 HEIGHT=80 CLASS=lighttable><font size="1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable WIDTH=80 HEIGHT=80 VALIGN=top><font size="1">euismod tincidunt ut laoreet dolore.</TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td WIDTH=80 HEIGHT=80 CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR></TABLE></TD></TR></TABLE></CENTER>
Nu kommer en himla massa saker på en gång, så var beredd.. Saker du borde tänka på är:
Att försöka undvika
horungar (samt dubbla horungar) och
änklingar vilka förklaras något i ett annat inlägg i denna tråd..
Du bör också försöka att fixat till rubrikhöjden så att den inte rubbar texten och förskjuter raderna.. Du ska alltså ha en rak linje mellan textraderna i de olika kolumerna..
<CENTER><TABLE><TR><td ALIGN=center><TABLE BORDER=1 WIDTH=250 HEIGHT=250><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=200 HEIGHT=200><TR><td CLASS=lighttable>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</TD><td CLASS=lighttable>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</TD></TR></TABLE></TD></TR></TABLE>
Rätt</TD><td ALIGN=center><TABLE BORDER=1 WIDTH=250 HEIGHT=250><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=200 HEIGHT=200><TR><td CLASS=lighttable>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</TD><td CLASS=lighttable><font size="1">
</FONT>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</TD></TR></TABLE></TD></TR></TABLE>
Fetfel</TD></TR></TABLE></CENTER>
[<font size="1">Det finns en del saker till att göra men det är mest petitesser enligt mig och inte något man bör tänka på när man gör amatörscenarior</FONT>]
Det sista du ska göra med texten är att avstava.. Särskilt viktigt är det med avstavning om du ska ha marginaljusterad (justified) text.. Marginaljusterad brukar se proffsigt ut men gör texten lite mer svårläst.. Om du nu ska ha marginaljusterat så zooma ut från dokumentet.. Du kommer att se "vita maskar" ringla sig i din text.. De ska likvideras och det görs med avstavning.. För er som inte vet vad avstavning är så ser det ut såhär:
Rickard är en riktig hed-
ning, enligt Tok-Olof.
Man snyggar till raderna helt enkelt med lite radbrytningar här och var i texten.. Det finns lite regler om avstavning (InDesigns avstavning tycker jag fungerar skit) men om du vill ha info om det så rådfråga din svenskabok.. InDesign kan göra hårda och mjuka avstavningar.. Hårda avstavningar behåller bindestrecket i ordet, även om du ändrar om såpass i texten att Indesign tycker att hela ordet kan få plats på en rad.. Mjuka avstavningar tar bort bindestrecket.. Jag vet dock inte hur man gör mjuka avstavningar..
Bilder
När du placerat ut texten så kommer du att ha lite tomma ytor här och var och det är där bilderna kommer in.. För man har mest bilder att fylla ut tomytorna (ok, inte riktigt men köp det här nu utan att tänka på det
).. Kolumnena använde du för att slänga ut texten och nu ska du använda dig utav raderna för att placera ut bilderna.. Tanken är att de ska finnas inuti en eller två rutor och att
text aldrig ska finnas i dessa rutor, undantagsvis bildtexter (som jag själv tycker borde finnas fler av i rollspelsprodukter).. De mörka partierna nedan i rutorna visar var bilden är placerad..
<CENTER><TABLE><TR><td ALIGN=center><TABLE BORDER=1 WIDTH=170 HEIGHT=170><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=150 HEIGHT=150><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td></TD></TR></TABLE></TD></TR></TABLE>
Rätt</TD><td ALIGN=center><TABLE BORDER=1 WIDTH=170 HEIGHT=170><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=150 HEIGHT=150><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td></TD><td></TD></TR></TABLE></TD></TR></TABLE>
Rätt</TD><td ALIGN=center><TABLE BORDER=1 WIDTH=170 HEIGHT=170><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 CELLPADDING=0 WIDTH=150 HEIGHT=150><TR><td HEIGHT=48 WIDTH=48 CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td HEIGHT=48 WIDTH=48 CLASS=lighttable></TD><td CLASS=lighttable VALIGN=bottom ALIGN=left><TABLE WIDTH=40 HEIGHT=20 BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><td CLASS=darktable>[COLOR=b0b0b0].</FONT></TD></TR></TABLE></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td HEIGHT=48 WIDTH=48 CLASS=lighttable VALIGN=top ALIGN=left><TABLE WIDTH=40 HEIGHT=20 BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><td CLASS=darktable>[COLOR=b0b0b0].</FONT></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></CENTER>
Fel</TD></TR></TABLE></CENTER>
Det du bör tänka på är att ha en balans på sidan, eller på sidorna om det är ett uppslag.. Vad jag menar är att du inte ska ha bilder så att det känns som om hela sidan "tippar över" åt det hållet.. Jag ska försöka visa grafiskt så jag slipper skriva så mycket text..
<CENTER><TABLE><TR><td><TABLE BORDER=1 WIDTH=170 HEIGHT=170><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=150 HEIGHT=150><TR><td></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR></TABLE></TD></TR></TABLE></TD><td><TABLE BORDER=1 WIDTH=170 HEIGHT=170><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=150 HEIGHT=150><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></CENTER>
Ser du hur bilderna liksom motväger varandra? Jämför med följande...
<CENTER><TABLE><TR><td><TABLE BORDER=1 WIDTH=170 HEIGHT=170><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=150 HEIGHT=150><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR></TABLE></TD></TR></TABLE></TD><td><TABLE BORDER=1 WIDTH=170 HEIGHT=170><TR><td CLASS=darktable VALIGN=middle ALIGN=center><TABLE BORDER=1 WIDTH=150 HEIGHT=150><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td CLASS=lighttable></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td></TD></TR><TR><td CLASS=lighttable></TD><td CLASS=lighttable></TD><td></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></CENTER>
...och du ser hur de två bilderna blir en stor klump nere i hörnet och hela uppslaget "tippar över".. Om du nu kollar på mitt dogmabidrag så ser du att jag följer just detta för att försöka ha en viss harmoni i dokumentet..
Det är väl allt jag har att säga.. Nu vet ni hur begränsad min kunskap är angående layout..
Detta är en rätt amatörartad beskrivning över hur du bör gå tillväga i din layout.. Det finns böcker, framförallt på nätet eller i bibliotek, som du kan läsa.. Dessutom så har jag försökt undvika säga vad som redan sagts i tråden..
/
Han som hade ett himla sjå med att göra tabeller och hoppas nu att det funkar i IExplorer och inte bara <A HREF=http://www.getfirefox.com>Firefox</A>