Jessica Hische — Sketch to Screen (SmashingConf NYC 2014)

Jessica Hische — Sketch to Screen (SmashingConf NYC 2014)

In this talk, Jessica shared her design process, from initial sketch to polished vector art, explaining the tools, techniques and little fine rules of thumbs that she uses a lot when working on design projects. And Jessica was wearing Zeldman’s suit as well. No kidding.

https://twitter.com/marcthiele/status/479255580000137216

B3d6434763caa0ef5dc4b792662c49f7?s=128

Vitaly Friedman

June 18, 2014
Tweet

Transcript

  1. Jessica Hische Sketch to Screen

  2. Lettering & Type Design

  3. Lettering & Type Design Custom one-off artwork Letterform-based systems

  4. “Scanner” Dux Pencil Sharpener Brush Ballpoint Pencil Pencil Extender Best

    Pencil Ever. Small Ruler Extra Eraser Pencil Case + Scanner Pro App
  5. Sketchbook 8 by 10 inches or larger

  6. Grid Paper / Lined Paper

  7. Hardware: Macbook Pro Cinema Display Wacom Intuos Medium Tablet* iPhone

    (“Scanner”) Laser Printer (1200dpi or higher) ! ! ! I prefer a mouse / trackpad for vector drawing but my batteries are always dead so I’ve been using a Wacom. ! Software: Adobe Illustrator Robofont* or Glyphs App or Fontlab Studio Scanner Pro (iPhone App) ! ! Robofont is my program of choice, but it’s quite expensive. Glyphs is a great less expensive option. Fontlab was the industry standard for a long time but most type designers are abandoning it. * *
  8. 1. Researching 2. Brainstorming 3. Thumbnail Sketching 4. Sketching 5.

    Vector Drawing reading + visual inspiration searching creating word association lists exploring lockup options first lightly, then refining from scratch using the pen tool Process
  9. 1. Researching 2. Brainstorming 3. Thumbnail Sketching 4. Sketching 5.

    Vector Drawing reading + visual inspiration searching Process
  10. None
  11. 1. Researching 2. Brainstorming 3. Thumbnail Sketching 4. Sketching 5.

    Vector Drawing creating word association lists Process
  12. 1. Researching 2. Brainstorming 3. Thumbnail Sketching 4. Sketching 5.

    Vector Drawing exploring lockup options Process
  13. 1. Researching 2. Brainstorming 3. Thumbnail Sketching 4. Sketching 5.

    Vector Drawing first lightly, then refining Process
  14. None
  15. 1. Researching 2. Brainstorming 3. Thumbnail Sketching 4. Sketching 5.

    Vector Drawing from scratch using the pen tool Process
  16. None
  17. 1. Researching 2. Brainstorming 3. Thumbnail Sketching 4. Sketching 5.

    Vector Drawing reading + visual inspiration searching creating word association lists exploring lockup options first lightly, then refining from scratch using the pen tool Process
  18. None
  19. None
  20. None
  21. Substance & Style in all you make Strive for

  22. Daily Drop Cap

  23. None
  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. CLIENT: Masterfoods USA PRODUCT: Dove Singles Full Up Print -

    Headline 1 Std Size JOB#: P25017 SPACE: Full Page 4/C BLEED: 8.25” x 11.25” TRIM: 7.75” x 10.5” SAFETY: 6.875” x 9.75” This advertisement was prepared by BBDO New York Fonts Helvetica Neue (45 Light, Regular) Graphic Name Color Space Eff. Res. Filename: P25017_MAR_DOC_V6.indd Proof #: 6 Path: Studio:Volumes:Studio:MECHANIC... 0HFKDQLFDOV3B0$5B'2&B9LQGG࠙ Operators: Santoro, Jonathan / Casanova, Joe Ink Names Cyan Magenta Created: 3-1-2012 4:37 PM Saved: 3-1-2012 4:37 PM Printed: 2-27-2012 1:49 PM Print Scale: 100% ®/TM trademarks ©Mars, Incorporated 2012 www.facebook.com/dovechocolate Now there’s more silky smooth chocolate to love with our new DOVE® Chocolate Bar. S:6.875” S:9.75” T:7.75” T:10.5” B:8.25” B:11.25” CLIENT: Masterfoods USA PRODUCT: Dove Dark Chocolate Headline 2 - “Rich Delivious...” Std. JOB#: P25665 This advertisement was prepared by BBDO New York Filename: P25665_MAR_DOC_V6.indd Proof #: 5 Path: Studio:Volumes:Studio:MECHANIC... 0HFKDQLFDOV3B0$5B'2&B9LQGG࠙ Operators: Santoro, Jonathan / Casanova, Joe Created: 4-20-2012 12:53 PM Saved: 4-23-2012 4:55 PM Printed: 4-11-2012 3:40 PM Print Scale: 100% There’s magic in the rich, silky smooth taste of DOVE® Dark Chocolate. ® / TM trademarks © Mars, Incorporated 2012 www.facebook.com/dovechocolate Add to the magic on Facebook S:6.875” S:9.75” T:7.75” T:10.5” B:8.25” B:11.25” CLIENT: Masterfoods USA PRODUCT: Dove Dark Chocolate Headline 1 - “The Real Magic...” Std. This advertisement was prepared by BBDO New York Filename: P25664_MAR_DOC_V5.indd Proof #: 5 Path: Studio:Volumes:Studio:MECHANIC... 0HFKDQLFDOV3B0$5B'2&B9LQGG࠙ Operators: Santoro, Jonathan / Casanova, Joe Created: 4-23-2012 4:57 PM Saved: 4-23-2012 4:57 PM Printed: 4-11-2012 3:40 PM There’s magic in the rich, silky smooth taste of DOVE® Dark Chocolate. ® / TM trademarks © Mars, Incorporated 2012 www.facebook.com/dovechocolate Add to the magic on Facebook S:6.875” S:9.75” T:7.75” T:10.5” B:8.25” B:11.25”
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. lettering type design

  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  56. None
  57. None
  58. None
  59. None
  60. None
  61. None
  62. Substance & Style in all you make Strive for

  63. None
  64. None
  65. None
  66. None
  67. None
  68. None
  69. None
  70. 1. Always assume you’re dehydrated. 2. Take Vitamin D. 3.

    Quit cracking your neck. 4. Invest in a good toothbrush. 5. Don’t eat mediocre bread or dessert. Practical Tips
  71. Thank You! @jessicahische