writing portfolios / magazine - winjeel.com · design rules •communicate, don’t decorate •use...

32
Writing portfolios / magazine Writing class June, 2014 1 © Andrew Blyth 2011-2014. Winjeel.Com

Upload: others

Post on 25-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Writing portfolios / magazine

Writing classJune, 2014

1© Andrew Blyth 2011-2014. Winjeel.Com

Page 2: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

2

Page 3: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

3

Page 4: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

4

Page 5: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

5

Page 6: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

6

Page 7: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

7

Page 8: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

8

Page 9: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

9

Page 10: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

10

Page 11: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

11

Page 12: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

12

Page 13: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

13

Page 14: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

14

Page 15: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

15

Page 16: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

16

Page 17: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

17

Page 18: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

18

Page 19: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Design Rules• Communicate, don’t

decorate• Use two fonts

(maybe three)• Pick colours for a

reason• “Less is more”• Have negative

space

• Treat text as a visual• Be universal about

your presentation (not everyone likes Hello Kitty)

• Symmetry is the ultimate evil

• Study design rulesBased on:

http://www.presentationzen.com/presentationzen/2008/12/i-picked-up-a-book-recently-called-design-elements-a-graphic-style-manual-by-timothy-samara-that-is-quite-good-samara-start.html 19

Page 20: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Don’t use low contrast colours

Use high contrast colours, anda maximum of two fonts

20

Page 21: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Learn a little colour theory

21

Page 22: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Plan your colour scheme

Use a system to help you choose colours.

This isPaletton.com

22

Page 23: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

More colour theory

From: http://madecita.com/blog/choosing-fabrics-creative/ 23

Page 24: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Use negative space

and the rule of thirds

1/3

1/3

24

Page 25: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Use simple picturesand analogous and complementing colours

25

Page 26: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Use simple picturesand analogous and complementing colours

Rule of thirds

26

Page 27: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Also, the Golden Ratio

From: http://webdesign.tutsplus.com/articles/design-theory/mathematics-and-web-design-a-close-relationship/

27

Page 28: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Use simple picturesand analogous and complementing colours

28

Page 29: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

From: http://webdesign.tutsplus.com/articles/design-theory/mathematics-and-web-design-a-close-relationship/29

Page 30: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Treat text as a visual

From: http://globalmoxie.com/blog/nyc-grid-design.shtml

30

Page 31: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Examples of double-page layouts

From / see more at, http://rolyattaylor.blogspot.jp/2010/03/magazine-layouts.html31

Page 32: Writing portfolios / magazine - Winjeel.Com · Design Rules •Communicate, don’t decorate •Use two fonts (maybe three) •Pick colours for a reason •“Less is more” •Have

Design Rules• Communicate, don’t

decorate• Use two fonts

(maybe three)• Pick colours for a

reason• “Less is more”• Have negative

space

• Treat text as a visual• Be universal about

your presentation (not everyone likes Hello Kitty)

• Symmetry is the ultimate evil

• Study design rulesBased on:

http://www.presentationzen.com/presentationzen/2008/12/i-picked-up-a-book-recently-called-design-elements-a-graphic-style-manual-by-timothy-samara-that-is-quite-good-samara-start.html 32