Design and the Art
    of Freelancing
       Atlanta, March 2009

                Dan Rubin
                Sidebar Creati...
Design and the Art of Freelancing Atlanta, March 2009




   Hi!
                                          Me, according t...
Design and the Art of Freelancing Atlanta, March 2009




       Web
       Standards
       Creativity
       by Dan Rubi...
Design and the Art of Freelancing Atlanta, March 2009




       Pro CSS
       Techniques
       by Jeff Croft
          ...
Design and the Art of Freelancing Atlanta, March 2009




   The weather in
   Fort Lauderdale

©2009 Dan Rubin » http://s...
Design and the Art of Freelancing Atlanta, March 2009




   The weather in
   Atlanta

©2009 Dan Rubin » http://sidebarcr...
Design and the Art of Freelancing Atlanta, March 2009




   Q:
   What is design?

©2009 Dan Rubin » http://sidebarcreati...
Design and the Art of Freelancing Atlanta, March 2009




   A:
   Design is
   problem
   solving.
©2009 Dan Rubin » http...
Design and the Art of Freelancing Atlanta, March 2009




   Non-virtual
   Examples:

©2009 Dan Rubin » http://sidebarcre...
Design and the Art of Freelancing Atlanta, March 2009




    Successful.
    Waste Reducing
    Exfoliating Body
    Clea...
Design and the Art of Freelancing Atlanta, March 2009




    Not so much...
    Faucet FAIL
    If your interface require...
Design and the Art of Freelancing Atlanta, March 2009




   Fitts’s Law:

©2009 Dan Rubin » http://sidebarcreative.com
Design and the Art of Freelancing Atlanta, March 2009




   The time to acquire a
   target is a function of the
   dista...
Design and the Art of Freelancing Atlanta, March 2009




    Big buttons are
    faster.

©2009 Dan Rubin » http://sideba...
Design and the Art of Freelancing Atlanta, March 2009




    This:
                                                      ...
Design and the Art of Freelancing Atlanta, March 2009




    Warm-up Exercise:
   A right-handed user is known to be with...
Design and the Art of Freelancing Atlanta, March 2009



      3                                                 4



    ...
Design and the Art of Freelancing Atlanta, March 2009




    Let’s expand
    Fitts’s Law:

©2009 Dan Rubin » http://side...
Design and the Art of Freelancing Atlanta, March 2009




    Big type
    stands out
    more than little type.


©2009 D...
Design and the Art of Freelancing Atlanta, March 2009




    Large content
    areas are easier
    to see.
©2009 Dan Rub...
Design and the Art of Freelancing Atlanta, March 2009




   Size explains
   hierarchy.

©2009 Dan Rubin » http://sidebar...
Design and the Art of Freelancing Atlanta, March 2009



    Headings                                   Layout

         H...
Design and the Art of Freelancing Atlanta, March 2009




   Size matters:
   ✓ Bigger targets are easier to click
   ✓ La...
Design and the Art of Freelancing Atlanta, March 2009




    Enough with
    the lesson
    already, let’s
    have some ...
Design and the Art of Freelancing Atlanta, March 2009




   Simple Trick:
   Light Effects

©2009 Dan Rubin » http://side...
Design and the Art of Freelancing Atlanta, March 2009




©2009 Dan Rubin » http://sidebarcreative.com
Design and the Art of Freelancing Atlanta, March 2009




   Almost any
   image can
   create an effect
©2009 Dan Rubin »...
Design and the Art of Freelancing Atlanta, March 2009




    Random image




©2009 Dan Rubin » http://sidebarcreative.com
Design and the Art of Freelancing Atlanta, March 2009




    Select a single pixel line




©2009 Dan Rubin » http://side...
Design and the Art of Freelancing Atlanta, March 2009




    Stretch to fill




©2009 Dan Rubin » http://sidebarcreative...
Design and the Art of Freelancing Atlanta, March 2009




    Create a solid color
    layer below the image




©2009 Dan...
Design and the Art of Freelancing Atlanta, March 2009




   Use layer blending
   modes to modify the
   colors of the gr...
Design and the Art of Freelancing Atlanta, March 2009




    Darken




©2009 Dan Rubin » http://sidebarcreative.com
Design and the Art of Freelancing Atlanta, March 2009




    Multiply




©2009 Dan Rubin » http://sidebarcreative.com
Design and the Art of Freelancing Atlanta, March 2009




    Luminosity




©2009 Dan Rubin » http://sidebarcreative.com
Design and the Art of Freelancing Atlanta, March 2009




   Look to other
   mediums for
   inspiration.
©2009 Dan Rubin ...
Design and the Art of Freelancing Atlanta, March 2009




   Use texture to elicit
   subconscious tactile
   reactions:

...
Design and the Art of Freelancing Atlanta, March 2009




©2009 Dan Rubin » http://sidebarcreative.com
Design and the Art of Freelancing Atlanta, March 2009




©2009 Dan Rubin » http://sidebarcreative.com
Design and the Art of Freelancing Atlanta, March 2009




©2009 Dan Rubin » http://sidebarcreative.com
Design and the Art of Freelancing Atlanta, March 2009




   Now let’s talk
   Business.

©2009 Dan Rubin » http://sidebar...
Design and the Art of Freelancing Atlanta, March 2009




   Business:
   The Basics

©2009 Dan Rubin » http://sidebarcrea...
Design and the Art of Freelancing Atlanta, March 2009




   Decide whether you
   want to be a great
   business owner or...
Design and the Art of Freelancing Atlanta, March 2009




   …for that decision
   will define what kind
   of life you le...
Design and the Art of Freelancing Atlanta, March 2009




   Words matter:
   Clients treat
   “consultants” and
   “agenc...
Design and the Art of Freelancing Atlanta, March 2009




   Spec work: Don’t do it.


©2009 Dan Rubin » http://sidebarcre...
Design and the Art of Freelancing Atlanta, March 2009




   Get an accountant.


©2009 Dan Rubin » http://sidebarcreative...
Design and the Art of Freelancing Atlanta, March 2009




   Always require a
   deposit — if a client
   wants credit, th...
Design and the Art of Freelancing Atlanta, March 2009




   Estimating gets
   easier over time —
   track your hours and...
Design and the Art of Freelancing Atlanta, March 2009




   Set invoice milestones
   so clients know what is
   expected...
Design and the Art of Freelancing Atlanta, March 2009




   Business:
   Projects

©2009 Dan Rubin » http://sidebarcreati...
Design and the Art of Freelancing Atlanta, March 2009




   Project management
   is the key to sanity
   — get someone t...
Design and the Art of Freelancing Atlanta, March 2009




   Use software meant
   for projects:
   Basecamp, Backpack
   ...
Design and the Art of Freelancing Atlanta, March 2009




   Business:
   Clients

©2009 Dan Rubin » http://sidebarcreativ...
Design and the Art of Freelancing Atlanta, March 2009




   Choose good clients
   who share your
   passion, whatever
  ...
Design and the Art of Freelancing Atlanta, March 2009




   Trust your instincts
   with new clients
   (this will get ea...
Design and the Art of Freelancing Atlanta, March 2009




   Bad clients can
   destroy your soul
   (fire them if you hav...
Design and the Art of Freelancing Atlanta, March 2009




   Discussion
   (this is the part where you’re all on
   the co...
Design and the Art of Freelancing Atlanta, March 2009




   fin.

©2009 Dan Rubin » http://sidebarcreative.com
Upcoming SlideShare
Loading in...5
×

Design and the Art of Freelancing - AWDG April 2009

4,613

Published on

A talk I gave in April 2009, tailored for the Atlanta Web Design Group — after the talk, I added some slides to the "business" section as that was discussion-only at the event, and I wanted to make sure there were some slides to hit some of the main points we talked about.

Published in: Technology, Business, Design
1 Comment
23 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,613
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
281
Comments
1
Likes
23
Embeds 0
No embeds

No notes for slide

Design and the Art of Freelancing - AWDG April 2009

  1. 1. Design and the Art of Freelancing Atlanta, March 2009 Dan Rubin Sidebar Creative
  2. 2. Design and the Art of Freelancing Atlanta, March 2009 Hi! Me, according to nGen works @ http://happywebbies.com/ ©2009 Dan Rubin » http://sidebarcreative.com
  3. 3. Design and the Art of Freelancing Atlanta, March 2009 Web Standards Creativity by Dan Rubin (and 9 other guys) ©2009 Dan Rubin » http://sidebarcreative.com
  4. 4. Design and the Art of Freelancing Atlanta, March 2009 Pro CSS Techniques by Jeff Croft Ian Lloyd Dan Rubin ©2009 Dan Rubin » http://sidebarcreative.com
  5. 5. Design and the Art of Freelancing Atlanta, March 2009 The weather in Fort Lauderdale ©2009 Dan Rubin » http://sidebarcreative.com
  6. 6. Design and the Art of Freelancing Atlanta, March 2009 The weather in Atlanta ©2009 Dan Rubin » http://sidebarcreative.com
  7. 7. Design and the Art of Freelancing Atlanta, March 2009 Q: What is design? ©2009 Dan Rubin » http://sidebarcreative.com
  8. 8. Design and the Art of Freelancing Atlanta, March 2009 A: Design is problem solving. ©2009 Dan Rubin » http://sidebarcreative.com
  9. 9. Design and the Art of Freelancing Atlanta, March 2009 Non-virtual Examples: ©2009 Dan Rubin » http://sidebarcreative.com
  10. 10. Design and the Art of Freelancing Atlanta, March 2009 Successful. Waste Reducing Exfoliating Body Cleanser (aka “soap”) Granted, this may leave you with smaller bits of waste, but it’s a creative solution we can learn from. ©2009 Dan Rubin » http://sidebarcreative.com
  11. 11. Design and the Art of Freelancing Atlanta, March 2009 Not so much... Faucet FAIL If your interface requires instructions, it needs to be redesigned. ©2009 Dan Rubin » http://sidebarcreative.com
  12. 12. Design and the Art of Freelancing Atlanta, March 2009 Fitts’s Law: ©2009 Dan Rubin » http://sidebarcreative.com
  13. 13. Design and the Art of Freelancing Atlanta, March 2009 The time to acquire a target is a function of the distance to and size of the target. ©2009 Dan Rubin » http://sidebarcreative.com
  14. 14. Design and the Art of Freelancing Atlanta, March 2009 Big buttons are faster. ©2009 Dan Rubin » http://sidebarcreative.com
  15. 15. Design and the Art of Freelancing Atlanta, March 2009 This: Button is harder to click than this: Benjamin Button ©2009 Dan Rubin » http://sidebarcreative.com
  16. 16. Design and the Art of Freelancing Atlanta, March 2009 Warm-up Exercise: A right-handed user is known to be within 10 pixels of the exact center of a large, 1600 X 1200 screen. You will place a single-pixel target on the screen that the user must point to exactly. List the five pixel locations on the screen that the user can access fastest. For extra credit, list them in order from fastest to slowest access. ©2009 Dan Rubin » http://sidebarcreative.com
  17. 17. Design and the Art of Freelancing Atlanta, March 2009 3 4 1 5 2 ©2009 Dan Rubin » http://sidebarcreative.com
  18. 18. Design and the Art of Freelancing Atlanta, March 2009 Let’s expand Fitts’s Law: ©2009 Dan Rubin » http://sidebarcreative.com
  19. 19. Design and the Art of Freelancing Atlanta, March 2009 Big type stands out more than little type. ©2009 Dan Rubin » http://sidebarcreative.com
  20. 20. Design and the Art of Freelancing Atlanta, March 2009 Large content areas are easier to see. ©2009 Dan Rubin » http://sidebarcreative.com
  21. 21. Design and the Art of Freelancing Atlanta, March 2009 Size explains hierarchy. ©2009 Dan Rubin » http://sidebarcreative.com
  22. 22. Design and the Art of Freelancing Atlanta, March 2009 Headings Layout H1 H2 H3 H4 H5 H6 ©2009 Dan Rubin » http://sidebarcreative.com
  23. 23. Design and the Art of Freelancing Atlanta, March 2009 Size matters: ✓ Bigger targets are easier to click ✓ Larger areas are easier to recognize ✓ Hierarchy communicates importance ©2009 Dan Rubin » http://sidebarcreative.com
  24. 24. Design and the Art of Freelancing Atlanta, March 2009 Enough with the lesson already, let’s have some fun! ©2009 Dan Rubin » http://sidebarcreative.com
  25. 25. Design and the Art of Freelancing Atlanta, March 2009 Simple Trick: Light Effects ©2009 Dan Rubin » http://sidebarcreative.com
  26. 26. Design and the Art of Freelancing Atlanta, March 2009 ©2009 Dan Rubin » http://sidebarcreative.com
  27. 27. Design and the Art of Freelancing Atlanta, March 2009 Almost any image can create an effect ©2009 Dan Rubin » http://sidebarcreative.com
  28. 28. Design and the Art of Freelancing Atlanta, March 2009 Random image ©2009 Dan Rubin » http://sidebarcreative.com
  29. 29. Design and the Art of Freelancing Atlanta, March 2009 Select a single pixel line ©2009 Dan Rubin » http://sidebarcreative.com
  30. 30. Design and the Art of Freelancing Atlanta, March 2009 Stretch to fill ©2009 Dan Rubin » http://sidebarcreative.com
  31. 31. Design and the Art of Freelancing Atlanta, March 2009 Create a solid color layer below the image ©2009 Dan Rubin » http://sidebarcreative.com
  32. 32. Design and the Art of Freelancing Atlanta, March 2009 Use layer blending modes to modify the colors of the gradient. ©2009 Dan Rubin » http://sidebarcreative.com
  33. 33. Design and the Art of Freelancing Atlanta, March 2009 Darken ©2009 Dan Rubin » http://sidebarcreative.com
  34. 34. Design and the Art of Freelancing Atlanta, March 2009 Multiply ©2009 Dan Rubin » http://sidebarcreative.com
  35. 35. Design and the Art of Freelancing Atlanta, March 2009 Luminosity ©2009 Dan Rubin » http://sidebarcreative.com
  36. 36. Design and the Art of Freelancing Atlanta, March 2009 Look to other mediums for inspiration. ©2009 Dan Rubin » http://sidebarcreative.com
  37. 37. Design and the Art of Freelancing Atlanta, March 2009 Use texture to elicit subconscious tactile reactions: ©2009 Dan Rubin » http://sidebarcreative.com
  38. 38. Design and the Art of Freelancing Atlanta, March 2009 ©2009 Dan Rubin » http://sidebarcreative.com
  39. 39. Design and the Art of Freelancing Atlanta, March 2009 ©2009 Dan Rubin » http://sidebarcreative.com
  40. 40. Design and the Art of Freelancing Atlanta, March 2009 ©2009 Dan Rubin » http://sidebarcreative.com
  41. 41. Design and the Art of Freelancing Atlanta, March 2009 Now let’s talk Business. ©2009 Dan Rubin » http://sidebarcreative.com
  42. 42. Design and the Art of Freelancing Atlanta, March 2009 Business: The Basics ©2009 Dan Rubin » http://sidebarcreative.com
  43. 43. Design and the Art of Freelancing Atlanta, March 2009 Decide whether you want to be a great business owner or a great designer, developer, or creative… ©2009 Dan Rubin » http://sidebarcreative.com
  44. 44. Design and the Art of Freelancing Atlanta, March 2009 …for that decision will define what kind of life you lead. ©2009 Dan Rubin » http://sidebarcreative.com
  45. 45. Design and the Art of Freelancing Atlanta, March 2009 Words matter: Clients treat “consultants” and “agencies” better than “freelancers.” ©2009 Dan Rubin » http://sidebarcreative.com
  46. 46. Design and the Art of Freelancing Atlanta, March 2009 Spec work: Don’t do it. ©2009 Dan Rubin » http://sidebarcreative.com
  47. 47. Design and the Art of Freelancing Atlanta, March 2009 Get an accountant. ©2009 Dan Rubin » http://sidebarcreative.com
  48. 48. Design and the Art of Freelancing Atlanta, March 2009 Always require a deposit — if a client wants credit, there are banks for that. ©2009 Dan Rubin » http://sidebarcreative.com
  49. 49. Design and the Art of Freelancing Atlanta, March 2009 Estimating gets easier over time — track your hours and make each job more accurate than the last. ©2009 Dan Rubin » http://sidebarcreative.com
  50. 50. Design and the Art of Freelancing Atlanta, March 2009 Set invoice milestones so clients know what is expected financially. ©2009 Dan Rubin » http://sidebarcreative.com
  51. 51. Design and the Art of Freelancing Atlanta, March 2009 Business: Projects ©2009 Dan Rubin » http://sidebarcreative.com
  52. 52. Design and the Art of Freelancing Atlanta, March 2009 Project management is the key to sanity — get someone to help if needed. ©2009 Dan Rubin » http://sidebarcreative.com
  53. 53. Design and the Art of Freelancing Atlanta, March 2009 Use software meant for projects: Basecamp, Backpack or something you build yourself. ©2009 Dan Rubin » http://sidebarcreative.com
  54. 54. Design and the Art of Freelancing Atlanta, March 2009 Business: Clients ©2009 Dan Rubin » http://sidebarcreative.com
  55. 55. Design and the Art of Freelancing Atlanta, March 2009 Choose good clients who share your passion, whatever that may be. ©2009 Dan Rubin » http://sidebarcreative.com
  56. 56. Design and the Art of Freelancing Atlanta, March 2009 Trust your instincts with new clients (this will get easier over time). ©2009 Dan Rubin » http://sidebarcreative.com
  57. 57. Design and the Art of Freelancing Atlanta, March 2009 Bad clients can destroy your soul (fire them if you have to). ©2009 Dan Rubin » http://sidebarcreative.com
  58. 58. Design and the Art of Freelancing Atlanta, March 2009 Discussion (this is the part where you’re all on the couch telling me your problems). ©2009 Dan Rubin » http://sidebarcreative.com
  59. 59. Design and the Art of Freelancing Atlanta, March 2009 fin. ©2009 Dan Rubin » http://sidebarcreative.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×