blog

Out of context: Reply #70163

  • Started
  • Last post
  • 75,583 Responses
  • utopian0

    Hey guise,

    What software or tool do you use to create multiple "responsive breakpoints" when designing a website. I have been using Photoshop for my design layouts for years now...and I'm getting tired of creating multiple designs for: 2560px, 1440px, 1024px, 375px etc... Does anyone have any good advice? I'm referring to the "design and layout" aspect of website design and not prototyping.

    utopian 0Permalink
    UpvoteDownvote
    Flag
    • Are you only doing template pages or all pages?Hayoth
    • 1. Sketch
      2. Responsive symbols
      3. Sketch just released smart layout too
      https://www.sketch.c…      whatthefunk
    • 4. Usually site is coded so that design gives 320, 768, and 1024 only b/c site is coded to be responsive in between. That's too many breakpoints imo.whatthefunk
    • I'm creating a variety of pages, Gawd there has to be an easier way.utopian
    • What "whatthefunk" said, but, use Fireworks
      , XD, or Sketch otherwise PS, do a favor to yf      OBBTKN
    • Sketch all the way for me. Using symbols everything can be responsive. As things start to break down, you can define breakpoints manually. Invision Studio mightmandomafioso
    • be even better but I haven't played with it as much yet. Looks promising though.mandomafioso
    • damn, its painful to hear people are still using PS for this kind of work.Al_dizzle
    • I work with Sketch because of the dev workflow, buuuut in secret i do everything in a big ass psd :D I use smart objects, sometimes exported psbs :)sted
    • What- are your devs accessing sketch for execution? I used but our devs don't.Hayoth
    • web front-end and:
      https://doc.qt.io/qt…      sted
    Show [[ numHiddenNotes ]] more notesAdd Note
    SaveCancel

View thread