1

This is my first time doing this. I made a web design in Photoshop and I don't know what to do next. I have to show other people the website and I was think of using WebEx. Is there another software I can put my design in to and then it will work as a website or do I have to get another software and make the design again?

2 Answers 2

2

If you need to show the site the best alternative to demo it would be to code it as HTML and CSS. If you made the design with vectors you could try testing to see if the vectors could be converted to SVG and open the file in a browser however in gradients or effects will not transition properly. In the future I would suggest designing in Illustrator but in reality the best thing to do would be to design in the browser with code.

I have heard of paid conversion tools that can take a psd and turn it to HTML but Ive never used one and suggesting one isnt in scope with the site as it could be considered as spam and the link can rot as though services come and go.

So to sum up, at this time there really isn't a one click solution that Im aware of.

2
  • Thanks! I have another question, I don't know coding. I'm working for a small company and I need to make mockups. That I can click on and go to other pages. Please can you tell me a software or way that I can do it because right now I have only made the first page if I need to start using any other software I can. Thanks once again for reply back to me.
    – Mike
    Commented Nov 12, 2016 at 18:50
  • Someone mind explaining the downvote?
    – user9447
    Commented Nov 14, 2016 at 13:45
2

@Mike, I think @DarthVader addressed your question quite well. But just to throw more light on your follow up question, there are a host of good tools out there that can help your workflow with little or no coding at all. Since your workflow is in Adobe Photoshop, Adobe has Adobe Experience Design that works seemlessly with Photoshop. Visit their Learn and support page for a quick start up. InVision, is another interactive web prototyping tool that integrates well with Photoshop. UXPin also supports Photoshop imports, Proto.io too has great support Photoshop, and Justinmind, allows great prototyping options though its Photoshop integration/workflow is a bit limited.

Note that there are a host of great tools out there and choosing what you wish to work with is a matter of your budget and person preference.

6
  • There are a host of "tools" out there. I wouldn't accuse any of being great, or even good.
    – Confused
    Commented Nov 13, 2016 at 18:20
  • @Confused You're essentially drawing a rectangle on top of an area and then saying show this image when it's clicked. What could these applications possibly be doing wrong?
    – Joonas
    Commented Nov 14, 2016 at 7:56
  • Put it like that, you make me wonder why making websites isn't just point-n-click = Webby!!!
    – Confused
    Commented Nov 14, 2016 at 8:00
  • 1
    Maybe I'm @Confused, because I though that these applications are not for making websites?
    – Joonas
    Commented Nov 14, 2016 at 8:29
  • You're getting distracted. The claim is that these tools are great. I'm disputing that because I think it's wrong to plant false hope of 'great' software experiences when the entire field offers nothing of the sort.
    – Confused
    Commented Nov 14, 2016 at 8:37

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.