С изобретением CSS3, должен ли веб-дизайнер использовать Photoshop?

Я вижу, что многие дизайнеры создают прекрасные работы по веб-дизайну в Photoshop, но теперь с появлением CSS3, когда они хотят изменить это на HTML и CSS, они просто начинают с нуля и создают что-то около 80% окончательного дизайна с использованием CSS3.

Например, они используют border-radius, непрозрачность, градиент фона, тень блока и тень текста, а также другие правила CSS3, чтобы получить то, что они создали в Photoshop. Много раз они импортируют только изображение из Photoshop, которое больше похоже на кисть, логотип или что-то в этом роде.

Мой вопрос заключается в том, должны ли веб-дизайнеры по-прежнему использовать Photoshop для создания чего-либо, из чего только 20% были бы им полезны?

Может ли веб-дизайнер создать весь дизайн непосредственно в HTML и CSS, не потрудившись добавить еще один средний слой создания дизайна в Photoshop, а затем просто создать оставшиеся элементы там?

Должен не согласиться со всеми. Photoshop не инструмент для разработки веб-сайта. Это инструмент для зарисовки веб-сайта. Веб-сайт должен по-прежнему создаваться в среде, в которой он находится, - как правило, CSS, HTML и JS.

Это не значит, что вы не используете Photoshop. Но вы, конечно, не должны.

Я большой поклонник того, чтобы никогда не показывать дизайн сайтов в фотошопе клиентам. Это не среда, в которой будет жить сайт. Композиции в Photoshop не дают возможности сообщать о взаимодействии, различиях между устройствами, особенностях браузера, кликабельности, отзывчивости и т. Д.

По общему признанию, в действительности, много времени вам все еще нужно показывать макеты JPG. Хорошо. Используйте Photoshop для этого. Но не надо тогда брать этот PSD-файл, нарезать его и нарезать кубиками на веб-сайте. Это имело смысл в 1999 году. Не так много сегодня. Вместо этого возьмите этот PSD и просто используйте его как руководство. Это примерно то, как должен выглядеть сайт, но следует учитывать тот факт, что он создается в CSS / HTML / JS и размещается по мере необходимости.

Итак, чтобы ответить на вопрос:

Может ли веб-дизайнер создать весь дизайн непосредственно в HTML и CSS, не потрудившись добавить еще один средний слой создания дизайна в Photoshop, а затем просто создать оставшиеся элементы там?

Да. Конечно, это можно сделать. Я видел это параллельно с дизайнерами PSD. Самая большая проблема с подходом PSD - это когда вы работаете в гибкой команде. Тяжелые файлы, используемые для документации (такие как PhotoShop), становятся довольно большим бременем для процесса Agile и в конечном итоге добавляют больше проблем, чем решают. Затем мы, как правило, работаем в обратном порядке ... мы рисуем в PS по мере необходимости, а затем проектируем и встраиваем HTML / CSS / JS. Когда нам нужно будет сделать быстрые визуальные обновления для собраний, мы просто сделаем снимок экрана с рабочей разметкой презентационного слоя, добавим ее в PhotoShop и быстро настроим.

** РЕДАКТИРОВАТЬ **

Новый клиент?

Абсолютно - если вы представляете дизайн для нового клиента / сайта. Мирянам, как правило, трудно понять, что у тебя в голове. Каркасы, чертежи и т. Д. Тоже не всегда обрезают это - поцарапайте это - они не обрезают это. Я слышу больше: «Я думал, что это будет делать X» от клиентов, когда все, что у них есть, это WF или эскиз, чем я, когда им дают макет с их логотипом, фотографиями, корпоративными шрифтами и пользовательским интерфейсом.

Любой другой сценарий:

Возможно, нет - если вы можете использовать существующий HTML / CSS / JS, который соответствует рабочим требованиям, или вы редактируете содержимое существующего клиента, вам будет лучше работать только в коде. Если нет, вы, вероятно, будете тратить огромное количество времени в Photoshop на очень небольшую отдачу. Есть такие случаи (например, как упоминалось @ DAO1), когда скриншот и настройка через Photoshop действительно могут ускорить процесс утверждения или выработки идеи, или три.

** конец **

Я говорю да -

Гораздо проще продавать свои дизайны (и гораздо быстрее создавать композиции) с визуальным эффектом, даже если он упрощен. Вот где PS наиболее полезен для моей работы.

Я также включаю слой с сеткой, чтобы видеть, как все расположено, и быстро перетаскивать их туда, где они мне нужны. Опять же, это помогает с акциями и запрошенными клиентом изменениями.

Если вы сохраняете библиотеку Photoshop для ваших обычно используемых элементов: векторные поля для ввода закругленных углов, сетка (и), поле «логотип идет сюда» ... все в слоях одного файла или нескольких файлов (на ваш выбор) - Вы сможете создавать домашние страницы и внутренние страницы за долю времени, которое требуется для их кодирования.

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

Можете ли вы гарантировать, что 100% ваших пользователей имеют браузеры, которые будут видеть ваш сайт именно так, как вы (или, что более важно, клиент) намерены его увидеть? Нет? Тогда какой процент? 90%? 80%?

Можете ли вы убедиться, что он хорошо работает, так что альтернативная версия, видимая оставшимися 10% (20%? 40%?), Является приемлемой?

Если одна или обе из этих проблем являются проблемой, вам нужен Photoshop.

Что нужно подумать:

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

• Для дизайнера, работающего на его работе, макетирование в Photoshop обычно выполняется быстрее и оправдано, так как вы не будете тратить целый день на взлом HTML и CSS3.

• Как вы упомянули, они могут делать 80% этого в CSS3, но тогда им в конечном итоге понадобится Photoshop.

• Я бы сказал, что вы отказываетесь делать макет в Photoshop, если вы дизайнер и разработчик, и это сэкономит время, в противном случае всегда делайте макет в Photoshop.