Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Photoshop workflow from desktop designs to mobile first

I'm looking for some videos or instructions on the best way to approach a redesign based on the grid system, but I would like to see how the gutters are used and why certain number of columns are chosen over others.

Any thoughts are greatly accepted and appreciated

2 Answers

James Barnett
James Barnett
39,199 Points

Most people who opt for a mobile first approach also opt for designing in the browser.

Lets go w/ desktop and tablets, any films? Wireframes or other places to start design before in browser

James Barnett
James Barnett
39,199 Points
  1. Content Inventory
  2. Sketch w/ pen & paper
  3. Wireframe
  4. Preliminary color & typography choices
  5. Write HTML
  6. Write CSS
  7. Decide on images, colors & typography