Skip to content
Join our Newsletter

A selection of design tools that can make your website shine

There are all kinds of excellent free design resources on the web

Q: Design used to be a secondary consideration for businesses, but now it's front and centre. Why is design so critical?

A: Design creates an emotional response to your products and services that can help you stand out. Steve Jobs taught the world the importance of design in building a successful business. "Design is not just what it looks like and feels like. Design is how it works." The calligraphy course he took in college had a big impact. In his Stanford commencement address, Jobs explained: "If I had never dropped in on that single course in college, the Mac would never have multiple typefaces or proportionally spaced fonts. And since Windows just copied the Mac, it's likely that no personal computer would have them."

Q: How can I get my website and other visual media in top shape?

A: You need to employ design thinking and make sure you have a designer on staff that really understands colour composition, grid structures and other design principles.

Q: If I don't have someone on staff with this background, where can I go for help?

A: There are a number of talented local designers. Some specialize in print, others focus on web or mobile design. The most important thing is that they have a good design eye and understand design fundamentals. A good place to start is the Vancouver Graphic and Communication Design Meetup group (www.meetup.com/vancouver-graphic-design/) or the Vancouver Web Design Meetup group (www.meetup.com/webdesign-395/).

Q: How do I know if designers are "great" and not just "good"?

A: Ask them to show you design work they have done for other clients. Ask them to show you "before and after" pictures of their work. Ask them why they selected a particular design or colour scheme for a client. Do they say because it "just looked good" or can they explain the theory behind their approach?

Q: Where can I get some practical design tools?

A: There are all kinds of excellent free design resources on the web. The following are from Jill Binder (www.jillbinder.com), a talented local web designer and developer who recently taught a course on design principles at Zen Launchpad where she shared these links.

  • Science of colours in marketing (www.thinkbrilliant.com/2010/04/the-science-of-colors-in-marketing-and-web-design/). Find the best colour for your company or product.
  • Basic colour theory (www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm). This resource introduces colour theory and the approaches of complementary, analogous, triad and other colour schemes.
  • Finding the right colours (www.flashandmath.com/intermediate/rgbs/). Colour picker that converts to the familiar hexadecimal format used in cascading style sheets (CSS) to style websites.
  • Grid layouts (sixrevisions.com/web_design/a-brief-look-at-grid-based-layouts-in-web-design/). Good overview of grid layout theory. Includes a grid designer where you can create your own custom grids.
  • Mockingbird mockups (gomockingbird.com/). An online tool to make it easier to create mockups and share with your team.
  • Free fonts (www.fontsquirrel.com/). Compilation of some of the best fonts that are 100% free, even for commercial use.
  • Web-safe fonts (www.webdesigndev.com/web-development/16-gorgeous-web-safe-fonts-to-use-with-css).
  • Serif versus sans serif. The Final Battle (www.urbanfonts.com/blog/2013/02/serif-vs-sans-the-final-battle/). Infographic that guides you on when to use serif and when to use sans serif fonts.
  • W3Schools (www.w3schools.com). Great site for learning the basics of HTML and CSS. •