Сашко Бублиенко

Вот бесплатный email-курс «Профессиональные секреты UX» + бесплатная книга «7 главных принципов веб-дизайна»

Вот о построении дизайна страниц по модульной сетке (статья на укр,)

Вот, например, неплохой онлайн интенсив «UX дизайнер» jazov.com/p/prodesign/intensive

У автора есть и другие полезные курсы.

Возможно, тут найдете для себя немного ответов «Как улучшить рабочий процесс дизайнера».

Отрисовываются ручками две версии иконки 16х16 и 32х32 (для ретины) и потом «склеиваются» в один .ico файл, например, этим сервисом xiconeditor.com/. А браузер уже сам подставляет нужную в зависимости от типа экрана.

Свой набор веб-дизайнера:

Дизайнерское

• Разноцветные ручки + блокнот — для набросков идей. Причем независимо от задачи: логотип, прототип сайта, иконки...
  
• Axure – создание интерактивных прототипов.
  
• Photoshop – отрисовка макетов.
  
• Illustrator – иконки, логотипы и элементы корпоративного стиля (визитки, папки...).
  
• InDesign – брендбуки, презентации, инструкции. Т.е. «книжечки», где много информации.
  
• ColorShemerStudio – подбор гармоничных цветов.
  

Не совсем дизайнерское

• SVGO + ImageOPTIM – оптимизация соотв. SVG и PNG+Jpeg.
  
• Monotype SkyFonts – быстрый поиск и установка шрифтов GoogleFonts.
  

Не дизайнерское

• Dropbox – все рабочие проекты там. Не раз спасало от утери важных макетов.
  
• Trello – веду задачи
  
• Google Keep – заметки, идеи и списки правок і т.п.
  
• Monosnap – удобная скриншотилка. Очень часто использую для комментирования макетов.
  

Вот еще описаны принципы flat-дизайна (на укр.)

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

Дизайнер накосячил — нарисовал макет сайта под ретину. Весь веб должен рисоваться под обычное разрешение и только специальная графика (если нужно): иконки, иллюстрации рисуются либо в двух разрешениях (обычном и 2x) либо сразу в SVG. Ну и выше уже ответили, в зависимости от типа экрана в верстке подсовывать соотв. графику.