Size: a a a

Дизайн-чат

2021 February 07

А

Алексей in Дизайн-чат
Да )
источник

VR

Vel Rabe in Дизайн-чат
Приветик всем, у меня в фигме текст на 315px, в браузере он при тех же свойствах не влезает в 320px

Подскажите, пожалуйста, как это фиксят? Просто уменьшают летер спэйсинг или какие-то другие настройки нужно ковырять? Или в фигме можно изменить способ отображения?
источник

VR

Vel Rabe in Дизайн-чат
источник

SM

Sergey Masalsky in Дизайн-чат
Размер шрифта делают адаптивным
источник

VR

Vel Rabe in Дизайн-чат
Sergey Masalsky
Размер шрифта делают адаптивным
А размер шрифта тут при чём?.. Если у меня в фигме размер шрифта 18px и при верстке я аналогичный указываю, у меня межбуквенное расстояние (наверное) в браузере скачет.. вот вопрос в том как это пофиксить, или как это учитывают при создании макета
источник

SM

Sergey Masalsky in Дизайн-чат
Vel Rabe
А размер шрифта тут при чём?.. Если у меня в фигме размер шрифта 18px и при верстке я аналогичный указываю, у меня межбуквенное расстояние (наверное) в браузере скачет.. вот вопрос в том как это пофиксить, или как это учитывают при создании макета
При верстке шрифт указывают в em, чтоб он был адаптивный при разных экранах, погугли чтоб разбираться.)
источник

ЮЗ

Юрий Зеленковский... in Дизайн-чат
Vel Rabe
А размер шрифта тут при чём?.. Если у меня в фигме размер шрифта 18px и при верстке я аналогичный указываю, у меня межбуквенное расстояние (наверное) в браузере скачет.. вот вопрос в том как это пофиксить, или как это учитывают при создании макета
В CSS измени свойство «letter-spacing».
источник

SM

Sergey Masalsky in Дизайн-чат
Юрий Зеленковский
В CSS измени свойство «letter-spacing».
Чисто джуны версталы в тильду макеты переносят.)
источник

VR

Vel Rabe in Дизайн-чат
Sergey Masalsky
При верстке шрифт указывают в em, чтоб он был адаптивный при разных экранах, погугли чтоб разбираться.)
Я почитал, но всё равно не понимаю, как мне это поможет. Попробовал использовать аналог 18px — 1.125em вышло то же самое.
источник

SM

Sergey Masalsky in Дизайн-чат
Vel Rabe
Я почитал, но всё равно не понимаю, как мне это поможет. Попробовал использовать аналог 18px — 1.125em вышло то же самое.
Недостаточно просто указать для этого один размер шрифта, забей кароче
источник

VR

Vel Rabe in Дизайн-чат
Юрий Зеленковский
В CSS измени свойство «letter-spacing».
Полагаю, что это не единственный вариант добиться соответствия результата в барузере и в макете, это я и сам допёр. А вот с em не понимаю...
источник

S

Shustry in Дизайн-чат
Vel Rabe
Я почитал, но всё равно не понимаю, как мне это поможет. Попробовал использовать аналог 18px — 1.125em вышло то же самое.
Никак тебе это не поможет, если размер шрифта одинаковый, а отображение разное. Сперва я бы попробовал юзать в фигме ту же версию шрифта, что и на сайта. Если не поможет, то компенсировать отрицательным трекингом в дизайне.
источник

VR

Vel Rabe in Дизайн-чат
Shustry
Никак тебе это не поможет, если размер шрифта одинаковый, а отображение разное. Сперва я бы попробовал юзать в фигме ту же версию шрифта, что и на сайта. Если не поможет, то компенсировать отрицательным трекингом в дизайне.
Спасибо. В фигме вроде из библиотеки гугл берётся шрифт, к сайту с неё же подключен.

Жаль, конечно, мб в фигме можно способ отображения изменить?

UPD: Каким-то чудом у меня оказалась другая версия шрифта с другим отображением
источник

SM

Sergey Masalsky in Дизайн-чат
Vel Rabe
Полагаю, что это не единственный вариант добиться соответствия результата в барузере и в макете, это я и сам допёр. А вот с em не понимаю...
Кароче про em, я тебе лишнего сказал, ошибочка вышла.
источник

VR

Vel Rabe in Дизайн-чат
letter-spacing: -0.015em

Дал идеальный результат) А вообще странно почему так происходит, ох уж эти браузеры
источник

МБ

Максим Боталов... in Дизайн-чат
Ребята, кто шарит за наименования макбуков еир? Сори что не по теме)

Вопрос: чем отличается это наименование mgn63 от других более дешёвых
источник

МБ

Максим Боталов... in Дизайн-чат
Артикулах*
источник

НМ

Николай Михалёв... in Дизайн-чат
Коллеги, всем доброго вечера! 🙂

Порекомендуйте, пожалуйста, материалы по АЕ и анимации в фигме. Интересует последовательный курс/плейлист. Буду признателен как и видикам с ютьюбе, так и рекомендациям на полноценные курсы школ/преподавателей 🙏
источник
2021 February 08

В

Валерий in Дизайн-чат
Как можно улучшить визуал? Смущает верхняя часть, будто бы очень пусто и чего-то не хватает и недостаточно
источник

E

Eugene.ru in Дизайн-чат
Тонкие полупрозачные линии между блоками
источник