Sul_avatar_sq_cp_border

Photoshop Responsive Template System

by Suleiman Leadbitter Jul 10, 2011
Photoshop
Tweet
302 views
http://drbl.in/bzrI
Icon-colordrop

Tags

  1. 1
  2. 1
  3. 1
  4. 1

8 Responses

  1. Sul_avatar_sq_cp_border Suleiman Leadbitter

    Knocking up a reasonable template, wireframe & design system within Photoshop. The idea is to use elements & smart objects to move them throughout the design with different sizes. Then move it over to code into the fluid responsive layout using ems & transitions to make it as natural as possible regardless of device.

    11 months ago

  2. Pro Adam Adam Ehrheart

    That looks like one hell of a good idea.

    11 months ago

  3. Nomad-profilepic2 Nur Ahmad Furlong

    Great idea but sounds like a terrible amount of work.

    11 months ago

  4. Sul_avatar_sq_cp_border Suleiman Leadbitter

    @Nur - The initial template probably will be, but in the long run it should pay off. Especially since I am breaking from 'designing in the browser' & just going back the the designing itself. By doing this I build up elements for a design, using these as smart objects works beautifully & is very versatile.

    @ Adam - Whilst some will no doubt criticise the static origin & working within the browser should be done, I do agree in this to an extent but creative wise I prefer this type of freedom. Throwing colours, images, brushes, smart objects around freely.

    11 months ago

  5. Sul_avatar_sq_cp_border Suleiman Leadbitter

    Also I should say the devices mention in the layer groups are just guidelines. I believe Responsive Web Design it NOT about particular devices & is about the design itself looking it's best & appropriate no matter what the device is.

    11 months ago

  6. Sul_avatar_sq_cp_border Suleiman Leadbitter

    I am still working on this. Just testing it with a REAL project. Also making a video of the process also :)

    10 months ago

  7. Pro Torbotics_fav Tor Imsland

    Going through this process myself and wondering what we'll do if the new iPad 3 has the rumored Retina display. At that point your "1600 - extreme!" may actually seem tame :) I look forward to the video.

    3 months ago

  8. Sul_avatar_sq_cp_border Suleiman Leadbitter

    I've been casually using this as my default psd when starting projects. The key to it though has been using smart objects as changes are reflected across all states. I'll keep you updated :)

    3 months ago

keyboard shortcuts: ← previous shot → next shot L or F like