Layout - Pengantar Grafis Digital

LAYOUT

Layout = Plan?

Layout = tata letak?

•  what •  who •  when •  where •  what kind of media

Layout Element (Rustan, 2009)

Text Font Content (title, sub-title, text body)

Graphic Illustration Photo

Invisible element Spaces

Design Principles (Tufte, 1992) •  Graphical excellence is that which gives to the

viewer the greatest number of ideas in the shortest time with the least ink in the smallest space

•  Graphical excellence is nearly always multivariate •  And graphical excellence requires telling the truth

about the data.

•  Visual manipulation •  Art (composition,

combination, balance, contrast)

Teks sebagai grafis? Grafis sebagai teks?

Things you should consider..

Hierarchy/Sequence & Emphasize

•  Layout •  Layout •  Layout •  Layout •  Layout •  Layout •  Layout •  Layout

•  Layout •  Layout •  Layout •  Layout •  Layout •  Layout •  Layout •  Layout

•  Layout •  Layout •  Layout •  Layout •  Layout •  Layout •  Layout •  Layout

•  Layout •  Layout •  Layout •  Layout •  Layout •  Layout •  Layout •  Layout

Layout • Layout •  Layout

•  Layout

•  Layout

•  Layout •  Layout

•  Layout

•  Layout

• Layout •  Layout

•  Layout

•  Layout

•  Layout •  Layout

•  Layout

•  Layout

• Layout •  Layout

•  Layout

•  Layout

•  Layout •  Layout

•  Layout

•  Layout

• Layout •  Layout

•  Layout

•  Layout

•  Layout •  Layout

•  Layout

•  Layout

Hierarchy

Layout* • Layout •  Layout

•  Layout

•  Layout

•  Layout •  Layout

•  Layout

•  Layout

• Layout •  Layout

•  Layout

•  Layout

•  Layout •  Layout

•  Layout

•  Layout

• Layout •  Layout

•  Layout

•  Layout

•  Layout •  Layout

•  Layout

•  Layout

• Layout •  Layout

•  Layout

•  Layout

•  Layout •  Layout

•  Layout

•  Layout

Emphasize

!!

Font

Communicative & Creative

Digital graphic introduction

Microsoft Office Adobe Photoshop Adobe illustrator Adobe Indesign Corel Draw Corel Photopaint Corel Painter Macromedia freehand Macromedia flash Autodesk Sketchbook

?????

Vector: Adobe Illustrator, Adobe Indesign, Corel Draw, Macromedia freehand

Pixel: Adobe Photoshop, Corel Photopaint, Corel painter

Creating Microsoft Office, Adobe Illustrator, Corel Draw, Macromedia freehand

Editing Microsoft Office, Adobe Photoshop, Corel photopaint

Page Layout Adobe inDesign

sketching + coloring

Thank you

Home work : Pinterest new board : layout advertising Each per person