8. Typography Layout
Description
Dream Build Launch The choice of fonts are important
to the first impression and design of
Is a continuous campaign to your application. Alignment in this
textbox helps to create a grid
help developers get onboard effect.
on Windows 8 Varying the sizes of fonts and types
of fonts can make it interesting for
You are currently attending a workshop on Metro Design the users. Example using BOLD
Step-By-Step in Microsoft Singapore, One Marina effects and
Boulevard. This workshop is part of the Dream Build Launch increasing
hackathon. can give
1 2012
different emphasize.
June
Use orientation to your advantage to
Today’s Date: text, grouping them base on types.
backgroun
Example date.d
6 Putting color behind
text gives it a feel of title.
9. Grids and
Whitespace Description
Dream Build Launch The choice of fonts are important
to the first impression and design of
Is a continuous campaign to your application. Alignment in this
textbox helps to create a grid
help developers get onboard effect.
on Windows 8 Varying the sizes of fonts and types
of fonts can make it interesting for
You are currently attending a workshop on Metro Design the users. Example using BOLD
Step-By-Step in Microsoft Singapore, One Marina effects and
Boulevard. This workshop is part of the Dream Build Launch increasing
hackathon. can give
1 2012
different emphasize.
June
Use orientation to your advantage to
Today’s Date: text, grouping them base on types.
backgroun
Example date.d
6 Putting color behind
text gives it a feel of title.
11. Graphics and Colors
Colors brings out life in
your application
Color Schemes are
important. They should
not be too colorful
hence making it
distracting for the
user
Use similar colors to
convey messages
such as actionable
items Next
http://colorschemedesigner.com/
12. Always Start off with Graphics
Schemes
Theme: Typography
related
Theme: Time related
Theme: Exercise
related
http://www.cssdrive.com/imagepalette/index.php
13. Either fill graphics or corner it
Something Maybe there is more text here There could be even more text here,
Description
which would describe more of Just make sure that they have enough
here the list of items at the bottom White space in between
more things there The text here tries to match
the colors of the overlay at
Makes the layout a bit more the bottom of the list of item
interesting
Lorem Lorem Lorem Lorem Lorem L
Ipsum Ipsum Ipsum Ipsum Ipsum Ip
14. Either fill graphics or corner it
Something Maybe there is more text here There could be even more text here,
Description
which would describe more of Just make sure that they have enough
here
the list of items at the bottom White space in between
The text here tries to match
more things the colors of the overlay at
the bottom of the list of item
there
Makes the layout a bit more
interesting
AM
0 9 :3 5 PM
