Задать вопрос
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com

Каким образом создаётся единая концепция указанного на скрине дизайна?

Приветствую всех.

Вот есть экран со страницы:
5ae9c5f98eca5727401840.png
Как я понимаю, тут CSS+SVG вперемешку. При том, всё это с контролем света. Подскажите, это вот вручную подгоняется одно к другому (и в голове держится конечная концепция того, что должно получиться) или это может делать какой-то ЕДИНЫЙ инструмент?

Хотелось бы понимать, как создаются такие вещи, использующие корректные градиенты, правильный свет и изометрию (2.5D).

Прошу помощи в подсказке с указанием на нужное направление для изучения.
Спасибо!

UPD:Благодаря подсказке Алекс с названием редактора Gravit Designer и поиску на ютубе, я нашёл такой видео-урок. Пока, этот самый реальный вариант, на чём можно делать подобные вещи. Правда, все градиенты там ставятся вручную и нужно чётко понимать физику света (образование теней, отблесков и т.д.) для правильного выбора градиента.
  • Вопрос задан
  • 600 просмотров
Подписаться 4 Средний 7 комментариев
Ответ пользователя Михаил Проскурин К ответам на вопрос (5)
mixail_fet
@mixail_fet
Дизайнер веб-интерфейсов
Привет.
Если я правильно понял вопрос, и ты спрашиваешь, с помощью чего был создан итоговый макет, то тут, на первый взгляд, используется несколько инструментов:

1. Adobe Illustrator - для создания векторных иллюстраций
2. Adobe Photoshop - для обработки этих иллюстраций, и качественной теней и света
3. Adobe XD или Figma, или Sketch, для создание макета самого сайта и сбора всех картинок и иллюстраций.

Но это не панацея, тут можно использовать только Иллюстратор или только Фотошоп, но это будет менее эффективней.

Тебе нужно определиться, что именно ты хочешь? Создавать иллюстрации или делать макеты?
Ответ написан