From Concept to Completion: Tips for Designing Great Content
Report
Share
•483 likes•72,041 views
From Concept to Completion: Tips for Designing Great Content
•483 likes•72,041 views
Report
Share
Download to read offline
Presentation for BrightonSEO with tips on designing great pieces of content from a designer's perspective. This covers the stages of the creative process and gives an overview on key design elements, along with actionable tips throughout.
Recommended
More Related Content
What's hot
What's hot(19)
Viewers also liked
Viewers also liked(20)
Similar to From Concept to Completion: Tips for Designing Great Content
Similar to From Concept to Completion: Tips for Designing Great Content(20)
More from Vicke Cheung
More from Vicke Cheung(6)
Recently uploaded
Recently uploaded(20)
From Concept to Completion: Tips for Designing Great Content
- 1. from conceptconcept to completioncompletion tips for designing great content vickecheung«||/graphicdesigner,Distilled/@vickekaravan
- 2. people like to joke about what graphic designers do
- 3. This is more like what we actually do
- 10. SPEND 15 MINUTES COLLECTING VISUALS SPEND 15 MINUTES COLLECTING VISUALS
- 11. google images isn’t the right place to look
- 12. instead check out these PATTERNTAP.COMBEHANCE.NET DRIBBBLE.COM
- 13. use pinterest to create moodboards
- 14. install their browser tools about.pinterest.com/goodies
- 15. be broad with initial research, refine with analysis. be broad with initial research, refine with analysis.
- 16. let related pins lend a helping hand
- 17. after researching, you should end up with something like this…
- 18. now SPEND 15 MINUTES refining & analysing now SPEND 15 MINUTES refining & analysing
- 19. COMMENT ON THE PINS
- 20. tell your designer what you want as well as what you don’t want tell your designer what you want as well as what you don’t want
- 21. a good example of thorough research & analysis
- 22. create shared boards for more input
- 23. the design brief (...in brief) the design brief (...in brief) -2-
- 26. -thinkabout…- any brand restrictions? where will it live? responsive layouts?
- 27. STREAMLINE YOUR PROCESS BY SETTING UP A BRIEFING TEMPLATE STREAMLINE YOUR PROCESS BY SETTING UP A BRIEFING TEMPLATE
- 32. 4 steps to realtimeboard 4 steps to realtimeboard the distilled way
- 33. 1 create new boards per project
- 34. 2 keep everyone in the loop
- 35. 3 Upload visuals at each stage
- 36. 4 Make good use of the comment tool
- 37. try it out for yourself - it’s free! try it out for yourself - it’s free!
- 39. something'sbroken... has a client ever come back and said…
- 41. have thorough browser and platform testing in place have thorough browser and platform testing in place
- 43. for simple responsive testing: responsinator.com
- 44. for simple responsive testing: responsinator.com
- 45. -recap- 1. Get involved in research 2. use pinterest 3. feedback with realtimeboard 4. test thoroughly
- 48. sad, but true.
- 50. invest in good web fonts £ AAzz
- 51. consider a typekit.com subscription
- 52. quality web fonts… for about the price of a coffee each month
- 53. be aware that not all free fonts you can download are suitable for web be aware that not all free fonts you can download are suitable for web
- 54. for free web fonts stick with these google.com/fonts fontsquirrel.com
- 55. imagesimages
- 56. the trend of using big, photographic images is still going strong
- 57. they complement the chapters of this guide
- 58. this doesn’t work at all Chapter 3 FUNNY BUSINESS: THE ROLE OF HUMOUR
- 59. BLATANTLY STAGED STOCK PHOTOGRAPHY IS DISENGAGING BLATANTLY STAGED STOCK PHOTOGRAPHY IS DISENGAGING
- 61. evidently stocksy is the better option here
- 62. zero budget? try flickr via creative commons search.creativecommons.org
- 64. google sets a great example with its visual asset guidelines behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077
- 65. e.g. a whole section on using shadows
- 66. icons ENSURE CONSISTENCY BY CUSTOM DESIGNING AS OPPOSED TO DOWNLOADING ensure consistency by custom designing as opposed to downloading
- 68. THESE VISUALS MIGHT BE SOMEONE’S FIRST POINT OF CONTACT WITH THE PIECE
- 69. they have to pack a punch and be executed well
- 70. 3 ways to achieve this 3 ways to achieve this
- 71. 1. let the image speak for itself 2. crop to your advantage 3. ONE SIZE DOESN’T FIT ALL
- 72. -keytakeaways- show off with social images give typekit a go don’t settle for ‘really-stock’ stock photos
- 73. thank youthank you vicke cheung vicke.cheung @ distilled.net @vickekaravan