Design Crash Course: Layout

1. Human—Computer
Interaction
03: Design Crash Course / Layout

3. I. Order vs Chaos

6. Structure
— De
fi
ne key elements of the composition
— Think about their hierarchy
and relationships

7. — One big thing (title?)
— Introduction / Lead
— Content
— Illustration / Photo
— Navigation

8. Hero
Navigation
Lead
Section 1
Lead, continued
Section 2
Section 3

9. — The contents of one element of the
structure should be closer to each other
than to other contents

10. DESIGN
A design is a plan or speci
fi
cation for the construction of an object or
system or for the implementation of an activity or process, or the result
of that plan or speci
fi
cation in the form of a prototype, product or
process.
The person who produces a design is called a designer, which is a term
generally used for people who work professionally in one of the various
design areas—usually specifying which area is being dealt with (such as
a fashion designer, product designer, web designer or interior designer),
but also others such as architects and engineers.
more about design

11. DESIGN
A design is a plan or speci
fi
cation for the construction of an object or
system or for the implementation of an activity or process, or the result
of that plan or speci
fi
cation in the form of a prototype, product or
process.
The person who produces a design is called a designer, which is a term
generally used for people who work professionally in one of the various
design areas—usually specifying which area is being dealt with (such as
a fashion designer, product designer, web designer or interior designer),
but also others such as architects and engineers.
more about design

12. DESIGN
A design is a plan or speci
fi
cation for the construction of an object or
system or for the implementation of an activity or process, or the result
of that plan or speci
fi
cation in the form of a prototype, product or
process.
The person who produces a design is called a designer, which is a term
generally used for people who work professionally in one of the various
design areas—usually specifying which area is being dealt with (such as
a fashion designer, product designer, web designer or interior designer),
but also others such as architects and engineers.
more about design

13. DESIGN
A design is a plan or speci
fi
cation for the construction of an object or
system or for the implementation of an activity or process, or the result
of that plan or speci
fi
cation in the form of a prototype, product or
process.
The person who produces a design is called a designer, which is a term
generally used for people who work professionally in one of the various
design areas—usually specifying which area is being dealt with (such as
a fashion designer, product designer, web designer or interior designer),
but also others such as architects and engineers.
more about design Navigation
Content
Title

14. Grid
— Watch out for banner blindness
— ATF is BS: go with the user
fl
ow
— Margins are important

25. II. Composition

26. Consistency
— Choose the basic composition paradigm:
• central (symmetry)
• left-aligned
• …

27. Zbiorowy
portret rodzin
II Rzeczypospolitej
ISBN 978-83-66739-13-0
opracowanie
ANNA KROCHMAL
ANNA
K
ROC
HMAL
Zbiorowy
portret
rodzin
II
Rzeczypospolitej
poniedziałek
czwartek
wtorek
piątek
środa
sobota
niedziela
2020
grudzień
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
MIKOŁAJKI,
DZIEŃ DARCZYŃCY
WIGILIA
BOŻEGO NARODZENIA
BOŻE
NARODZENIE
BOŻE
NARODZENIE
SYLWESTER

30. Basic rules
— Big things on top
— White space is important
— Less is more
— Contrast is good