From Concept to Completion: Tips for Designing Great Content
•
483 likes•72,486 views
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.
Report
Share
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