Layouter

Smart Chip-layouterna bygger på ett enkelt men flexibelt rutnätssystem som gör att allt ser snyggt och enhetligt ut. Samtidigt ger det dig stor frihet att anpassa layouten efter olika storlekar, formfaktorer och designbehov.

Layoutstilar

Det finns två olika typer av layouter: Full bleed och Blankrad. Båda använder samma rutnätssystem och samma regler.

Full bleed Dessa layouter använder vår färgpalett, uttrycksfulla bilder och stora rubriker för att väcka uppmärksamhet. De fungerar bäst för skyltar eller som blickfång när de kombineras med layouter med mycket vitt utrymme.

Blankrad Sådana layouter lämnar mer utrymme för text och rymmer mer information än en layout med kantlösa utskrifter. Detta gör dem mer lämpade för att berätta en historia.

Nätkonfiguration

Börja med marginalerna. Standardmarginalen för layouter är 8% av den kortaste sidan.

Dela upp det inre området i ett 10×10-rutnät.

Det var allt. Nu har du det fullständiga rutnätssystemet. Använd rutnätslinjerna för att justera och skala element som logotypen, rubriker, uppmaningsknappar, bilder och mycket mer.

Användning av rutnätet

Använd rutnätet som hjälp för att placera elementen. Systemet är utformat för att vara flexibelt, så känn dig fri att kombinera olika storlekar och placeringar för att skapa en layout som passar just dina behov.

Rubriker

Rubriker kan göras så stora som möjligt för att utnyttja det tillgängliga utrymmet. Men det behöver de inte – ibland är det bättre med mindre. Låt designen få andrum.

Håll ett avstånd till bilderna som minst motsvarar marginalen. Placera inte rubriker över bilderna, förutom i layouter med bilder som sträcker sig ända ut till kanten.

Texten kan antingen hänga under en rutlinje eller ligga på en, beroende på vad som passar bäst för din layout.

Bildmaterial

Se också till att bilderna är inriktade efter rutnätet. Bilderna kan sluta vid marginalen för ett rent och strukturerat utseende, eller sträcka sig ända ut till kanten. För en mer dynamisk och uppslukande effekt kan de även sträcka sig helt ut över sidan, med text och andra element placerade ovanpå.

Bakgrunden bredvid bilden är antingen svart eller vit. Vitt ger ett luftigt och fritt intryck, medan svart är elegant och kraftfullt. Välj den stil som bäst passar sammanhanget och innehållet.

När du använder helsideslayout ska du se till att texten förblir lättläst. Du kan välja en något kraftigare teckensnittsvikt om det förbättrar läsbarheten. Se också till att inte placera text över viktiga delar av bilden (som ansikten) eller över områden med mycket detaljer.

Alternativen för utskjutning på bilder är full utskjutning (sträcker sig över alla sidor), delvis utskjutning (sträcker sig över tre sidor) eller ingen utskjutning alls.

Undvik att endast göra en delvis utblödning på en eller två sidor.

Bild-i-bild

Att placera bilder i lager och låta dem överlappa varandra är ett utmärkt sätt att förmedla mer information, ge layouten mer liv och skapa visuellt djup.

Genom att låta de överlagrade bilderna avvika något från rutnätet blir de ännu mer dynamiska.

Betyg

Den mark (Logotyp eller ikon) placeras vanligtvis i det övre vänstra eller övre högra hörnet, precis intill marginalen.

Skalningen skiljer sig åt beroende på om layouten är horisontell eller vertikal:

I horisontella layouter ska du skala markeringen så att delen “SC” blir mellan en och två rutenhetshöjd.

I vertikala layouter ska du skala den så att den blir mellan två och fyra rutnätsenheter bred.

När du placerar märket ska du rikta in det efter “SC”-delen istället för prickarna. Prickarna överlappar riktlinjerna något.

Placera märket över bilden endast om det fortfarande är lätt att läsa. Välj den version (svart eller vit) som ger bäst läsbarhet.

Exempel

Undantag

Rutnätet fungerar bra för de flesta storlekar. Det finns dock vissa särskilda fall där man måste avvika från rutnätet.

Kvadratiska bilder

Rutnätet tillåter inte helt kvadratiska bilder, men de ser oftast jättebra ut. Det går bra att bryta mot reglerna här – se bara till att bilden ligger i linje med tre rutnätslinjer.

Ultrabreda format

Vid mycket breda format, till exempel banderoller, leder det till att markeringen blir mycket liten och marginalen för trång om man följer rutnätet (övre exemplet).

I dessa fall kan vi använda den första horisontella rutlinjen som ny marginal. Dessutom kan vi skala markeringen så att den fyller hela höjden upp till marginalen (exemplet längst ner).

Mycket höga format

Detsamma gäller för mycket höga format. I det här exemplet skulle märket bli för litet om man skalade ner det till fyra rutnät (exemplet till vänster). För att få en mer harmonisk storlek på märket kan vi här göra ett undantag från regeln och skala upp det (exemplet till höger).