Как создавать сайты в фотошоп?

Question

[yalyublyusyr]

Интересует именно техническая, если ее можно так назвать, часть. Как делать сайт? В каком виде/формате это вообще сдавать заказчику?
Нужны ссылки на статьи по этой теме или посоветуйте каналы на Ютубе, обучающие

Comments

[Сергей Карбивничий]

Ищите на YouTube ХаудиХо, он за 30 минут вас научит(конкурентов будет меньше)

[n1ksON]

Фотошоп уже устарел и не имеет необходимых удобств. Лучше используйте Figma или Zeplin.

[yalyublyusyr]

n1ksON, я извиняюсь, но откуда такая информация? Листал сайты фриланса и там много где задания типа «отрисовать сайт в фотошопе»

[n1ksON]

yalyublyusyr, из опыта) последний проект из фотошопа верстал года 2 назад

[Рустам Байназаров]

yalyublyusyr, уже несколько лет Photoshop — для обработки графики, Figma и т. д. для создания макетов сайтов, приложений UX/UI. В принципе, если вы нормальный специалист, то хоть в Illustrator делайте макеты. Просто в Figma это удобнее, она для этого предназначена, кроме того, облегчает командную работу, не говоря уже о создании UI Kit'ов и т. д.

А в ТЗ вы и не то увидите. Большинство людей до сих пор мониторы называют компьютерами.

[Merry Cay]

yalyublyusyr, такие заголовки пишут деды

[Евгений Голубев]

Merry Cay, мдэээ..... Нарисуй СРА лендос в фигме?!

Или:


Кто бы там что не говорил, но фигма это софт исключительно под интерфейс. Который конечно есть у сайтов. Но графика там тоже есть. И если уж надо рисовать сайт с графикой, то нет никакого смысла гонять графику из фш в фигму, т.к на правках просто заманаешься. (На картинке все собрано с нуля, абсолютно все. Даже тени фруктов)

[Merry Cay]

Евгений Голубев, не понимаю в чем проблема нарисовать в фигме ленд который ты прикрепил, пусть и с перегоном графики из фш/иллюстратора.
Почему я никогда не променяю фигму на фотошоп:
1)В фигме хотя бы можно не *баться с сеткой, которая в фотошопе теряется среди множества слоев.
2)В фигме гораздо легче делать адаптацию, меньше работы.
3) макет из фигмы доступен по ссылке (!). память не засирается
4) инструменты для командной работы и комментарии
5) понятный интерфейс, css по клику смотришь
6) прототипирование без сторонних программ
7) по одному клику можешь поскроллить макет как сайт
8) нет ситуации как с фотошопом, когда ты делал дизайн в фш 2018 года, а у того, кому понадобится глянуть макет, фш 14 года и он у него просто не открывается

[Евгений Голубев]

Merry Cay, Ну вроде конечно не проблема. Но когда ты перебираешь десятки вариантов картинок, каждый из которых надо отредактировать (цвета/обтравка и тд) - перегон их туда сюда начинает напрягать.

не понимаю в чем проблема нарисовать в фигме ленд который ты прикрепил, пусть и с перегоном графики из фш/иллюстратора.

Но по факту то он будет сделан в фш, а не в фигме.

В фигме хотя бы можно не *баться с сеткой, которая в фотошопе теряется среди множества слоев.

Сетка в фш - это просто направляющие которые лежат поверх. Это не слои. Как ее можно потерять - одному тебе известно.

понятный интерфейс, css по клику смотришь

Css аналогично можешь и в фш смотреть.

по одному клику можешь поскроллить макет как сайт

Что прости?!

нет ситуации как с фотошопом, когда ты делал дизайн в фш 2018 года, а у того, кому понадобится глянуть макет, фш 14 года и он у него просто не открывается

проблема дедов с версиями программ лохматых годов была, есть и будет всегда. И не только с фш.

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

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

С нуля в фигме макет как на моем скрине ты не сделаешь хоть убейся. А смысл делать сначала там, а доделывать там..

Официальное определение Figma:
Онлайн-сервис для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени.

Рустам Байназаров правильно подметил: В принципе, если вы нормальный специалист, то хоть в Illustrator делайте макеты.

Я хоть в кореле сайт нарисую. Только зачем?!

Итог:
Не надо сравнивать мокрое с теплым.

+ добавим к этому тот факт, что если ты умеешь работать в фш с сайтами - ты умеешь работать со всем: С баннерами, промо, гифками, полиграфией, сайтами. Со всем. А если ты работаешь в фигма?
Просто щас мода упрощения пошла. Каждый второй рисует какой-нить material или flat сайт и думает что он уникален. А как на дрибл зайдешь - все такие "уникальные". Встает вопрос добавления графики - просак. Думайте.
Чем больше инструментов ты знаешь - тем выше твоя цена.

Лично я работаю в:
Фотошоп (Тут можно и сайт сделать, и баннер, и гиф, и видео, и даже мальца 3д)
Иллюстратор
Корел
Премьер
Афтер Эффектс
Лайтрум
Фигма
Файнлкат
Синема4д
Блендер

И везде могу нарисовать тебе сайт, тока зачем :D

Answer 1

[Ernest Faizullin]

В фотошопе нельзя создать сайт,

только макет сайта

Answer 2

[Пума Тайланд]

просто его рисуешь чувак
прямо так в псд и сдаешь

Answer 3

[Макар]

если макет, то просто нарисоваться что б каждый элемент можно было сохранить потом для верстки