Design and

Layout
Understanding and Using Graphics

andi argetlam

principles - applications - projects

 Design and Layout :
Understanding and Using Graphics TABLE OF CONTENTS

Published By :

Your Heckin’ Company. inc

ARGENTUM Unreality Works

April 2019

Director Andi Muhammad Fikri | Editor Andi Muhammad Fikri |

Writing & Photo Mr. Google Search, WallpaperHome.com, My Basic Shapes
Internet Provider, My Old Lenovo ThinkPad T420, The Guy
Who Actually Take The Photo, and ofc Me Who Searched and
Downloaded it | Fonts Andi A.W. Masry | Graphic Design Andi
Muhammad Fikri
Balance & Harmony

Typeface

Display

Colour
 Allianz Arena | Germany

What is in a design?

02 | HAMBURGEFONTSTIVE
Basic
Principles.
Cognoscere principia rerum
Decide Based from Function
A billboard
poster tting
the size of
the hoarding.

Text does
not hinder
the main
view of the
photo used
ARCHITECTURE
Lorem ipsum dolor sit amet, consectetur
adipiscing elit Clear view
and
aesthetically
HAMBURGEFONTSTIVE | 01

tted image
Decide Based from Function
Formal document

Focusing on the content and

tting as much as possible
rather than the design

Should not be fashioned to

catch attention

take note on how the document

fits a literal wall of texts in one page.

Efficiency before Visuals

Decide Based from Placings

You can make a

“compartment” like this page
and make the image you’re
using have a good view while
still having a lot of texts
placement on the page
 Decide Based from Placings
Depending on what
resource you have, you
can t the text around
the image, or image
around the text. Pretty
exible aren’t it?

This text is placed fitting with this

picture of a smokin’ hot Royal Enfield
here
Image Composition
Image Composition

This image worked it perfectly by placing the motorbike rider right on the middle, giving it
a full view of the picture, and adding other components on both side, diagonally, giving
the design a sense of “clear view” while still fitting all the needed components.
Placing
Words.
Utendi spatio
 ere’s not much rule to it except for one thing

MAKE USE
OF THE SPACE
AVAILABLE
Let’s give you some examples for better understandings.
gatito
little
Cats
坂本
 Lorem ipsum dolor sit
amet, consectetur
adipiscing elit, sed do
eiusmod tempor
The Blue Mosque incididunt ut labore et
dolore magna aliqua.
Aliquam ultrices sagittis
Istanbul, Turkey orci a. Pretium nibh ipsum
consequat nisl. Purus in
mollis nunc sed id semper
risus in.
 You can play
with the
angles of the
text placement

Giving it an
Y
I K M

R
AL A

E
MILLE N I

RCH
A community “asymmetric”
aesthetics
- 5 7 2 9 ( Izzu)
6 2 8 1 2 - 1838
+
Contact : - 3 4 1 2 ( Andi)
6 2 8 1 2 - 1268 Scan QR
+ Google M
aps
 I
IAL A
LLE N

mu Y
- MI

nity
Heck,

com ER
IKM
you can even

IAL A
make it almost

LLEN
vertical.

- MI

H
IKM
As long it’s

IAL A
ARC
easily

LLEN
readable.

- MI
AIKM 20 Februari 2022
10.00 - 11.00
NIAL

Liverpool Futsal
MILLE
Creating Balance and

Harmony
with a combination
of typefaces and
colors Equilibrio et harmonia
CONTRAST

CONTRAST
as it works, contrast does not works only with
colors

A
drop cap (dropped capital) is a large capital
letter used as a decorative element at the
beginning of a paragraph or section. The size of
a drop cap is usually two or more lines.

This is often seen in articles you can find in

newspapers, magazines, or any other conventional
printed media.
HEADING
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Aliquam ultrices sagittis orci a. Pretium nibh ipsum
consequat nisl. Purus in mollis nunc sed id semper risus in.
Luctus accumsan tortor posuere ac. Eu consequat ac felis
donec et odio pellentesque. Sed cras ornare arcu dui
vivamus arcu felis bibendum. Facilisi morbi tempus iaculis
urna id volutpat lacus laoreet non. Rutrum tellus
pellentesque eu tincidunt tortor aliquam nulla. Ornare
aenean euismod elementum nisi quis eleifend. Libero nunc
consequat interdum varius sit. Nec tincidunt praesent
semper feugiat nibh sed pulvinar proin gravida.
Balance and

WITH
Harmony

THE USE OF GRIDS

use
the correct
typeface
for your design
Romae fueris, Romano vivito
A serif typeface
a more modern Sans Serif
a classic and bold hairline serif
Classic and Rockin’ Slab Serif
A timeless classical Slab Bracket
mechanical look of Courier
e delicacy of a handwritten cursive
The power of Helvetica
 TA 2022-2023

Wisuda Santri
smpit & smait
like stars on earth ‫ا رض‬ ‫م‬ ‫ا‬
Est. 1955, Handcrafted with the finest material. Top Quality

“Caution: Emergency Exit Only.

Do Not Use Except in Emergency."

April 19, 23.59 pm.

ration stock is running low
3 days since stranded on an unidentified
island. Visibility is poor.
 caution!
caution!
CAUTION!
CAUTION!
CAUTION!
Hawke
andiargetlam