What program do you design in?

alzer81
alzer81
here me now..Posts: 3,977 in General Discussion
Just curious, what program would you generally do your designs in?

Photoshop?
Illustrator?
Sketch?

Had a conversation with someone yesterday who uses Illustrator to do all wires and final visuals. Never really heard of many doing that before. Im tryin to get more into Sketch but would have come from a PS background. I'd only use illustrator for.....illustrating....

Comments

  • Sherbs
    Sherbs
    Oo-ee-oo Posts: 2,963
    Illy/Indy. But I am print based.
  • David
    David
    Keeping Tom Happy Posts: 12,969
    Wireframes I do in browser, sketches on paper, then mock ups using either PS or Illustrator depending on what it is
  • Limbo
    Limbo
    Established Norm Posts: 27,390
    Illustrator for almost everything web / ID related.

    Snap. To. Grid. saved my life.

    InDesign for document design
    Photoshop for occasional bits of raster-based design (and image editing obviously)
  • David
    David
    Keeping Tom Happy Posts: 12,969
    Don't mind photoshop for web mock-ups, but I don't create endless iterations of pixel perfect templates anymore, shared smart objects is a massive timesaver
  • emil
    emil
    dt immigrant Posts: 11,933
    I heard many people use illustrator for web design. And I can see where they come from, the artboard management alone must be a huge time saver. I only use it for wireframes where it's really fast, but prefer the precision of photoshop for the final artwork.

    Never tried Sketch, as I see no added benefit over Adobe. Sadly.
  • David
    David
    Keeping Tom Happy Posts: 12,969
    it's what all the hip kids on designers news are using
  • emil
    emil
    dt immigrant Posts: 11,933
    Yes, what I figured. Since I'm paying for CC and been using Adobe products for 13 years, it would be counter productive to learn a new tool.

    Having said that I just recently began migrating from Dreamweaver to Atom for light web dev work. And I find it really good.

    Maybe a sign of old age?
  • Klang
    Klang
    Ray fucking Purchase Posts: 17,252
    Omnigraffle for wireframes and other UX bollocks, then illustrator/photoshop for more developed visuals and mocks.

    Illustrator/Indesign for everything else. I find PS interface cumbersome, especially when type is involved and rescaling elements.
  • gotnousername
    gotnousername
    Chavtastic Posts: 4,396 edited April 2016
    I spend a lot of time in Sketch/Invision these days, room for improvement but IMO it is the way forward.

    Adobe XD could be a winner when they get their ass in gear.
  • gotnousername
    gotnousername
    Chavtastic Posts: 4,396
    emil wrote: »
    Never tried Sketch, as I see no added benefit over Adobe. Sadly.

    Great balanced review that. ;)
  • emil
    emil
    dt immigrant Posts: 11,933
    @gotnousername

    What's your point? I'm not saying it's bad or reviewing it in any way. Just that it doesn't work with my mind set/workflow
  • David
    David
    Keeping Tom Happy Posts: 12,969
    I spend a lot of time in Sketch/Invision these days.

    Hate invision - find it clunky and and too basic for anything other than showing how a jpg will look in a browser

    Anyone used https://proto.io/?
  • gotnousername
    gotnousername
    Chavtastic Posts: 4,396
    emil wrote: »
    @gotnousername

    What's your point? I'm not saying it's bad or reviewing it in any way. Just that it doesn't work with my mind set/workflow

    My point was sarcasm with a wink. ;)
  • Limbo
    Limbo
    Established Norm Posts: 27,390 edited April 2016
    I'd just use illustrator Alzer — you've clearly already mastered it with the illustrative work you do.

    I've got 1 big super duper template ready to go. Wireframes. Common Responsive grids + Artboards. Layers. Guides. Symbols, sprites, social icons, common UI elements, Logos...

    I know there are many options out there for creating new work, but that's just it. They're options. Doesn't a craftsperson gets good/fast with their tools, and refines their workflow to make them faster (assuming you're not using dull ones). That's how I see it. Baring in mind Illustrator isn't going anywhere either.

    I don't understand the argument about 'the precision of PS' for final artwork. It really inhibits workflow IMO as It's not vector based. Create me an SVG Sprite quickly in photoshop, in the same canvas as all your responsive templates as artboards (with action to save out as PNG files for proofing) and common UI/Logos also set up to export as SVG too. All with off artboard annotations. From one canvas you can establish an entire design system for a website if you use illi the right way IMO.

    That said, it can't demonstrate interactions... some of these new tools do have some GIF export swank.
  • gotnousername
    gotnousername
    Chavtastic Posts: 4,396
    David wrote: »
    I spend a lot of time in Sketch/Invision these days.

    Hate invision - find it clunky and and too basic for anything other than showing how a jpg will look in a browser

    Anyone used https://proto.io/?

    Yeah Invision can be slow uploading comps and a little restricted, but it works well with Sketch and is ace for showing clients phone apps.
  • Limbo
    Limbo
    Established Norm Posts: 27,390
    Long and short of it is. What are you going to be designing..?

    I do ID and webdesign. Don't do much in the way of print - brochures and the like. Or traditional media Ads. Animation. App design etc etc.

    For me Illi is great as I'm comfy in it and it does what I need very fast. but it'd be no use if i was doing larger documents or animation. At that point you need to start using a combination of tools (which I'm sure we all do anyway).
  • alzer81
    alzer81
    here me now.. Posts: 3,977 edited April 2016
    Interesting. I grew up using PS to design websites in. Design has evolved though, and photoshop has evolved in a different direction. Its become so bloated though. So slow, doesnt work nicely for creating flows, the artboards are shite.

    I reckon Adobe XD will be the way forward when they pull their finger out and just copy sketch. The learning curve is time consuming and im just plain lazy.

    I can see why Illustrator would be attractive. Sketch seems similar but alot more UI focused.
  • emil
    emil
    dt immigrant Posts: 11,933
    Limbo wrote: »
    I'm comfy in it

    same here, but in ps for web work.

    I think that's the conclusion. Just use whatever you feel most comfortable/proficient using.

    No matter what X or Y thinks is better, ultimately your workflow dictates the tools to use.
  • Limbo
    Limbo
    Established Norm Posts: 27,390 edited April 2016
    I reckon Adobe XD will be the way forward when they pull their finger out and just copy sketch. The learning curve is time consuming and im just plain lazy.

    I do like the idea of XD - it looks fantastic in their videos. I just wonder about it catching on. Sketch was seriously limited as it couldn't (can't?) open PSD or Illi files and maintain any of the layer data. Which was a killer for me. If XD can properly read those document types it could change things.
  • Klang
    Klang
    Ray fucking Purchase Posts: 17,252
    Won't all website create themselves by the end of 2016 anyway?!! Don't know why we're worried about it.
  • LeakySandwich
    LeakySandwich
    I use Illustrator for web, InDesign for print and photoshop for nothing but photography now.

    I suspect that Sketch may be the way forward. I have used it a couple of times for smaller things but the time investment to incorporate it into the workflow of a full project just isn't available. I like the idea of combining it with inVision.

    There are a lot of new web tools around at the moment too - I recently did the Webflow flexbox demo and that seems to be a very powerful thing. With the direct CMS integration, I would like to play around with that some more. Has anyone used it?

  • emil
    emil
    dt immigrant Posts: 11,933
    Ooh, just had 5 minutes' worth of play with XD. Nice
  • calder12
    calder12
    Senior Member Posts: 13,506
    All the designers I know that have put in the small learning curve with Sketch have bought in. Our designers still use PS for layouts and Illy for vector assets but I think that's because one of our owners is the creative director and he hasn't bought into Sketch. It really gained ground quick that's for sure, I don't think that's a coincidence.

    Ultimately Emil is sort of right, use what you're familiar with. That being said our industry (at least the development end of it) is one where you don't rest on your laurels. I put my foot down with Sublime text, I didn't want to change from Notepad++ for my text editor for a couple of years. When I finally switched it took about a month before I realized how much I was missing out on. Constant learning and progression are hallmarks of the web industry. If I were a designer I think I'd take the time to learn tools that could improve my process over time.
  • Giraffe
    Giraffe
    toxic designer Posts: 9,888 edited April 2016
    Surprised this wasn't an old thread that got necro'd.

    Illustrator or even InDesign for web work. Like others I've never ever seen the appeal of Photoshop when you have the benefit of infinitely scalable and infinitely faster vector-based shapes to work with. With pixel preview and snap to grid, I just don't see it past personal comfort level.

    InDesign can be a great sub as its support for alt/fluid layouts is amazing and it has more granular control over typography that is separate for each alternate layout. All the same vector/pixel/snap functions, too.
  • emil
    emil
    dt immigrant Posts: 11,933
    Okay, now installed Sketch. Granted, it looks and behaves nicely, so could be worth paying for full price. (I think I had it installed once before when it came out)

    Those of you who use it: How do you use it in the context of collaborating with other people / devs who only have access to tools such as Adobe's own? Just out of curiosity.

    I don't work in an environment where I have control over other people use (an agency) and most times I'm not even in direct contact with the devs.
  • top_buzz
    top_buzz
    For your health! Posts: 6,752
    I'll be taking a look at Sketch when I move over to the dark side. For now I usually end up doing most web stuff from paper/pencil to code/browser.
  • gotnousername
    gotnousername
    Chavtastic Posts: 4,396 edited April 2016
    Full price is just £100 odd.

    Dev's just use it to find sizes and export imagery from what I have seen so far sending files to devs. You can set exporting up as you go along, so it is simply just one click to export all elements in different resolutions for IOS & more importantly for Android.

    As for commenting, that's where invision comes in. It takes minutes to set up and syncs nicely and the client can comment as you work.

    It has fault, such as the way it handles styles, but the fact it does have styles & symbols something that illy & PS do not have have is a bonus.

    Plus you can learn it in a day as it isn't bloated with features and it's quick.
  • emil
    emil
    dt immigrant Posts: 11,933
    @gotnousername

    Hm, my biggest struggle is to get devs to fucking open the files.

    I agree it doesn't look too complicated, and I can see the benefits of adding it as an extra skill.

    You do get styles in PS but they hardly work.

    I also agree that invision is great, been using it extensively for a few projects, just linked to dropbox for quick uploads. Had to cancel it recently as not enough web projects to warrant the expense, but will use it again.
  • calder12
    calder12
    Senior Member Posts: 13,506 edited April 2016
    Get new devs (I suppose this probably isn't an option). When I'm working on a new site I have PS open the entire time I'm doing the base layout. I've been known to take screenshots of the site and overlay them on the PS file to make sure I'm getting spacing right.

    Devs and designers are supposed to work together.
  • emil
    emil
    dt immigrant Posts: 11,933
    This is a different conversation, but the amount of time I spend in making sure they get all the tools they need to make HTML easier (having been myself a front end dev for a long time) only to find everything gets ignored at implementation is mind boggling.

    And yes, new devs are not an option in my current work context. Hope to rectify in near future.

    @calder12
  • alzer81
    alzer81
    here me now.. Posts: 3,977 edited April 2016
    Zelplin is a great site, basically upload your sketch file and it does a spec for you with info padding, colours, fonts etc.

    https://zeplin.io/
  • willtoo
    willtoo
    .O_o. Posts: 2,498 edited April 2016
    ID, Web, Exhibition graphics - Illustrator
    Brochures and general print - InDesign
    Motion work - Cinema & AE
    Product and large format print prototypes - Cinema
    Photo editing - PS (currently having to use it to edit someone else's web framework/template, feels so clunky compared to illy)
    Web prototypes - Marvel app
    HTML (mainly for email) - Brackets
  • alzer81
    alzer81
    here me now.. Posts: 3,977
    Jack of all trades
  • Paddy
    Paddy
    Vive la Pirate Bay Posts: 8,124
    Mainly Sketch and code/in the browser. I use InVision quite a bit as well.

    My bread and butter is workflow design, so anything that helps illustrate a process from start to finish is really useful. Sketch's artboards, symbols, and InVision integrations are really handy for that kind of work. It's also great for exporting assets.

    I've been looking into Framer.js recently, too, for prototyping more specific interactions.
  • Limbo
    Limbo
    Established Norm Posts: 27,390 edited April 2016
    alzer81 wrote: »
    Jack of all trades

    I prefer the term generalist. Very wise to have broad knowledge with specialist skills/expertise (Wills being animation) (mine being masturbation)
  • David
    David
    Keeping Tom Happy Posts: 12,969
    damn right, if i had just specialised in flash (which was a massive part of my skillset a few years back) I'd be royally screwed now - if somethings interests me, I'll look into it
  • willtoo
    willtoo
    .O_o. Posts: 2,498
    Sometimes I wonder If I should have concentrated on/studied a single field - VFX, for example. But like the boys have said, having the ability to switch between various skills hasn't done me any harm (I think). Pretty much like David, If something interests me I like to have a crack at it.
  • roto
    roto
    |-/ Posts: 12,958
    Is nobody designing with Paint anymore?
  • David
    David
    Keeping Tom Happy Posts: 12,969
    no just you
  • roto
    roto
    |-/ Posts: 12,958
    I've got a little skill with it:

  • gotnousername
    gotnousername
    Chavtastic Posts: 4,396
    Anyone used this?
  • steharg
    steharg
    Senior Member Posts: 3,013
    I'm print based and use Illustrator most of the time, and then ID for larger documents, brochures, catalogues etc.
    Although I'll tend to get some initial mock ups down in illustrator prior to taking it to ID - just find it offers more freedom.

    Photoshop - juat for image editing etc

  • Shaun
    Shaun
    Señor Member Brooklyn, NYPosts: 6,544
    I don't design (I know, why am I here?) but our designers use Sketch and for integration it's pretty cool. Practically gives you the CSS.
Sign In or Register to comment.
© Copyright 2003 - 2016 - DT by Kooc Media