Photoshop vs Sketch(photoshopsecrets.tumblr.com)

almost 8 years ago from Catalin Cimpanu

  • Dwayne CharringtonDwayne Charrington, almost 8 years ago (edited almost 8 years ago )

    Some of the things included in the spreadsheet are the reason I, as a front end developer cringe when I get handed designs from designers who went too crazy with stylistic additions that are not easily feasible in CSS/HTML and Javascript.

    Adjustment layers

    These are the bane of my existence. I can recall a few times over the last few years where I have seen designers use adjustment layers to change colours using brightness and contrast which meant instead of being able to just select the element and copy the colour value, I had to use the colour picker and pray that I was sampling the right area.

    Blur adjustment layer

    Oh God. Do not get me started on Photoshop's unrealistic blur effects that can not be easily replicable in CSS 1:1.

    Layer Masks

    I can recall more times than I can count being handed messy PSD files with layers using masks to give images rounded corners and other hacky solutions that made it difficult to extract assets from a PSD file because it was being resized and masked using a layer mask which usually meant: A) Speaking with the designer and getting them to export the asset for me or B) Hitting my head against the wall and carefully selecting the element minus anything else I do not need to get the asset I require.

    The issue I have with Photoshop from the perspective of a developer is that gives designers far too many options when it comes to effects, adjusting styles and manipulating layers to the point where I have to waste time pushing back and explaining why I can't replicate that layer effect in CSS easily, thus blowing out the timeline because the designer has to go back and rethink a particular aspect of their design that looks good in Photoshop, but just will not transition to real life.

    These comparison posts are getting very tiring. I wish Fireworks was still around, it might have been buggy, but it was 98% of the way there being the perfect tool for web design. Sketch is nice, but it does not come close to Fireworks CS6 (which I still use).

    Bring back Fireworks and let us be done with these childish and useless schoolyard taunt comparison posts: "But Billy is cooler than Trevor, so I am going to sit with Billy and his friends..."

    1 point
    • Mitch De CastroMitch De Castro, almost 8 years ago

      We need more developers, like yourself, sharing their opinions about Sketch & PS rather than designers.

      0 points
    • Vince LaneVince Lane, almost 8 years ago (edited almost 8 years ago )

      These are process problems, not tool problems.

      0 points
    • Aymeric G, almost 8 years ago

      Really, you like Fireworks better than Sketch? From the perspective of the person coding the design or the person doing the designing?

      I used Fireworks a lot in the past but the infinite zoom and artboards of sketch plus the clean and minimal interface made Fireworks feel really bloated and limited to me.

      0 points
    • Tiago DuarteTiago Duarte, almost 8 years ago

      I have actually been working a lot with designs made using Sketch and I've found it to be a much more pleasant experience when coding them. Not only can I focus more on the code, but also follow the designer's intended spacings without having to draw a ruler between each element.

      Small learning curve. Big workflow improvement (over Photoshop).

      0 points