Даниил Удобный
16 июля 2015
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Я работаю дизайнером сайтов. Наиболее удобный инструмент для меня — Иллюстратор. Кроме меня в компании работает ещё четыре дизайнера, два из которых используют, как и я, Иллюстратор, один использует Фотошоп, последний — Фаерворкс.

Мы как лебедь, рак и щука: каждый тащит одеяло на себя, пытаясь убедить остальных работать в той или иной программе, а в это время в углу тихо плачет верстальщик и просит макет ПСД.

Как решить проблему и что делать с верстальщиком?


Даниил!

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

Я советую не издеваться над собой и коллегами, пусть каждый работает в той программе, которая ему больше нравится, а для общения используйте универсальный формат — ПНГ.

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

Чтобы избежать проблем с цветовыми профилями, унифицируйте настройки программ. Воспользуйтесь советом Дага Эйври о настройке Фотошопа в Дизайн-собаке.

Об обмене картинками
P. S. Это был совет об управлении проектами, людьми и собой. Присылайте вопросы.

P. P. S. Я проведу практический курс «Управление проектами, людьми и собой» 7, 8 и 9 апреля в Москве

 

Запись открыта до СБ 1 апр


Поделиться

Комментарии

Михаил Замкевич
16 июля 2015

Я привык собирать сайты в Индизайне. Когда пришёл на новое место работы, столкнулся с проблемой — над одним файлом могут работать сразу несколько человек. Естественно Индизайн никто не понял. Пришлось вернуться в Фотошоп. Стал как без рук. Сейчас готовлю лекцию для коллег о пользе Индизайна, буду убеждать на живых примерах.

Тимофей Чаптыков
16 июля 2015

Николай, кажется, ваш протокол не самый комфортный для верстальщика.

Из ПНГ невозможно скопировать текст, посмотреть используемый кегль или разрядку, взять параметры теней или градиентов. ПНГ, сохраненный из Иллюстратора ещё хуже: попасть в пиксельную сетку везде практически невозможно (дизайнеры тоже ошибаются). Соответственно, в ПНГ, будут мыльные границы блоков, бордюры. Попадание в такой макет — занятие долгое и неблагодарное.

Теоретически, экспорт ЦСС из Скетча, может частично решить такую проблему. Но лучше, когда верстальщик работает с исходным файлом.

Артур Бадретдинов
16 июля 2015

Я через Адоби Асетс извлекаю, вообще, удобная штука. Весь код не нужен, но все отступы до пикселя понятны. Ещё есть ПНГ Хэт и ЦСС Хэт — это модули для Фотошопа. Но Скетч реально удобный для вёрстки. Адобе у них взяли идею с воркбордами.

Дмитрий Кравчик
16 июля 2015

Только вот совет Дага Эйври — вредный и безграмотный :-)

Дмитрий Захаренков
17 июля 2015

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

Вариант, предложенный Николаем, предполагает, что дизайнеры хорошо понимают специфику, особенности и современные возможности вёрстки. И поэтому могут сразу нарезать все картинки в нужный размер и передать верстальщику вместе с макетом. И если у вас именно такой случай, то можно похвалить ваших дизайнеров. Но я сомневаюсь, что у вас нет пост-проверки со списками правок от дизайнеров, которые скрепя сердце, катают замечания «подвинуть на 10 пикселей вправо». Дизайнеры тратят время на двойные и тройные проверки, так же как и верстальщик, возвращаясь к доработкам одного и того же макета. В итоге удовольствия от работы мало, а результат все ощущают, как победу в крупном сражении…

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

Наши дизайнеры передают верстальщику только ПСД, хотя у него нет Фотошопа. Он сам определяет, какая картинка должна быть картинкой, а какая должна быть элементом стилей. И получает картинки в нужный размер и с подходящим качеством. Для этого верстальщик использует сервис от Адоби (хотя пару недель назад перешёл на другой инструмент).

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

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




Недавно всплыло

Столкнулся с проблемой, когда долго общаешься с клиентом, и потом выясняется, что его не устраивает порядок цен. Часть 1 2 Как написать заказчику, что я установлю модуль на его сайт после окончательной оплаты, и при этом не обидеть его? 2 Как создавался новый сайт бюро. Часть вторая 2 3