: Web template PSD for Mobile View and Desktop view I am designing a website layout in Photoshop. I created a home page and saved it in png so now it's a full page website design showing

@RJPawlick971

Responsive design should happen primarily in the browser. The reason for this is how the mobile view and desktop view will look is heavily dependent on how you markup the page. Giving the developer two PSDs for two views is going to be a recipe for some very hacky and non-reusable markup and JS. It's best to design for one view (mobile first is always nice) and then work alongside the developer to figure out what needs to be tweaked for the other view.

Vote Up Vote Down

@Gloria351

There is so many tools that help you to convert you design file into a html and adjust it to a responsive bootstrap compatible template.

I will list some of them as a guidance.


you can drag and drop your PSD file into dreamweaver CC2014 and dreamweaver will do the job for you. converting your PDS into HTML5 compatible and when you ant to convert it then comes a dreamweaver extension for bootstrap called DMXzone Bootstrap 3 there is a free and paid version of that extension.
the second solution is to drag and drop you PSD into Adobe Edge Reflow this is a great tool. and here you can find how to connect your Phtoshop with Edge Reflow
some online tools are also a solution you can navigate between different online tools, please check Online Bootstrap Editors
some desktop solution are awesome too, like the free tool Pingendo and the great pinegrow.com
Some paid services are also can convert your design int a responsive bootstrap html like the online service psd-to-bootstrap and psdwizard
Finaly there is some photoshop extensions that help you doing the job like velositey-v2


Conclusion: there are so many tool that can do what you want jut pick up the most that meets your needs.

Vote Up Vote Down