{"id":25,"date":"2018-04-24T12:16:23","date_gmt":"2018-04-24T16:16:23","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/edmedia\/?post_type=chapter&p=25"},"modified":"2018-04-24T12:20:24","modified_gmt":"2018-04-24T16:20:24","slug":"chapter-4-graphic-design","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/edmedia\/chapter\/chapter-4-graphic-design\/","title":{"raw":"Chapter 4 - Graphic Design","rendered":"Chapter 4 – Graphic Design"},"content":{"raw":"
~~Click here for the Spring 2018 EMP Graphic Workshop~~<\/em><\/span><\/h5>\r\n

<\/h3>\r\n\r\n
\r\n\r\n

<\/h2>\r\n

Graphic Design Guides<\/strong><\/span><\/h2>\r\n \r\n\r\n\"\"\r\n\r\nTake a look at this very brief graphic design workbook before you start your design project, such as a poster, infographic, book, pamphlet, etc.: SFU TLC Graphic Design Handbook 2016. <\/a>The presentation PDF for the handbook can be found here: SFU_TLC_Graphic_Design_Presentation<\/a>\r\n\r\nAlso, take a look at this presentation to learn a little about developing your visual literacy: EMP_GoingVisual_IconsToImage<\/a>\r\n\r\nAnd this one that quickly discusses typography, but a lot of it is already included in the Graphic Design Handbook: TypographyPresentation<\/a>\r\n\r\n
\r\n\r\n

Technology, tutorials and resources for graphic design<\/strong><\/span><\/h2>\r\n \r\n

Industry Standards\/Professional Software<\/b><\/h3>\r\n

Adobe Creative Suite <\/b>(www.adobe.com)<\/a>\r\n<\/b>Adobe Photoshop CC\r\n<\/b>Adobe Illustrator CC\r\n<\/b>Adobe InDesign CC<\/b><\/p>\r\n

Subscription based, for teachers and educators (all apps, USD 19.99\/moth) basic version of Adobe Photoshop, Photoshop Elements (www.adobe.com\/ca\/products\/photoshop-elements, 79.99 USD)<\/p>\r\n\r\n

Industry Standards\/Professional Software Alternatives<\/b><\/h3>\r\n

Affinity Suite (affinity.serif.com<\/a>)\r\n<\/b>Only for Apple products and free Beta versions for Windows, but it seems pretty comprehensive, is affordable and not subscription based. Good for designing on Apple or Windows tablets.\r\n<\/em>Affinity Photo<\/b> (Adobe Photoshop CC Alternative) \u2013 <\/b>69.99 USD\r\nAffinity Designer<\/b> (Adobe Illustrator CC Alternative) \u2013 <\/span>69.99 USD\r\nAffinity Publisher <\/b>(Adobe InDesign Alternative) \u2013 Not yet released, end of 2016<\/p>\r\n\r\n

Templated Design Solutions<\/b><\/h3>\r\n

Piktochart (piktochart.com<\/a>)\r\n<\/b>Online software to make info graphics. Many templates provided with illustrations, icons and customizable graphs. Can link to presentations.\r\nFree version includes a footer with \u201cMade by Piktochart\u201d. To download as a pdf (i.e. print standard or for documents with embedded video) requires upgrade. You cannot upload svgs, <\/span>but PNGs and Jpegs are compatible.\r\nFree\/ Login required\r\n<\/em>Canva (canva.com<\/a>)\r\n<\/b>Online software to produce graphic design. Many templates are provided with many stock photos, illustrations and icons. Charts at this point are not customizable and no video embedding. You can share your work online. Can download as pdf (print standard) on free accounts.\r\nFree\/ Login required\r\n<\/em>Emaze (emaze.com<\/a>)\r\n<\/b>Online Software for Presentations. Many templates, photos and other items to make fancy presentations. Can also make template games which is interesting.\r\nLogin Required\/Not Free\r\n<\/em>Wix (wix.com<\/a>)\r\n<\/b>Simple website maker with plenty of provided templates, photography, illustrations, etc. Hosts websites for free but if you want your own domain name, i.e. www.yourname.com, you will have to purchase a subscription with them.\r\n<\/span>Free\/Login required<\/em><\/p>\r\n\r\n

Online Image Editors<\/b><\/h3>\r\n

Pixlr (pixlr.com<\/a>)\r\n<\/b>Somewhat comprehensive photo editor. You can use draw tools and edit photos. Largest image allowed is 4000x4000 (13.3\u201d(337mm) at 300 dpi for printing).\r\nFree\/Login Required <\/b>\r\n<\/b><\/em>Photopea (photopea.com<\/a>)\r\n<\/b>Similar to Pixlr but no login required. Interface is less streamlined.\r\nFree\/Login Required<\/em> <\/b>\r\n<\/b>Adobe Photoshop Express Editor (www.photoshop.com\/tools\/editor<\/a>)\r\n<\/b>A basic photo\/image editor. There are easy filters to improve an image, brightness, contrast and other effects. You can easily place type and place in clip art. <\/span>No drawing ability though.\r\nFree\/ No Login Required<\/em><\/p>\r\n\r\n

Online Vector Graphic Editors for Icons and Symbols<\/b><\/h3>\r\n

Vectr (vectr.com<\/a>)\r\n<\/b>A very basic vector graphic program but can suit the needs of a basic user. Can be used to create or customize existing icons.\r\n<\/b><\/em>Free\/No Login Required<\/em><\/p>\r\n\r\n

Open Source Alternatives<\/b><\/h3>\r\n

www.rollapp.com\r\n<\/b><\/a>There are many open source software that are supposed to be alternatives to the expensive professional software. Although there are quite a few online options, these programs are guaranteed to be free and with no restrictions and provide industry standard files. They often are a bit clunky to use. You can download the native programs from the open source site, but if you want to run them on your Apple or Andriod tablet, you can use rollapp.com. rollapp.com is good for browsing appropriate open source software.<\/p>\r\n

Apps that I like are Inkscape, for a more comprehensive but free vector program and OpenOffice, which is an open and free alternative to Microsoft Office and Google Docs.<\/p>\r\n\r\n\r\n

\r\n\r\n

Other Resources<\/b><\/span><\/h2>\r\n

Fonts:\r\n<\/b>Google fonts (fonts.google.com<\/a>)\r\n<\/strong>A good source for open source fonts and available in Google Docs\r\n<\/span>Font Squirrel (fontsquirrel.com<\/a>):\r\n<\/strong>For higher quality, free an almost free fonts.<\/p>\r\n

Icons:\r\n<\/b>I also recommend using these websites to find icons to use and adapt:\r\nwww.thenounproject.com<\/strong><\/a>\r\nwww.flaticon.com<\/strong><\/a>\r\nhttp:\/\/www.simunity.net\/<\/a> | Customize your own icons<\/strong><\/p>\r\n

Imagery:\r\n<\/b>Try searching for images on Google (Labelled for Reuse Usage rights) or Flickr (No known copyright restrictions). Websites like Pexels.com<\/a> are also good.<\/p>\r\nColour Palettes:\r\n<\/strong>Coolors.co:<\/strong> <\/a>Simple colour palette generator\r\n

Online converting tool:\r\n<\/strong>https:\/\/convertio.co\/html-svg\/<\/a> (can use to change html to svg)<\/p>\r\n\r\n\r\n

\r\n\r\n

Courses\/tutorials<\/b><\/span><\/b><\/h2>\r\n

Designing Icons: <\/strong>\r\nhttps:\/\/www.lynda.com\/Illustrator-tutorials\/Designing-Icons-Web\/157227-2.html<\/a><\/p>\r\n

Layout:\r\n<\/strong> https:\/\/www.lynda.com\/Nigel-French\/57-1.html\r\n<\/a><\/p>\r\n

Inkscape Training: <\/strong>\r\nhttps:\/\/www.lynda.com\/Inkscape-tutorials\/Inkscape-Essential-Training\/418854-2.html<\/a><\/p>\r\n\r\n\r\n

\r\n\r\n

Interesting Reads\/Listens<\/b><\/span><\/h2>\r\n

Layout & Design<\/b><\/p>\r\n

http:\/\/www.vignelli.com\/canon.pdf<\/a>\r\n<\/b>http:\/\/www.aisleone.net\/2012\/09\/18\/graphic-design-for-non-profit-organizations\/\r\n<\/a>http:\/\/www.creativebloq.com\/netmag\/create-balanced-page-layouts-7-pro-tips-121310009\r\n<\/a>https:\/\/designschool.canva.com\/blog\/multi-page-layout\/\r\n<\/a>https:\/\/designschool.canva.com\/blog\/design-rules\/<\/a><\/p>\r\n

Universal Principles of Design<\/strong>\r\nhttps:\/\/www.lynda.com\/Higher-Education-tutorials\/Universal-Principles-Design\/193717-2.html<\/a><\/p>\r\n

General Talk on graphic design and inspiration from American Design Icon Doyald Young:\r\n<\/strong>https:\/\/www.lynda.com\/Documentaries-tutorials\/doyaldyounglogotypedesigner\/62371-2.html<\/a><\/p>\r\n

Very typography specific course:<\/strong>\r\nhttps:\/\/www.lynda.com\/Design-Typography-tutorials\/Foundations-Typography\/106698-2.html<\/a><\/p>\r\n\r\n

<\/h3>\r\n ","rendered":"
~~Click here for the Spring 2018 EMP Graphic Workshop~~<\/em><\/span><\/h5>\n

<\/h3>\n
\n

<\/h2>\n

Graphic Design Guides<\/strong><\/span><\/h2>\n

 <\/p>\n

\"\"<\/p>\n

Take a look at this very brief graphic design workbook before you start your design project, such as a poster, infographic, book, pamphlet, etc.: SFU TLC Graphic Design Handbook 2016. <\/a>The presentation PDF for the handbook can be found here: SFU_TLC_Graphic_Design_Presentation<\/a><\/p>\n

Also, take a look at this presentation to learn a little about developing your visual literacy: EMP_GoingVisual_IconsToImage<\/a><\/p>\n

And this one that quickly discusses typography, but a lot of it is already included in the Graphic Design Handbook: TypographyPresentation<\/a><\/p>\n

\n

Technology, tutorials and resources for graphic design<\/strong><\/span><\/h2>\n

 <\/p>\n

Industry Standards\/Professional Software<\/b><\/h3>\n

Adobe Creative Suite <\/b>(www.adobe.com)<\/a>
\n<\/b>Adobe Photoshop CC
\n<\/b>Adobe Illustrator CC
\n<\/b>Adobe InDesign CC<\/b><\/p>\n

Subscription based, for teachers and educators (all apps, USD 19.99\/moth) basic version of Adobe Photoshop, Photoshop Elements (www.adobe.com\/ca\/products\/photoshop-elements, 79.99 USD)<\/p>\n

Industry Standards\/Professional Software Alternatives<\/b><\/h3>\n

Affinity Suite (affinity.serif.com<\/a>)
\n<\/b>Only for Apple products and free Beta versions for Windows, but it seems pretty comprehensive, is affordable and not subscription based. Good for designing on Apple or Windows tablets.
\n<\/em>Affinity Photo<\/b> (Adobe Photoshop CC Alternative) \u2013 <\/b>69.99 USD
\nAffinity Designer<\/b> (Adobe Illustrator CC Alternative) \u2013 <\/span>69.99 USD
\nAffinity Publisher <\/b>(Adobe InDesign Alternative) \u2013 Not yet released, end of 2016<\/p>\n

Templated Design Solutions<\/b><\/h3>\n

Piktochart (piktochart.com<\/a>)
\n<\/b>Online software to make info graphics. Many templates provided with illustrations, icons and customizable graphs. Can link to presentations.
\nFree version includes a footer with \u201cMade by Piktochart\u201d. To download as a pdf (i.e. print standard or for documents with embedded video) requires upgrade. You cannot upload svgs, <\/span>but PNGs and Jpegs are compatible.
\nFree\/ Login required
\n<\/em>Canva (canva.com<\/a>)
\n<\/b>Online software to produce graphic design. Many templates are provided with many stock photos, illustrations and icons. Charts at this point are not customizable and no video embedding. You can share your work online. Can download as pdf (print standard) on free accounts.
\nFree\/ Login required
\n<\/em>Emaze (emaze.com<\/a>)
\n<\/b>Online Software for Presentations. Many templates, photos and other items to make fancy presentations. Can also make template games which is interesting.
\nLogin Required\/Not Free
\n<\/em>Wix (wix.com<\/a>)
\n<\/b>Simple website maker with plenty of provided templates, photography, illustrations, etc. Hosts websites for free but if you want your own domain name, i.e. www.yourname.com, you will have to purchase a subscription with them.
\n<\/span>Free\/Login required<\/em><\/p>\n

Online Image Editors<\/b><\/h3>\n

Pixlr (pixlr.com<\/a>)
\n<\/b>Somewhat comprehensive photo editor. You can use draw tools and edit photos. Largest image allowed is 4000×4000 (13.3\u201d(337mm) at 300 dpi for printing).
\nFree\/Login Required <\/b>
\n<\/b><\/em>Photopea (photopea.com<\/a>)
\n<\/b>Similar to Pixlr but no login required. Interface is less streamlined.
\nFree\/Login Required<\/em> <\/b>
\n<\/b>Adobe Photoshop Express Editor (www.photoshop.com\/tools\/editor<\/a>)
\n<\/b>A basic photo\/image editor. There are easy filters to improve an image, brightness, contrast and other effects. You can easily place type and place in clip art. <\/span>No drawing ability though.
\nFree\/ No Login Required<\/em><\/p>\n

Online Vector Graphic Editors for Icons and Symbols<\/b><\/h3>\n

Vectr (vectr.com<\/a>)
\n<\/b>A very basic vector graphic program but can suit the needs of a basic user. Can be used to create or customize existing icons.
\n<\/b><\/em>Free\/No Login Required<\/em><\/p>\n

Open Source Alternatives<\/b><\/h3>\n

www.rollapp.com
\n<\/b><\/a>There are many open source software that are supposed to be alternatives to the expensive professional software. Although there are quite a few online options, these programs are guaranteed to be free and with no restrictions and provide industry standard files. They often are a bit clunky to use. You can download the native programs from the open source site, but if you want to run them on your Apple or Andriod tablet, you can use rollapp.com. rollapp.com is good for browsing appropriate open source software.<\/p>\n

Apps that I like are Inkscape, for a more comprehensive but free vector program and OpenOffice, which is an open and free alternative to Microsoft Office and Google Docs.<\/p>\n

\n

Other Resources<\/b><\/span><\/h2>\n

Fonts:
\n<\/b>Google fonts (fonts.google.com<\/a>)
\n<\/strong>A good source for open source fonts and available in Google Docs
\n<\/span>Font Squirrel (fontsquirrel.com<\/a>):
\n<\/strong>For higher quality, free an almost free fonts.<\/p>\n

Icons:
\n<\/b>I also recommend using these websites to find icons to use and adapt:
\nwww.thenounproject.com<\/strong><\/a>
\nwww.flaticon.com<\/strong><\/a>
\nhttp:\/\/www.simunity.net\/<\/a> | Customize your own icons<\/strong><\/p>\n

Imagery:
\n<\/b>Try searching for images on Google (Labelled for Reuse Usage rights) or Flickr (No known copyright restrictions). Websites like Pexels.com<\/a> are also good.<\/p>\n

Colour Palettes:
\n<\/strong>Coolors.co:<\/strong> <\/a>Simple colour palette generator<\/p>\n

Online converting tool:
\n<\/strong>https:\/\/convertio.co\/html-svg\/<\/a> (can use to change html to svg)<\/p>\n

\n

Courses\/tutorials<\/b><\/span><\/b><\/h2>\n

Designing Icons: <\/strong>
\nhttps:\/\/www.lynda.com\/Illustrator-tutorials\/Designing-Icons-Web\/157227-2.html<\/a><\/p>\n

Layout:
\n<\/strong> https:\/\/www.lynda.com\/Nigel-French\/57-1.html
\n<\/a><\/p>\n

Inkscape Training: <\/strong>
\nhttps:\/\/www.lynda.com\/Inkscape-tutorials\/Inkscape-Essential-Training\/418854-2.html<\/a><\/p>\n

\n

Interesting Reads\/Listens<\/b><\/span><\/h2>\n

Layout & Design<\/b><\/p>\n

http:\/\/www.vignelli.com\/canon.pdf<\/a>
\n<\/b>http:\/\/www.aisleone.net\/2012\/09\/18\/graphic-design-for-non-profit-organizations\/
\n<\/a>http:\/\/www.creativebloq.com\/netmag\/create-balanced-page-layouts-7-pro-tips-121310009
\n<\/a>https:\/\/designschool.canva.com\/blog\/multi-page-layout\/
\n<\/a>https:\/\/designschool.canva.com\/blog\/design-rules\/<\/a><\/p>\n

Universal Principles of Design<\/strong>
\nhttps:\/\/www.lynda.com\/Higher-Education-tutorials\/Universal-Principles-Design\/193717-2.html<\/a><\/p>\n

General Talk on graphic design and inspiration from American Design Icon Doyald Young:
\n<\/strong>https:\/\/www.lynda.com\/Documentaries-tutorials\/doyaldyounglogotypedesigner\/62371-2.html<\/a><\/p>\n

Very typography specific course:<\/strong>
\nhttps:\/\/www.lynda.com\/Design-Typography-tutorials\/Foundations-Typography\/106698-2.html<\/a><\/p>\n

<\/h3>\n

 <\/p>\n","protected":false},"author":292,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-25","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/pressbooks\/v2\/chapters\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/wp\/v2\/users\/292"}],"version-history":[{"count":2,"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/pressbooks\/v2\/chapters\/25\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/pressbooks\/v2\/chapters\/25\/revisions\/36"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/pressbooks\/v2\/chapters\/25\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/pressbooks\/v2\/chapter-type?post=25"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/wp\/v2\/contributor?post=25"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/edmedia\/wp-json\/wp\/v2\/license?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}