Website design in Photoshop, how to do everything right?

Question

Design

I recently noticed how our main designer creates designs in Photoshop, arguing that it is easier to draw a website page than to write code for a single element, and so, this also became interesting to me and I would like to know more about it:
1) After creating the design ( setting a background image, adding tables, lists, etc.) how to make them active? (Switching to other pages, adding scripts)
2) Why is a Photoshop design better / worse than a written design?
3) Are there ready-made solutions for Photoshop for such cases?

Answer 1

Answer 2

wow! What???
2) How is a Photoshop design better/worse than a written design?
Are you designing with code? Is this a studio or a freestyle developer? If the studio is a collapse!
All designs are first "drawn" and only then the code is written
. So, designers are those who draw, and who writes the code is at least a layout designer.

Answer 3

It turns out that a huge number of people do not understand what a web designer and web layout designer actually does, often confusing the entire direction with printing.
1) all elements are made active at the layout stage = code. for animation, you can use free js libraries and edit them to suit your needs, you can study css well and write your own simple animations, again, you can write your own small jquery scripts for effects.
transitions to other pages are just links that are configured in cms.
2) "photoshop" design is the first stage of website development. if you are going to skip it and immediately start assembling the design in code without the layout itself, it will take us all day to design one table. in the same photoshop, add an icon to the table header - 30 seconds (29 of which - to enumerate options). and if you started doing everything in the layout and did not take into account the place for these icons - when you paste everything will go in different directions.
this is of course just an example. but when making a layout in fsh, you will think about style, ui, structure. starting immediately to typeset, you will think about how to make the layout not crumble into pieces.
neither "photoshop" design, nor "written" design can be worse or better than each other. it's the same layout at different stages.
3) there is no automation. but you can learn html+css+js.

Answer 4

He just draws a picture and then another person (typesetter) will make up on it. In Photoshop, it's faster to make a pure appearance to approve and give it to "production".

Answer 5

There are all sorts of services like inVision. They know a lot of things. In general, it’s already easier for me to design immediately. Your modular framework + jeet + stylus + nib + rupture + animate.css ... or their analogues saves a lot of time.