3 ms·
I am the designer in the video. I should say that I also used to work for Adobe. And that is not to say that I don't design in PS because I think it is crap. Qu
by g1sh 13y ago
I am the designer in the video. I should say that I also used to work for Adobe. And that is not to say that I don't design in PS because I think it is crap. Quite the opposite, the PS team is an awe-inspiring team of PHD-level engineers. I would say that it is a huge tool that is still focused mainly on imaging and is decades old. They have to respond to a very large and diverse user base. I personally, don't like using big monolithic tools, like most web-oriented people I like the light-weight editors and focused tools.
I was a Fireworks user, but since Adobe decided to phase out support, I looked at what my workflow would be like. This transition came at the same time that I was moving away from detailed specs to a more lean design process, leaving the details to when I switch to code. Sketch, makes it very fast for me to create mocks and for the team to switch to code. Everything I design translates very well to web standards. I know that since Generator, Photoshop has a much better export flow to CSS but that is still not how I work.
Overall, my switch to Sketch has been very positive and I would recommend it to anyone that is doing any type of interactive design. Granted, Sketch is still pretty new and is missing a few things. Symbols or Smart Objects being the biggest thing for me.
Right now my workflow is: Omnigraffle for userflows, Sketch for wireframes and sketches, PS and AI for asset creation, Reflow for when I need to try some responsive layout, Edge Animate for motion prototypes, and I'll code with Brackets.
- jaysonelliot 13y agoI used to do more wireframing than UI design, but that's changing, and I've been looking at the available tools. PS is not good for multiple resolutions, and I find Illustrator too complex for the task. The thing I like about wireframing in Omnigraffle is the wide array of stencil libraries available. Have you found it easy to find and/or create design libraries for Sketch?
- g1sh 13y agoIt is not as easy as Omnigraffle. My rudimentary way of doing this is to have a template file that I can copy/paste elements from. One function that I love from Sketch is that you can copy/paste styles, which makes the library use more flexible. You can copy CSS, but I wish that you could also past CSS into an object since we also have an ongoing UI library written in LESS
- jaysonelliot 13y agoPerhaps I will build my own template files then. I feel like there ought to be a vector design tool that makes it easy to just drop UI elements into a predefined display space—preferably even dynamic elements. (And while I'm dreaming, one that makes documentation easy.) Either I'm missing it, or there just isn't an ideal tool for UI designers right now.
- devilshaircut 13y ago> "PS and AI for asset creation" Yeah - I agree - I think that PS is mainly a tool for the creation of assets rather than designing flows and information architecture. And even less so for interaction design. I will however on occasion use PS to create wireframes when I need them to look presentation-quality.
- workbench 13y agoStill using Fireworks on my team over here. Gonna miss it when it inevitably stops working. Nice to know someone at Adobe actually used it