Slide 1
Slide 1 text
Mobile Nottingham
@MobileNotts
@mkflint @syeefk
<— Food & Drink available in the kitchen :D
Slide 2
Slide 2 text
Material design
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
Syeef Karim
[email protected]
[email protected]
Weekday Work
Weekend Work
@SyeefK
Twitter
Slide 5
Slide 5 text
Material design
Slide 6
Slide 6 text
Pixels aren’t just bits on a screen, but
rather they’re real things
Slide 7
Slide 7 text
What is flat design?
Slide 8
Slide 8 text
A design metaphor which removes any stylistic
choices that give the illusion of three-
dimensions
Slide 9
Slide 9 text
Traditionally removes the use of drop
shadows
Slide 10
Slide 10 text
Traditionally removes the use of drop
shadows
Traditionally removes the use of gradients
Slide 11
Slide 11 text
Traditionally removes the use of drop
shadows
Traditionally removes the use of gradients
Traditionally removes the use of textures
Slide 12
Slide 12 text
Instead opts for a minimalistic use of simple
elements
Slide 13
Slide 13 text
Instead opts for a minimalistic use of simple
elements
Instead opts for a minimalistic use of flat
colours
Slide 14
Slide 14 text
Instead opts for a minimalistic use of simple
elements
Instead opts for a minimalistic use of flat
colours
Instead opts for a minimalistic use of
typography
Slide 15
Slide 15 text
Material design is similar
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
There are three key tricks to getting it right
Slide 19
Slide 19 text
Colour
Slide 20
Slide 20 text
“Bold, graphic, intentional”
Slide 21
Slide 21 text
“Emphasise bold shadows and
highlights.”
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
Primary colour
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
Accent colour
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
Imagery
Slide 28
Slide 28 text
A great tool to help communicate
your product
Slide 29
Slide 29 text
No content
Slide 30
Slide 30 text
Pro tip - avoid stock imagery
Slide 31
Slide 31 text
Looks unauthentic and cheap
Slide 32
Slide 32 text
Authentic Motion
aka
Animations
Slide 33
Slide 33 text
No content
Slide 34
Slide 34 text
No content
Slide 35
Slide 35 text
No content
Slide 36
Slide 36 text
No content
Slide 37
Slide 37 text
“…finding solutions within constraints.”
Slide 38
Slide 38 text
Thanks for listening
Slide 39
Slide 39 text
Mobile Nottingham
@MobileNotts
@mkflint @syeefk
<— Food & Drink available in the kitchen :D