@RafisDesigner

Как правильно подготовить PSD-макет для экспорта в SVG?

SVG для верстальщика. Страницы сайта сделаны на отдельных монтажных областях, все в папках разложено. Но как подготовить для экспорта в SVG, чтобы макет адекватно смотрелся (обтравочные маски, текст). Подскажите, пожалуйста, новичку!

P.S. Не знаю, какую сложность вопроса выбрать, но наверное это элементарно для знающих)
  • Вопрос задан
  • 246 просмотров
Решения вопроса 1
@RafisDesigner Автор вопроса
Нашел ответ

Весь макет в SVG сдавать не надо. В SVG сдаются только логотип (лого+текст), иконки, не стандартные векторные фигуры (к примеру, прямоугольные, круглые сдавать в SVG не надо). Сдаются только кастомные.

Насчет обтравочных масок: сводишь фигуру и изображение в один слой и сдаешь как обычный растр, естественно, без SVG.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
mixail_fet
@mixail_fet Куратор тега Дизайн
Дизайнер веб-интерфейсов
Вообще, первый совет любому дизайнеру: перед тем как начинать отдавать макеты в верстку и продавать их клиенту, нужно на базовом уровне уже понимать CSS/HTML, потому, что кроме тонкостей "как передать работу верстальщику", есть еще очень много мелочей, не зная их, ваш макет всегда будет различаться с версткой.

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

Кроме того, используя такие инструменты как Figma, Adobe XD и Скетч, вы экономите себе очень много времени, так как все они, заточены узко под разработку интерфейсов, и все внутренние функции, ускоряют вам работу.

Ну и по поводу SVG для верстальщика:
1. Почему верстальщик просит вас сделать нарезку? Ему надо видеть отступы, сетку, размеры - это все делается через исходник, по этой логике, он должен сам нарезать все объекты.

2. SVG - это вектор, координаты, и кидать туда растровые изображения - не грамотно, все что от вас требуется, экспортировать векторные объекты в SVG, и то не все, желательно только иконки.

3. Посоветуйте вашему верстальщику Avacode, так он легко разберется с нарезкой вашего макета.
Ответ написан
iamd503
@iamd503
Верстальщик
Все векторные элементы (иконки, значки и т.д.) самому экспортнуть в папку и отдать верстальщику. Обтравочные маски и текст не экпортируется.
Ну и вообще, чтобы таких вопросов не было переходите в фигму, скетч, адоб xd
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
GXB Development Йошкар-Ола
от 60 000 до 160 000 руб.
Wetail AB Санкт-Петербург
от 90 000 до 160 000 руб.
08 дек. 2019, в 20:59
35000 руб./за проект
08 дек. 2019, в 20:49
1500 руб./за проект