Mobile app version of vmapp.org
Login or Join
Connie430

: Why use Photoshop for Web Design Aside from its bitmap effects, can someone tell me why I should use Photoshop for creating website layouts instead of Illustrator? To the best of my knowledge

@Connie430

Posted in: #AdobeIllustrator #AdobePhotoshop #Layout #WebsiteDesign

Aside from its bitmap effects, can someone tell me why I should use Photoshop for creating website layouts instead of Illustrator? To the best of my knowledge Photoshop was never intended to be used as a layout application and is inferior to both Illustrator and InDesign by a longshot as such.



I know about building sites in the code. I get it. But for a lot of shops that is not the workflow.

I'm equally fluent in Photoshop and Illustrator / print and web design. I only ask because it drives me crazy when I get files from other web designers and they have been built out in Photoshop. It just seems very inefficient and for years I have been looking for a reasonable explanation.

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Connie430

4 Comments

Sorted by latest first Latest Oldest Best

 

@Jessie844

I noticed that some designers urchase templates online and simply modify them! Or they use the .psd templates that come with some Wordpress themes.

For some designers it's also easier to modify the hue/saturation of some elements and test their color scheme with Photoshop.

They might also prefer to work with only one software for this and not having to import their graphics and images in a publishing software or Illustrator.

It's really a question of preference. In any case, they shouldn't send you a bunch of loose layers in a Photoshop file; they should isolate the ones you need, flatten the blending and effects (or rasterize it) and group their layers. Finally, you should have a nice flat JPG as a reference and code in CSS only the parts you need. You're not supposed to have to demystify their layer files indeed, sometimes it's a real puzzle!

Personally, I've always been asked to create templates with Photoshop and frankly I do it because the coder/dev asked for this. Given the choice, I wouldn't use Photoshop, I find it way longer to do complete layouts with this software. Maybe you can demand to have the files sent to you in a different way and you'll get them as you prefer them.

10% popularity Vote Up Vote Down


 

@Berumen635

The reason why many designers use Photoshop is because they feel comfortable using it. You should use whatever gets the job done faster (I prefer to do my mock ups in InDesign).

For many of us, mock ups are important because it allows us to experiment in a familiar environment. It's easier and faster to write the code once we know what is the end goal.

Also, clients feel better if they see something in paper right away instead of having to wait until the site is set up, compiled and implemented, before seeing anything on the screen.

10% popularity Vote Up Vote Down


 

@Shelley591

For designing the elements of a web site, you should use whatever tool works for you. Photoshop is a common tool, but there's no requirement that you use it.

As for designing full layouts, I'd suggest you treat your tools as napkins. Whether photoshop or illustrator, it's just a napkin sketch and it may need to be changed as it gets put into HTML/CSS/JS.

10% popularity Vote Up Vote Down


 

@Sent7350415

This has been asked several times and I will still say the same thing each time. The best place to develop websites is in the browser which is the environment it will live in. Photoshop and Illustrator have their merits but should, at best, be only used for mockup or wireframing to get a general idea.

If this is for a client that will also use the same assets for print I will try to stick completely in Illustrator and use the Logo or any items I create in SVG for web with a PNG fallback. You could theoretically build the site mockup in InDesign or Illustrator and export the CSS and adjust accordingly.

If you are trying to develop the entire site in Photoshop that is a waste of time since this is a responsive era. I hardly use Photoshop anymore and when I need a mockup I use Illustrator for its artboard feature and I can add it in a browser with CSS media queries and use the mockup as a background image and build through that if I needed or someone sent me some mockups.

Reference:


What are the steps in designing a website?
What is the PSD to HTML best practices with HTML5?

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme