Beyond Photoshop: Designing for the Modern Web

Our first successful recording of a meetup is now available on YouTube! Open the champagne!

This month, Ben Grace talks about designing for the modern web, including the tools and workflows we use today and where we think it’s going. This was one of our larger meetups with 44 attendees! If you didn’t make it, check out the video from the meetup and enjoy the resources and Ben’s slides.

(Thanks to Randy Hall from VOM Productions for being able to pump this out so fast 🙂 We plan on being able to record every meetup going forward. Right now we’re able to do the basics, but thanks to so many supporters on our crowd funding campaign, we’re able to afford some more bells and whistles to allow us to provide quality produced videos.)

Video

Slides

[iframe src=”http://slides.com/bengrace/beyond-photoshop/embed” width=”576″ height=”420″]

Web Design Workflow Resources

Page Description Diagrams

http://gluue.com/2010/06/page-description-diagrams-facts-and-opinions/
http://uxmag.com/articles/re-introducing-page-description-diagrams

Content Priority Guide

I didn’t talk about the Content Priority Guide (this is great and may be pretty close to what Ben Klocek has talked about)
http://seesparkbox.com/foundry/content_priority_guide

Priority Guide (Might be a great way to avoid doing desktop AND mobile psds)

http://www.smashingmagazine.com/2012/05/30/design-process-responsive-age/

Stile Tiles

http://styletil.es/
http://webdesign.tutsplus.com/articles/style-tiles-an-alternative-to-full-design-comps-webdesign-7232

Style tiles in action and more

http://product.voxmedia.com/2013/1/24/5426808/an-inside-peek-into-the-polygon-design-process

Style Prototypes

http://seesparkbox.com/foundry/our_new_responsive_design_deliverable_the_style_prototype

————————­——————-
Some bonus items not shown in the talk.
————————­——————-

Page Layers

(for those of us that like to jump back and forth between html / Photoshop - haven’t bought it yet, but I will)
http://www.pagelayers.com/

Mentioned Typecast

(play with fonts in the browser - sass service)
https://typecast.com/

Webstiles

(like Style tiles, but in html / css)
http://webstiles.namanyayg.com/

Cole Geissinger

Senior Engineering Manager at 10up

Leave a Reply