Какими инструментами пользуются дизайнеры сайтов?

Question

[Дмитрий Иноземцев]

Здравствуйте, уважаемые дизайнеры!
Я бы хотел задать вам такой вопрос: какими инструментами вы пользуетесь при разработке дизайна и интерфейсов? Под инструментами я понимаю всевозможные сервисы, плагины к Фотошопу, софт и т.д. То, без чего вы не мыслите свою работу.
Пожалуйста, не надо сарказма типа "мозг и руки" :)
Спасибо!

Answer 1

[Дарья Евгеньевна]

Без сарказма, бумага, карндаш, ножницы и клей даже иногда. Экономят кучу времени. Лично для меня интерфейс мозг → рука → карандаш самый быстрый и самый гибкий.

А дальше уже зависит от команды. Если у всех Скетч, то Скетч. Если фронтенд под виндой сидит, то ФШ. Мне долго был мил иллюстратор, из-за векторности, но с появлением Скетча это прошло, хотя иконки в нём мне удобней рисовать до сих пор.
Уже написали несколько раз про инвижн, он незаменим, особенно для арт-директорской работы и согласований. Ну и он как тудушка для графики отлично работает. Еще есть всякие https://webflow.com/, бывает очень удобно. Не всегда, не для всего, но когда что-то простое, вроде лендингов, то сильно укорачивает время разработки.

По-факту рисовать всё равно в чём. Важно из чего ваш конкретный фронтэндер умеет/может извлекать информацию.

Answer 2

[Нерон Лордов]

Веб-дизайнеры, где вы делаете дизайн сайтов и приложений?

Comments

[Дмитрий Иноземцев]

Спасибо. Это в тему, хотя и не ответ на вопрос.

[globuzer]

Дмитрий Март: ответы интересны и тут и там

Answer 3

[Павел Радьков]

Основной рабочий инструмент на Маке это Sketch, на Винде — Adobe Fireworks. Photoshop использую только для создания коллажей, баннеров и обработки фотографий. Выбор пал на эти инструменты потому, что в них удобно рисовать многостраничные интерфейсы, при этом можно использовать символы и общие стили, что ускоряет последующие правки дизайна.

Сервис invision используем для создания кликабельных макетов интерфейсов, сбора и обработки комментариев при согласованиях, для хранения истории версий дизайна. Также в invision хранятся сами исходники, шрифты проекта, нарезанные иллюстрации, иконки.

Чтобы отдавать исходники Скетча верстальщикам на Винде используем zeplin.io.

Answer 4

[Вячеслав]

Photoshop, Sketch — графика
invisionapp.com, zeppelin — коворкинг, презентация работы и трекинг задач
Trello — трекинг задач
DropBox, Git — контроль версий, коворкинг и бекап файлов
Skype, почта — общение голосом/переписка с клиентами, голосом внутри команды
Slack, telegram — общение перепиской внутри команды

Comments

[globuzer]

Adobe Illustrator? Adobe Fireworks? Axure Pro? - вообще вами не используются? хотя бы кем-то из команды?

[williamstark]

globuzer: Я ни AI, ни Fw, ни Axure не использую. Вполне хватает Ps и тетради с карандашом.

[Вячеслав]

Я люстру использую очень редко, только если что-то исходное подправить векторное, что собираюсь запихнуть в PSD.

[Вячеслав]

Fireworks — никогда не работал.

[Вячеслав]

Акусура... Нет, во-первых мы не прототипируем проекты вообще. Мы стараемся работать с максимальной выработкой и не обязательно максимальной проработкой на начальных стадиях разработки дизайна. А вопрос актуализации макетов, смену и ворочение стилистики по ходу разработки выполняем за счет различных методов автоматизации работы. Т.е. стараемся работать так, что бы на смену стилистики при сохранении логики (бывают принимаются такие решения в ходе разработки), например, 80и экранного приложения, в случае необходимости, у нас уходило не больше одного рабочего дня.

[Вячеслав]

Почему не прототипируем? Потому что считаю, что UI, UX, стилистика — это три вещи, которые идут в работе параллельно и влияют друг на друга. Рассматривая каждую часть по отдельности мы можем автоматизировать, безусловно работу до предела, но не факт что стоимость разработки при этом снизится, а готовый продукт будет наилучшим решением из тех, которые могли бы быть рассмотрены при комплексном подходе. Короче мы привыкли так и это дает результаты + повышает конкурентноспособность.

[Вячеслав]

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

[Вячеслав]

Возможно если мы бы работали в формате классической студии, у нас бы был отдельный человек, который занимался бы прототипированием типовых решений. Но мы занимаемся разработкой не типовых решений, а типовые и так знаем как свои пять пальцев и можем полагаться на опыт во время работы и справляться с теми вещами от которых обычно страхует прототипирование.

Answer 5

[dom1n1k]

Макеты в 99% случаев делаются в PS, Sketch и AI (по субъективному убыванию популярности).
Пару-тройку лет назад наблюдался взлёт Fireworks, но потом эта мода быстро сошла. Я пробовал - безусловно есть некоторые плюсы, но по совокупности не удовлетворил. Сейчас им пользуются только единицы фанатов.

Answer 6

[Antony Bark]

0. дизайнер
1. любой(!) графический редактор (моя связка: Corel+Photoshop)
2. любая(!) верстальная программа (мои: IDEA+Sublime)
3. любой(!) движок localhost (IDEA+Denver)
4. поиск по тегам "html\css" + "поиск\картинки > большие\svg\gif\CC BY-SA 2.0"

Answer 7

[globuzer]

можно ли делать дизайн в иллюстраторе? есть ли в этом плюс и почему? если дизайнер владеет и фотошопом и иллюстратором в очень хорошем объеме, то где лучше делать дизайн? именно дизайн для предоставления верстальщику, в чем лучше реализовать?