Where to create web design layouts?

Question

Design

Greetings.
For a long time I drew layouts in Photoshop, then I moved from web design to another field of activity (it was more profitable financially) and lagged behind the trends for 6 years
. , and it will be convenient for the layout designer to process it.
As a plus of the application, I consider the use of templates, convenient positioning of elements (that's all there is in Muse), export to PNG, a minimum of functionality.
What are you painting in? What do you get layouts? What is convenient for a coder to work with? And where is the layout most quickly created and corrected?
The list of what I consider, I will express the cons:
Photoshop - redundant functionality, object transformation (try to transform a rounded rectangle) and guides (it's very easy to put a guide between pixels), layout designers spit more and more, both on the format itself and on unnecessary functionality - it is very often difficult to get by with one PNG, and buy Photoshop to just open the file, not everyone wants.
Axure PR - it seems like everyone uses it to draw prototypes, but it seems to be suitable for simple layouts.
llustrator / CorelDRAW - vector editors, all sorts of amenities, such as centering, visual padding, convenient grouping and not so much, but, again, a lot of functionality that is not useful here.
Adobe Muse - everything seems to be fine, but the output is only in html.
Adobe InDesign - advised for printing, but for some reason not for the web. Didn't use it myself.
Adobe XD - more like a thing for prototyping, how to use template things (a common header for all layouts, for example), I still haven’t found
it. I don’t call for “x is better than y”.
I look forward to advice, recommendations and opinions.

Answer 1

Photoshop, Sketch, Illustrator.
The main thing is not to forget about the requirements for layouts (relevant not only for psd).

Answer 2

It's simple, if there is a poppy, then Sketch definitely decides , if only Windows is available, then Photoshop is the best choice, it just happened.

Answer 3

Yes, at least in what. At least in Paint.
In fact, they usually use several programs in conjunction.
I would advise you to work in this order:
1) Armed with colored pencils, create the first sketch on paper
2) Using a vector graphics editor, make the first layout from one layer according to the sketch. The editor will suit anyone I personally like the free Inkscape. Vector because anyone can draw in it, perhaps even Pavlensky XD. In the raster, you still need skills, a full hand and preferably a graphics tablet with a touch pen.
3) The resulting vector layout is processed and cut into layers in Photoshop or GIMP. Font samples are also prescribed, this is important. If in Photoshop, then layer effects are superimposed.
4) The resulting PSD is fed to Avocode and CSS and HTML code is already written through it. You can also use Adobe Assets. It is for this that layer effects are superimposed and fonts are prescribed in Photoshop, and not in vector.
The de facto PSD is the standard.

Answer 4

I have been using Adobe Fireworks
for 16 years)
p.s. adobe kazly that stabbed him

Answer 5

The mainstream of the market is divided by two softwares - Photoshop and Sketch.
A small but noticeable number of marginals use Illustrator and Fireworks.
All other options occupy scanty fractions within the error of the microscope in which you need to look at them.
Adobe XD threatens to break into the market a little later, but so far this has not happened.

Answer 6

If the design is on order - photoshop (sketch, on request)
Now there are a lot of tools for a layout designer to pull out styles from them
For your project, immediately saw a prototype in html-js based on bootstrap or another framework
And then decorate yourself

Answer 7

I draw 90% of layouts in Illustrator.
Convenient - all the pages of the site are immediately at hand, no need to enable / disable layers. The object is easy to capture.
10% in Photoshop. If the layout has a lot of specific illustrations that are easier to draw in a raster.
In 2017, various nice little things appeared regarding the export of objects, etc.