Где создавать макеты веб-дизайна?
===================================

 Приветствую.  
  

Долгое время рисовал макеты в фотошопе, потом от веб-дизайна я перешел к другой сфере деятельности (была более выгодна материально) и отстал от трендов лет на 6.   

Сейчас понемногу вовлекаюсь обратно и пока не нашел того приложения, где дизайн-макет будет удобно разрабатывать, а верстальщику его будет удобно обрабатывать.  
  

Как плюс приложения, рассматриваю использование шаблонов, удобного позиционирования элементов (вот это все есть в Muse), экспорт в пнг, минимум функционала.  
  

В чем рисуете вы? В чем вы получается макеты? С чем удобно работать верстальщику? А где макет быстрее всего создается и правится?  
  

Список того, что я рассматриваю, выскажу минусы:   
  

Фотошоп — избыточный функционал, трансформация объектов (попробуйте трансформировать скругленный прямоугольник) и направляющие (очень просто поставить направляющую между пикселями), верстальщики все больше плюются, как на сам формат, так и на излишний функционал  — очень часто сложно обойтись одним пнг, а покупать фотошоп, чтоб лишь открыть файл, не все хотят.  
  

Axure PR — вроде как только для отрисовки прототипов все используют, но для несложных макетов вроде годится.   
  

llustrator/CorelDRAW —векторные редакторы, всяких удобств, вроде центрирования, визуальных паддингов, удобной группировки и не так много, но, опять же, куча функционала который тут не пригодится.  
  

Adobe Muse — вроде как все хорошо, но выход только в html.  
  

Adobe InDesign — советуют для печати, а для веба-почему-то нет. Сам не пользовался.  
  

Adobe XD — больше походит на штуку для прототипирования, как использовать шаблонные вещи (общую для всех макетов шапку, например), я так и не нашел  
  

К срачу «x лучше y» не призываю.   

Жду советов, рекомендаций и мнений. 

 Photoshop, Sketch, Illustrator.  
  

Главное не забывайте про [требования к макетам](https://github.com/andrey-hohlov/psd-templates-requirements) (актуальны не только для psd). 

 Все просто, если есть мак, то однозначно решает [Sketch](https://www.sketchapp.com/), если в наличии только винда, то фотошоп наилучший выбор, просто так сложилось. 

 Да хоть в чем. Хоть в Paint.   

На самом деле обычно используют несколько программ в связке.   

Я бы посоветовал работать в таком порядке:  

1) Вооружившись цветными карандашами, создать на бумаге первый эскиз  

2) С помощью редактора векторной графики сделать первый макет из одного слоя по эскизу. Редактор подойдет любой мне лично нравится бесплатный Inkscape. Векторный потому что в нем рисовать сможет любой, возможно даже Павленский XD. В растре все таки уже нужны навыки, набитая рука и желательно графический планшет с сенсорным пером.  

3) Полученный векторный макет обрабатывается и нарезается на слои в фотошопе или гимпе. Так же прописываются образцы шрифтов, это важно. Если в фотошопе, то накладываются эффекты слоев.  

4) Полученная PSD скармливается Avocode и через него уже пишется CSS и HTML код. Так же можно воспользоваться Adobe Assets. Именно для этого и накладываются эффекты слоев и прописываются шрифты в фотошоп, а не в векторе.  

Де факто PSD является стандартом. 

 Adobe Fireworks   

16 лет пользуюсь )  
  

п.с. адобы казлы, что зарезали его 

 Мейнстрим рынка делят две софтины - Photoshop и Sketch.  

Небольшое, но заметное количество маргиналов использует Illustrator и Fireworks.  

Все прочие варианты занимают мизерные доли в пределах погрешности микроскопа, в который нужно на них смотреть.  

Adobe XD грозится ворваться на рынок чуть попозже, но пока что этого не случилось. 

 Если диз под заказ - фотошоп (скетч, по требованию)  

Сейчас полно инструментов для верстальщика для выдирания стилей из них  
  

Для своего проекта - сразу пилить прототип на хтмл-жс на базе бутстрапа или другого фреймворка  

А потом уже украшаться 

 90% макетов рисую в Иллюстраторе.  

Удобно — все страницы сайта сразу под рукой, не нужно включать/отключать слои. Объект захватить просто.  

10% в Фотошопе. Если в макете много специфичных иллюстраций, которые проще нарисовать в растре.  

В 2017 появились разные приятные мелочи касательно экспорта объектов и т.п.