“above the fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · bungee...

15
“Above The Fold”

Upload: others

Post on 02-Aug-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE

...with its own unique challenges.

“Above The Fold”

Page 2: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE

“Design is about having a plan.Web design is about having a backup plan.”

Things we can’t control:

Page 3: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE
Page 4: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE

Conventional location of elementsConventional scale of elements and font sizes container: logo: navigation font size:

Page 5: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE

White space (negative space) creates organization and hierarchy

Page 6: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE
Page 7: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE
Page 8: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE
Page 9: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE
Page 10: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE

It’s easier to digest bite-sized chunks

Page 11: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE

Bite-sized chunks

Page 12: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE

The 3 Kinds of Type on the Web

1

2

3

Page 13: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE

The 3 Kinds of Type on the Web

Images of type

Web-safe type / system fonts

“Live” type

Embedded type — @font-face

1

2

3

Page 14: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE
Page 15: “Above The Fold”professorswisher.com/handouts/477/review-overview.pdf · 2015-09-08 · Bungee Trampoline, Climbing Well and Kid's Inflatables and more. MORE MTÁ.ORT BUY ONLINE