Design for non-designers

105
GOOD MORNING

description

A basic primer in design principles and rules of thumb to help non-designers get their work looking good. Also, a collection of resources and links for cheap and free design assets and further reading

Transcript of Design for non-designers

Page 1: Design for non-designers

GOOD MORNING

Page 2: Design for non-designers

WHO IS JONNO COHEN?

GRAPHIC DESIGNER ILLUSTRATOR WEB DESIGNER

Page 3: Design for non-designers

DESIGN FOR NON-DESIGNERS

Page 4: Design for non-designers

1 2 3

Page 5: Design for non-designers

http://jonnocohen.com/non-designers

Page 6: Design for non-designers

1

PRINCIPLES

Page 7: Design for non-designers

?

Page 8: Design for non-designers

Who is this for?

Page 9: Design for non-designers

What do I want them to do?

Page 10: Design for non-designers

How do I get them to do it?

Page 11: Design for non-designers

1

FOCAL POINT

Page 12: Design for non-designers
Page 13: Design for non-designers
Page 14: Design for non-designers
Page 15: Design for non-designers
Page 16: Design for non-designers
Page 17: Design for non-designers
Page 18: Design for non-designers
Page 19: Design for non-designers
Page 20: Design for non-designers
Page 21: Design for non-designers
Page 22: Design for non-designers
Page 23: Design for non-designers
Page 24: Design for non-designers
Page 25: Design for non-designers

Less is more

Page 26: Design for non-designers

Cut through the clutter

Page 27: Design for non-designers

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Mauris eget euismod dui. Donec tristique imperdiet pellentesque. Etiam dignissim porta massa, et dictum neque rhoncus nec. Sed consectetur facilisis quam. Donec quis ultrices elit. In eu lectus sed nulla sollicitudin sagittis. Nulla fringilla tincidunt tellus, lobortis tempor sem. Fusce varius, massa vel venenatis tempor, leo ipsum elementum magna, ac porta mi tortor sed odio. Nullam euismod diam ac urna feugiat vestibulum. Donec dui nulla, laoreet id dui at, tempor fringilla elit. Mauris ullamcorper interdum est nec aliquam. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Quisque ultricies eros quis turpis rutrum pretium. Morbi et quam vitae turpis convallis luctus vitae quis risus. Sed sed lacus tellus. Mauris a dui at nisi consequat pulvinar vitae auctor lorem. Phasellus vulputate lacus nec nunc eleifend interdum. Maecenas et massa ut est molestie accumsan a non lorem. Nullam semper pellentesque eleifend. Vivamus eget velit sit amet leo lobortis tincidunt vitae id mi. Nam accumsan ligula nisi, ac volutpat nisl egestas at. Praesent vel tellus semper leo posuere pharetra. Vivamus ut lectus nec turpis convallis tempus. Suspendisse vehicula convallis sapien sed egestas. Ut eget malesuada dolor, eu rhoncus nisl.

Page 28: Design for non-designers

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Mauris eget euismod dui. Donec tristique imperdiet pellentesque. Etiam dignissim porta massa, et dictum neque rhoncus nec. Sed consectetur facilisis quam. Donec quis ultrices elit. In eu lectus sed nulla sollicitudin sagittis. Nulla fringilla tincidunt tellus, lobortis tempor sem. Fusce varius, massa vel venenatis tempor, leo ipsum elementum magna, ac porta mi tortor sed odio. Nullam euismod diam ac urna feugiat vestibulum. Donec dui nulla, laoreet id dui at, tempor fringilla elit. Mauris ullamcorper interdum est nec aliquam. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Quisque ultricies eros quis turpis rutrum pretium. Morbi et quam vitae turpis convallis luctus vitae quis risus. Sed sed lacus tellus. Mauris a dui at nisi consequat pulvinar vitae auctor lorem. Phasellus vulputate lacus nec nunc eleifend interdum. Maecenas et massa ut est molestie accumsan a non lorem. Nullam semper pellentesque eleifend. Vivamus eget velit sit amet leo lobortis tincidunt vitae id mi. Nam accumsan ligula nisi, ac volutpat nisl egestas at. Praesent vel tellus semper leo posuere pharetra. Vivamus ut lectus nec turpis convallis tempus. Suspendisse vehicula convallis sapien sed egestas. Ut eget malesuada dolor, eu rhoncus nisl.

Page 29: Design for non-designers

2

WHITE SPACE

Page 30: Design for non-designers
Page 31: Design for non-designers
Page 32: Design for non-designers
Page 33: Design for non-designers
Page 34: Design for non-designers
Page 35: Design for non-designers
Page 36: Design for non-designers
Page 37: Design for non-designers
Page 38: Design for non-designers

ANC report admits party has failedJohannesburg - The ANC has conceded it has dismally failed to meet its own delivery targets for the five years up to this year on rooting out corruption, reducing unemployment, and narrowing the gap between the poor and the rich.

However, the ruling party said it made significant progress in improving education and healthcare, especially in the matric results and the reduction of HIV/Aids.

It had also exceeded its target in youth employment, education and training.

These are among the findings of party’s internal draft report on its implementation of government priorities between 2009 and this year.

Minister in the Presidency Collins Chabane presented the report at the ANC’s lekgotla on Friday, a few days before the party consolidates its nomination list for the election candidates.

The party had, in its 2009 election manifesto, identified the fight against crime and corruption, the creation of decent work, education, healthcare and rural development, food security and land reform as its five key priorities for the next five years. This year’s election manifesto has stuck to these priority areas.

Titled the “Close-out Report on the Implementation of Government Priorities for 2009-2014”, the 162-page document, seen by The Star, was presented to a workshop last month.

It is to be tabled before the cabinet lekgotla.

For all its intention to clamp down on corruption and face the fifth democratic elections with a cleaner image, the ANC appears to have an uphill battle in curbing this malady.

Of the 100 people with assets of R5 million obtained through corruption that the party had targeted to convict by this year, only 41 have been successfully convicted.

About 790 people are under investigation, while freezing orders with assets estimated to be valued at R1.3 billion have been obtained.

The ANC’s own rating has highlighted this crucial target as “not achieved”.

The report identified “slow reporting”, “identification of cases that meet the target criterion” of having R5m assets, and inadequate skilled investigators as among the problems hindering progress in cracking down on fraudsters.

Other impediments listed include unco-operative witnesses, criminal investigations being hampered by suspects who remain in office after being charged, and lack of finalisation of complex cases.

The report further shows the ANC’s target on employment is “not likely to be achieved”.

“Unemployment has not improved significantly since 2009 because the number of job-

Page 39: Design for non-designers

ANC report admits party has failedJohannesburg - The ANC has conceded it has dismally failed to meet its own delivery targets for the five years up to this year on rooting out corruption, reducing unemployment, and narrowing the gap between the poor and the rich.

However, the ruling party said it made significant progress in improving education and healthcare, especially in the matric results and the reduction of HIV/Aids.

It had also exceeded its target in youth employment, education and training.

These are among the findings of party’s internal draft report on its implementation of government priorities between 2009 and this year.

Minister in the Presidency Collins Chabane presented the report at the ANC’s lekgotla on Friday, a few days before the party consolidates its nomination list for the election candidates.

The party had, in its 2009 election manifesto, identified the fight against crime and corruption, the creation of decent work, education, healthcare and rural development, food security and land reform as its five key priorities for the next five years. This year’s election manifesto has stuck to these priority areas.

Titled the “Close-out Report on the Implementation of Government Priorities for 2009-2014”, the 162-page document, seen by The Star, was presented to a workshop last month.

It is to be tabled before the cabinet lekgotla.

For all its intention to clamp down on corruption and face the fifth democratic elections with a cleaner image, the ANC appears to have an uphill battle in curbing this malady.

Of the 100 people with assets of R5 million obtained through corruption that the party had targeted to convict by this year, only 41 have been successfully convicted.

About 790 people are under investigation, while freezing orders with assets estimated to be valued at R1.3 billion have been obtained.

The ANC’s own rating has highlighted this crucial target as “not achieved”.

The report identified “slow reporting”, “identification of cases that meet the target criterion” of having R5m assets, and inadequate skilled investigators as among the problems hindering progress in cracking down on fraudsters.

Page 40: Design for non-designers

ANC report admits party has failedJohannesburg - The ANC has conceded it has dismally failed to meet its own delivery targets for the five years up to this year on rooting out corruption, reducing unemployment, and narrowing the gap between the poor and the rich.

However, the ruling party said it made significant progress in improving education and healthcare, especially in the matric results and the reduction of HIV/Aids.

It had also exceeded its target in youth employment, education and training.

These are among the findings of party’s internal draft report on its implementation of government priorities between 2009 and this year.

Minister in the Presidency Collins Chabane presented the report at the ANC’s lekgotla on Friday, a few days before the party consolidates its nomination list for the election candidates.

The party had, in its 2009 election manifesto, identified the fight against crime and corruption, the creation of decent work, education, healthcare and rural development, food security and land reform as its five key priorities for the next five years. This year’s election manifesto has stuck to these priority areas.

Titled the “Close-out Report on the Implementation of Government Priorities for 2009-2014”, the 162-page document, seen by The Star, was presented to a workshop last month.

It is to be tabled before the cabinet lekgotla.

For all its intention to clamp down on corruption and face the fifth democratic elections with a cleaner image, the ANC appears to have an uphill battle in curbing this malady.

Of the 100 people with assets of R5 million obtained through corruption that the party had

Page 41: Design for non-designers

3

MAKE IT DIFFERENT MAKE IT THE SAME

Page 42: Design for non-designers
Page 43: Design for non-designers
Page 44: Design for non-designers
Page 45: Design for non-designers
Page 46: Design for non-designers

4

TYPOGRAPHY

Page 47: Design for non-designers

AEgBSERIFS

Page 48: Design for non-designers

AEgBSERIF

AEgBSANS-SERIF

Page 49: Design for non-designers

ANC report admits party has failedJohannesburg - The ANC has conceded it has dismally failed to meet its own delivery targets for the five years up to this year on rooting out corruption, reducing unemployment, and narrowing the gap between the poor and the rich.

However, the ruling party said it made significant progress in improving education and healthcare, especially in the matric results and the reduction of HIV/Aids.

It had also exceeded its target in youth employment, education and training.

These are among the findings of party’s internal draft report on its implementation of government priorities between 2009 and this year.

Minister in the Presidency Collins Chabane presented the report at the ANC’s

Page 50: Design for non-designers

Freedom

Page 51: Design for non-designers

Freedom

Page 52: Design for non-designers

Freedom

Page 53: Design for non-designers

Freedom

Page 54: Design for non-designers

Freedom

Page 55: Design for non-designers

Freedom

Page 56: Design for non-designers

Freedom

Page 57: Design for non-designers

Freedom

Page 58: Design for non-designers

Freedom

Page 59: Design for non-designers

Freedom

Page 60: Design for non-designers

Johannesburg - The ANC has conceded it has dismally failed to meet its own delivery targets for the five years up to this year on rooting out corruption, reducing unemployment, and narrowing the gap between the poor and the rich.

However, the ruling party said it made significant progress in improving education and healthcare, especially in the matric results and the reduction of HIV/Aids.

It had also exceeded its target in youth employment, education and training.

These are among the findings of party’s internal draft report on its implementation of government priorities between 2009 and this year.

Minister in the Presidency Collins Chabane presented the report at the

Johannesburg - The ANC has conceded it has dismally failed to meet its own delivery targets for the five years up to this year on rooting out corruption, reducing unemployment, and narrowing the gap between the poor and the rich.

However, the ruling party said it made significant progress in improving education and healthcare, especially in the matric results and the reduction of HIV/Aids.

It had also exceeded its target in youth employment, education and training.

These are among the findings of party’s internal draft report on its implementation of government priorities between 2009 and this year.

Minister in the Presidency Collins Chabane presented the report at the ANC’s lekgotla on

Page 61: Design for non-designers
Page 62: Design for non-designers

5

COLOUR

Page 63: Design for non-designers
Page 64: Design for non-designers

WARM

Page 65: Design for non-designers

COOL

Page 66: Design for non-designers
Page 67: Design for non-designers
Page 68: Design for non-designers
Page 69: Design for non-designers
Page 70: Design for non-designers
Page 71: Design for non-designers
Page 72: Design for non-designers
Page 73: Design for non-designers
Page 74: Design for non-designers
Page 75: Design for non-designers

Less is more

Page 76: Design for non-designers

2

TIPS AND TRICKS

Page 77: Design for non-designers

Less is more

Page 78: Design for non-designers

CAN ≠ SHOULD

Page 79: Design for non-designers

1.618:1A0

A1A2

A3A4A4

Page 80: Design for non-designers
Page 81: Design for non-designers

Borrow shamelessly

Page 82: Design for non-designers
Page 83: Design for non-designers
Page 84: Design for non-designers
Page 85: Design for non-designers

Beware the default

Page 86: Design for non-designers

Off the shelf is off your back

Page 87: Design for non-designers
Page 88: Design for non-designers
Page 89: Design for non-designers
Page 90: Design for non-designers

Use great photos

Page 91: Design for non-designers

Cultivate your design taste

Page 92: Design for non-designers

Content is king

Page 93: Design for non-designers

Hire a designer

Page 94: Design for non-designers

3

TOOLS

Page 95: Design for non-designers

1

INSPIRATION

- pinterest.com

- behance.net

- creativebloq.com

- dribbble.com

Page 96: Design for non-designers

2

PHOTOS- iStockphoto.com

- Shutterstock.com

- flickr.com - Creative Commons

- Wikimedia Commons - all CC-licensed

- www.gratisography.com

- WeFunction Free photos

- http://nos.twnsnd.co

- http://unsplash.com

Page 97: Design for non-designers

3

ICONS- http://thenounproject.com

- http://iconmonstr.com

Page 98: Design for non-designers

3

FONTS- http://www.creativebloq.com/graphic-

design-tips/best-free-fonts-for-

designers-1233380

- https://www.theleagueofmoveabletype.com

- http://www.fontsquirrel.com

- http://www.google.com/fonts

- http://www.dafont.com

Page 99: Design for non-designers

4

READYMADES- moo.com - Business cards

- squarespace.com - Websites

- WooThemes.com - Wordpress

themes

- http://www.powerpointstyles.com

Page 100: Design for non-designers

5

COLOUR- http://www.colourlovers.com

- https://kuler.adobe.com/

Page 101: Design for non-designers

6

SOFTWARE

- Pages

- Acorn

- Pixelmator

- Sketch

- Gimp

- Inkscape

MAC WINDOWS

Page 102: Design for non-designers

6

FURTHER READING

- The Elements of

Typographic Style

(Robert Bringhurst)

- Combining

Typefaces (Tim

Brown)

BOOKS ONLINE

- Mark Boulton's Five

Simple Steps Series

- A non-designer's guide

to typefaces and layout

- 19 top fonts in 19 top

combinations

- The secret law of page

harmony

Page 103: Design for non-designers

THANK-YOU

Page 104: Design for non-designers

http://jonnocohen.com/non-designers

Page 105: Design for non-designers

Pencil icon by Tom J Hume from The Noun Project ‘Illustrate’ icon by Mayene de La Cruz from The Noun Project Book icon by Samuel Q. Green from The Noun Project Tools icon by Stefano Vetere from The Noun Project Messy desk photo by Peter Smithson http://www.flickr.com/photos/psmithson/ Clean desk photo by Jared Schmidt http://www.flickr.com/photos/iamjaredschmidt/ Cat icon by Martin LEBRETON from The Noun Project

Acknowledgements