Дизайн, сделанный в Photoshop

Периодически к нам в студию приходят заказчики с готовым дизайном, сделанным в Photoshop. Запрос у всех примерно одинаковый: «У меня готов дизайн в Photoshop. Зачем вы в смете указываете этап дизайна? Он же готов».

Первое, что мы спрашиваем: «А вы хотя бы раз слышали о Figma?» Ответ чаще отрицательный. Мало кто из клиентов знаком с этим редактором и знает о его возможностях. А зря. Потому что прежде чем объяснить заказчику, почему мы не работаем с Photoshop, нужно рассказать о Figma. И многие вопросы после этого разрешатся сами собой.

Итак, Figma — современный инструмент, который был создан в 2016 году специально для веб-дизайна. Он достаточно быстро завоевал любовь дизайнеров, да и вообще всех тех, кто связан с разработкой. А все потому что:

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

Правда, работает она только онлайн и требует стабильного и быстрого интернета. Аккаунты в редакторе платные. Figma была создана специально для веб-разработки, и, несмотря на свои незначительные недостатки, существенно ускоряет и упрощает работу всей команды.

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

• В нем неудобно адаптировать дизайн под разные устройства (мобильные, планшеты, десктопы).
• Отсутствует интерактивность. Невозможно заранее показать, как будет работать сайт, как будут вести себя кнопки или выпадающее меню.
• Возникают сложности для командной работы. Чтобы внести правки, нужно пересылать файлы туда-сюда, а это неудобно и долго.
• Photoshop очень тяжелый и бывает что тормозит даже очень мощный компьютер.

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

Поэтому когда заказчик приносит дизайн в Photoshop, мы не можем просто взять его и сразу «оживить». Для дальнейшей работы нам нужно:

1. Перенести его в Figma, чтобы адаптировать под веб-реальность и облегчить коммуникацию всей команде.
2. Убедиться, что дизайн соответствует современным стандартам UX/UI, все элементы логично связаны между собой и создают удобный пользовательский опыт.
3. Подготовить дизайн таким образом, чтобы разработчики могли легко и без ошибок перенести его в код.

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

Однако мы считаем, что за разработкой лучше сразу обращаться к профессионалам и заказывать проекты под ключ. Это поможет избежать неприятных сюрпризов в виде увеличения сметы и дополнительных расходов. Например, мы, веб-студия «Кибер-Невод» готовы предложить вам комплекс услуг: не только разработаем и запустим ваш проект, но и расскажем, как правильно принимать прототипы в Figma, а также поделимся полезными советами по дальнейшей поддержке и продвижению вашего проекта.