Как правильно сверстать логотип?

Question

[OGuman]

Есть логотип в макете Figma, каждая буква которого - отдельный вектор. Как правильно сверстать: целиком экспортировать логотип или по частям?

Comments

[Ankhena]

Целиком, конечно, в одну SVG.
Разве что потребуется разделить значок и текст, тогда две SVG.

[Sergei Nazarenko]

Ankhena, не нужно ничего разделять они и так будут разделены одного SVG будет достаточно.

[Ankhena]

Sergei Nazarenko, ну, мне не так хорошо видно макет автора и что там в адаптиве, как вам

[Sergei Nazarenko]

Ankhena, Ну как бы SVG - это набор векторов и можно внутри одного SVG разделить какой-то монолитный вектор если нужно какой то динамики, а не городить 3500 файлов - это плохая идея

[Ankhena]

Sergei Nazarenko, да, вы можете попробовать применять флексы внутри SVG.
Но ещё нужно помнить о том, что логотип это ссылка. И совсем не всегда нужно, чтобы пространство между знаком и текстовой частью было кликабельным.

[Sergei Nazarenko]

Ankhena, Вот так можно обернуть в ссылку прям в самом svg совершенно любой вектор
ЗЫЖ и позиционируется оно там тоже достаточно все легко и непринужденною

[Sergei Nazarenko]

Ankhena, не когда оно логически не связано тогда да, не спорю, но в данном случае считаю не целесообразным разделять на два отдельных svg

[Ankhena]

Sergei Nazarenko, о боже....
Я написала, что если не нужно разделения, то в одну.
Если нужно разделить, то в две.

Что вы мне пытаетесь доказать?
Вы видите полностью макет автора? Я нет.

И учитывайте, что вопросы с ответами нужны не только конкретному спрашивающему, но и другим людям с аналогичной проблемой. Соответственно, могут быть нюансы. О которых я и написала.

[Sergei Nazarenko]

Ankhena, Я вам ничего не пытаюсь доказать, всего лишь дополнил ваш ответ. Вот именно, что новичкам полезно и полезно знать что svg можно вертеть как угодно. А то как бы с дуру ума можно и каждую букву отдельным SVG заверстать и получится нефиговая такая портянка.

Answer 1

[Александр]

Самый лучший вариант, как мне кажется, сгруппировать все векторы и экспортировать SVG.

Comments

[Сергей delphinpro]

Это единственный нормальный вариант =)

Вам бы пришло в голову верстать каждый символ отдельной картинкой?

[Александр]

Сергей delphinpro, нет, но к сожалению очень часто вижу использование PNG в проектах, прошу потом дизайнеров в SVG отдавать такие вещи.