What tools do website designers use?

Question

User interface

Hello dear designers!
I would like to ask you this question: what tools do you use when developing design and interfaces? By tools, I mean all kinds of services, plugins for Photoshop, software, etc. Something without which you cannot imagine your work.
Please don't use brain-and-hand sarcasm :)
Thank you!

Answer 1

No sarcasm, paper, pencil, scissors and glue even sometimes. Save a lot of time. For me personally, the brain → hand → pencil interface is the fastest and most flexible.
And then it depends on the team. If everyone has a Sketch, then a Sketch. If the frontend sits under Windows, then FSH. I liked the illustrator for a long time, because of the vector, but with the advent of the Sketch, this went away, although it is still more convenient for me to draw icons in it.
We have already written several times about invision, it is indispensable, especially for art director work and approvals. Well, it works great for graphics as well. There are also all sorts of https://webflow.com/ , it can be very convenient. Not always, not for everything, but when something simple, like landing pages, it greatly shortens development time.
In fact, drawing is all the same in what. What matters is what your specific front-ender can / can extract information from.

Answer 2

Web designers, where do you design websites and applications?

Answer 3

The main working tool on Mac is Sketch, on Windows it is Adobe Fireworks. I use Photoshop only for creating collages, banners and photo editing. The choice fell on these tools because it is convenient to draw multi-page interfaces in them, while you can use symbols and common styles, which speeds up subsequent design changes. We use the invision
service to create clickable interface layouts, collect and process comments during approvals, and store the history of design versions. Invision also stores the sources themselves, project fonts, sliced ​​illustrations, and icons. We use zeplin.io to give the Sketch sources to the layout designers on Windows .

Answer 4

Photoshop, Sketch -
invisionapp.com graphics, zeppelin - coworking, work presentation and task tracking
Trello -
DropBox task tracking, Git - version control, coworking and file backup
Skype, mail - voice communication / correspondence with clients, voice within the
Slack team, telegram - communication by correspondence within the team

Answer 5

Layouts in 99% of cases are made in PS, Sketch and AI (subjectively decreasing in popularity).
Fireworks took off a couple of years ago, but then this fashion quickly disappeared. I tried - there are certainly some pluses, but in aggregate I did not satisfy. Now only a few fans use it.

Answer 6

sketch + zeplin Smartly
done with minimum clicks, maximum layout creation speed.
Cons: customers stubbornly ask for psds (there are about 50/50 of them), which results in an extra 1-3 hours of time to transfer the layout.
Working with a raster is done in ps rather a plus, less superfluous in the layout
. We have to put up with jambs of zeplin, but the guys work quickly.
PS The
plus and minus is that everything was stuffed into it.
a lot of unnecessary actions, working with several layouts works with brakes (crits, periodically black screens).
Selecting and moving layers.. horror.
Pixel Fonts!! on the retina you have to either zoom or make a layout in x2

Answer 7

0. designer
1. any(!) graphic editor (my bundle: Corel+Photoshop)
2. any(!) layout program (mine: IDEA+Sublime)
3. any(!) localhost engine (IDEA+Denver)
4. search by tags "html\css" + "search\images > large\svg\gif\CC BY-SA 2.0"

Answer 8

can i design in illustrator? Is there a benefit to this and why? if a designer knows both photoshop and illustrator to a very good extent, then where is the best place to design? exactly the design to provide to the layout designer, what is the best way to implement it?