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, [Link], 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
