Digital duplication

Digital duplication

Lese s. 52 – 57 i «A Foundation Course for Graphic Designers Working in Print, Moving Image and Digital Media». Se video på Lynda: the use of InDesign for layout av David Blatner.

Vi skulle velge en enkel A5 flyer med print bare på den ene siden og i farger. Flyeren skulle inneholde både bilder og tekst, gjerne en reise-flyer, men fritt valg.
Lage den samme layouten som flyeren ved å bruke InDesign.

Dette er flyeren jeg brukte som utgangspunkt:

Slik ble resultatet når jeg laget den i InDesign:

 _____________________________________________________

Neste oppgave:
Design of layout in InDesign

1. Using InDesign, design a 4-page brochure for a fictitious travel agent.
2. The size of the brochure should be A5 (when it is folded).
3. Design the brochure in full colour.
4. Use fake body copy, but create sensible headings.
5. Use titles, headings and images of your choice.
6. Be sure to pay attention to:
   1. Choice of type
   2. Choice of imagery
   3. Use of layout and grid to communicate the content.

 

 

Styles of Layout

Styles of layout

Lese s. 46 – 47 i «A Foundation Course for Graphic Designers Working in Print, Moving Image and Digital Media».
Vi skal lage en forside på en valgfri oppskriftsbok. Vi kunne dikte opp en selv.

Lage en tittel, forfatter og forlag og designe en forside både symmetrisk og asymmetrisk. Vi skal bruke sans serif skrifttype på den symmetriske og serif på den asymmetriske og minst 6 versjoner av hver. Legge merke til skrifttypen og størrelsen på bokstavene. Vi skulle bruke den samme forsiden hele veien, så en lett kunne se forskjellen når en endret font og tekststørrelse. 

Tenke over bruken av fonten og mellomrom i hvert forslag. Og f eks om tittelen på boka er mere viktig enn forfatterens navn. Om vi synes at teksten skal være mere fremtredene enn bildene? Skrive notater for de forskjellige versjonene.

Så skal vi velge ut en favoritt-layout av både symmetrisk og asymmetrisk og lage 1 versjon som inneholder både symmetrisk og asymmetrisk design.

Asymmetrisk:

Jeg synes et bilde på forsiden av en bok er viktig, det er liksom det første en ser, og da helst et litt spennende bilde! Jeg synes ofte at asymmetrisk design kan være litt mere rotete enn symmetrisk design og at det er litt flere varianter mht hvordan en kan plassere tekst i forhold til symmetrisk. Jeg synes det er viktig med stor tekst på tittelen, for det er jo det viktigste, nesten viktigere enn bilder. Jeg synes også at forfatterens navn heller ikke trenger å være så stort og heller i hvilket forlag det er. Av disse forslagene jeg har laget liker jeg de 3 øverste best. De to mot høyre fordi de har en litt «innbydende» skrift, litt søt, sånn som jordbær! Og den helt til venstre pga den store teksten som lyser mot en – Fristelser!Symmetrisk:

 Av disse forslagene liker jeg den øverst til venstre best. Den har en leken stil som passer godt til jordbær synes jeg. Den øverste til høyre liker jeg også fordi den har stor skrift og er derfor lett synlig.

Kombinert Asymmetrisk/Symmetrisk:

Dette ble det kombinerte forslaget med både symmetrisk og asymmetrisk design. Synes det ble fint med den store skriften i toppen og bunnen, og den andre fine skrifttypen på resten. Hva den handler om kommer på skrå. Jeg synes det fineste resultatet blir å kombinere både symmetrisk og asymmetrisk.

 _______________________________

Neste oppgave:
Pace and contrast

Lese s. 48 – 51 i «A Foundation Course for Graphic Designers Working in Print, Moving Image and Digital Media». Vi skal sammenligne designet  på et online magasin, en blogg eller en webside i forhold til et printet magasin, en bok eller en journal og notere ned hva er forskjellen på designet mellom disse to.

Online magasin, blogg eller webside:
En dynamisk side, ofte mye bilder og mindre tekst men med linker til andre sider hvor en kan lese mer om emnet hvis en vil. En kan også se video online. Oppsettet av tekst online er også forskjellig fra bøker og magasiner. Online ligger teksten stort sett under bildet i en kolonne. Jeg synes innholdet på sider online er mer oversiktlig enn magasiner eller bøker fordi de slipper å presse så mye som mulig inn på samme side.

Printet magasin, bok eller journal:
En statisk side, mer reklame enn online, ofte mer tekst, må ha skarpe effekter for å fange leserens oppmerksomhet som f eks fet eller stor skrift, spesielle skrifttyper, sterke farger, sort/hvitt bilder osv. Bilder brukes for å bryte opp teksten så det ikke blir langtrukkent og tungt å lese. Ofte tyngre å lese enn online.

Symmetrisk/Asymmetrisk

Symmetry/asymmetry

Lese s. 40 – 41 i «A Foundation Course for Graphic Designers Working in Print, Moving Image and Digital Media.»

Vi skal bruke et A4 ark, liggende format, og lage 4 like firkanter. Lag tilsvarende 4 sider til, så en har 5 ark med 4 firkanter på hver. Tegn 1 eller 2 firkanter eller rektangler på hver firkant og lag følgende: (ref. textbook s.41)

Entering left

Movement to the right

Movement to the left

Movement downwards

Movement upwards

Balance

Tension

Symmetry/asymmetry

Vi skulle lage 2 forskjellige versjoner av hver effekt og forklare kort hva vi ønsket å oppnå.

_________________________________________________________

 

Neste oppgave:
Lese s. 42 – 45 i «A Foundation Course for Graphic Designers Working in Print, Moving Image and Digital Media.»

Basic principles of layout

Ta et blad, en avis eller en bok som inneholder både tekst og bilder. Legg gjennomsiktig papir over 3 av sidene, både høyre og venstre sider. Bruk blyant og linjal og tegn griden på sidene. Skriv ned kolonne bredde og størrelse på margene, topp, bunn, høyre og venstre marg, mht hovedteksten. Er dokumentet ditt basert på 2 kolonne grid, 3 kolonne grid eller en annen type grid? Hvilke elementer forblir de samme på hver side og hvilke endrer seg?

Jeg fant dette bladet «Hundesport» som jeg får i posten. Synes dette bladet viste de forskjellige gridsystemene veldig bra, til og med forsiden var satt opp med en 3-kolonne grid:

Den første siden har en 2-kolonne grid. Den inneholder både tekst og et bilde som går over begge kolonnene. Den ene kolonnen er merket med lysegrå farge for å tiltrekke oppmerksomhet og viser også at denne teksten hører til bildet over.

Jeg la bakepapir over siden og tegnet opp griden. Alle sidene har høyre -og venstre marg 1,2 cm. Toppmargen var 1,7 cm og bunnmarg var 2,1 cm.

Den andre siden har en 3-kolonne grid. 

Den inneholder også både tekst og et bilde som går over to av kolonnene. Den øverste teksten på bildet er i en kolonne, så blir det to kolonner og nederst på siden blir det tre kolonner.

Den tredje siden har en 5-kolonne grid.

Den inneholder både tekst og bilder, både i farger og i sort/hvitt. Den øverste kolonnen er farget, så den lettere skal sees.

Jeg synes dette var var en lærerik og moro oppgave 🙂

 

Layout

Da var det mandag igjen og ny uke! Denne ukens tema er «Layout».
Dette er ukens første oppgave, av mange…

Lese gjennom s. 38 – 39 i «A Foundation Course for Graphic Designers Working in Print, Moving Image and Digital Media».
Learning Activity – Form and space

1. Rearrange shapes cut out of paper, and try to find the point at which the figure disappears into the ground.
   • Cut out a series of shapes from black paper – squares, rectangles, circles and random shapes – in a variety of sizes, from small to large.
   • Working with a square piece of white paper, place shapes of different sizes into the white space; place them on the white one at a time and move them around.
   • Try to find the point where the distinction between figure and ground becomes unclear. Does it depend on which shape dominates the space: black or white? Is it about the position of the shape within the space? Think about how important figure-ground relationships are within composition and design.
2. Write down your findings, and remember to take pictures of your progress. Submit these pictures and your write-up on Moodle.