Upgrade to Pro — share decks privately, control downloads, hide ads and more …

QCMerge 2012 - I am Designer (and so can you!)

Justine
May 11, 2012

QCMerge 2012 - I am Designer (and so can you!)

Design workshop for the QCMerge in Cincinnati, Ohio.

Justine

May 11, 2012
Tweet

More Decks by Justine

Other Decks in Design

Transcript

  1. I am Designer (and so can you!) Justine Arreche I

    work I tweet I speak @The Elefanta QC MERGE
  2. First off... Why is a well designed website so important?

    You look Professional. You earn Respect. You get Results.
  3. Grid and content structure 12 Column Grid LOGO IMAGE COPY

    COPY FEATURES FEATURES NAVIGATION FOOTER
  4. Grid and content structure PhoenixCoffee.com What to include: Logo Navigation

    Search bar Company info Newsletter Wholesale special paragraph subscription form advertisement Social Network Contact info Information
  5. Color theory The colors you design with are more than

    just “I like blue.” It’s about what’s relevant to your overall message.
  6. Color theory PURITY CLEANLINESS LOVE, ENERGY SERENITY, LOYALTY TRUTH, FOCUSED

    Gentile, Romance WARMTH, WEALTH HAPPINESS, HUNGER Sophistication, Exotic Natural, Money STRENGTH INTELLIGENCE Organic STABILITY NEUTRAL Practical
  7. Contrasting Colors help draw attention Color theory COLORS CLOSE TOGETHER

    ON THE COLOR WHEEL blend in with one another. Colors on opposite sides of the color wheel create contrast together.
  8. Picking a color scheme Color theory The easiest way to

    pick colors for your website is by picking one color and choosing tints 100% 50% 30% 0%
  9. Picking a color scheme Color theory If you’re feeling more

    daring, think about using contrasting colors. CONTRASTING COLORS COLOR IN BETWEEN
  10. Picking a color scheme Color theory When you have color

    wiggle room on a website, do something different from your competitors HOME DEPOT ORANGE Lowe’s Blue
  11. Color theory PhoenixCoffee.com What to think about: What colors do

    YOU Think of What colors do competitors use? WHEN you think about coffee? What kind of atmosphere What psychological triggers do you want to convey? Do you want to use?
  12. Typography By choosing a typeface that has a variety of

    options you can create a diverse look that’s cohesive.
  13. Typography Go for polar opposites to create contrast Choose a

    fun display typeface for headlines and go simple for the rest
  14. Typography PhoenixCoffee.com What to think about: Serif or Sans-serif    Let’s

    think about display fonts? What kind of message do you want to convey with the typefaces?
  15. Typography Looking for great webfonts? Check out these bomb-ass sites:

    myfonts.com    typekit.com Fontsquirrel.com
  16. Thanks (you’re the bomb diggity) Justine Arreche I work I

    tweet I Design @The Elefanta The Elefanta.com