Я вижу, что многие дизайнеры создают прекрасные работы по веб-дизайну в 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 и размещается по мере необходимости.
Итак, чтобы ответить на вопрос:
Да. Конечно, это можно сделать. Я видел это параллельно с дизайнерами 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.
источник