Size: a a a

Дизайн-чат

2020 October 06

И

Илья in Дизайн-чат
æ
о каких сетках и модульных расстояних можно говорить?

ситуация усугубляется тем, что текстовые фреймы меняются с размером шрифта. мало того 8px это не 8px, так это еще не постоянная величина.
Я могу ошибаться, но разве это не задача другого порядка, когда уже в коде надо указать отступы текстовым элементами так, чтобы они соответствовали тому что в верстке? Делая макет мы ориентируемся не на размеры рамки вокруг текста, а по базовой линии, но это же только для дизайнера направляющие
источник

æ

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

И

Илья in Дизайн-чат
Горизонтальные направляющие сетки нужны именно для работы в графическом редакторе, и мы ставим шрифты по базовой линии чисто чтобы спозиционировать элемент.
Получившийся отступ от соседних элементов — вот эта информация важна для верстки, и указывая именно его в css не возникает необходимости в вышеописанных костылях.
Одно время фигма как раз вводила изменится в отображение размеров текстовых элементов, чтобы они соответствовали тем что в реальной верстке будут
источник

И

Илья in Дизайн-чат
Сложный вопрос, но описал как мог, сорри если что
источник

Y

Yulia in Дизайн-чат
æ
решение
о вот это выглядит как решение походу возможно..
я просто работаю с другим дизайнером и она меня озадачила этими BAseline, говорит в скетче есть а в фигме нет что же делать 😂
источник

æ

æ in Дизайн-чат
Yulia
о вот это выглядит как решение походу возможно..
я просто работаю с другим дизайнером и она меня озадачила этими BAseline, говорит в скетче есть а в фигме нет что же делать 😂
Не знаю как это может помочь. Baseline вообще базовая линия шрифта, поэтому я не понял сначала о чем речь. Нмв, это может вызвать сложность в верстке книги. Но вестальщику в обычном проекте можно словами сказать — вот это сделай таким-то атрибутом.
источник

Y

Yulia in Дизайн-чат
Илья
Горизонтальные направляющие сетки нужны именно для работы в графическом редакторе, и мы ставим шрифты по базовой линии чисто чтобы спозиционировать элемент.
Получившийся отступ от соседних элементов — вот эта информация важна для верстки, и указывая именно его в css не возникает необходимости в вышеописанных костылях.
Одно время фигма как раз вводила изменится в отображение размеров текстовых элементов, чтобы они соответствовали тем что в реальной верстке будут
дело в том что это растояние всегда будет разное. а когда делается огромный продукт это вообще кривое решение получается(

такой набор стилей может иметь в себе 100 разных расстояний
источник

æ

æ in Дизайн-чат
Илья
Горизонтальные направляющие сетки нужны именно для работы в графическом редакторе, и мы ставим шрифты по базовой линии чисто чтобы спозиционировать элемент.
Получившийся отступ от соседних элементов — вот эта информация важна для верстки, и указывая именно его в css не возникает необходимости в вышеописанных костылях.
Одно время фигма как раз вводила изменится в отображение размеров текстовых элементов, чтобы они соответствовали тем что в реальной верстке будут
Вы кажется верстальщик или имеете опыт в верстке? Это взгляд программиста.
источник

И

Илья in Дизайн-чат
Yulia
дело в том что это растояние всегда будет разное. а когда делается огромный продукт это вообще кривое решение получается(

такой набор стилей может иметь в себе 100 разных расстояний
Надо обдумать. Для самого процесса дизайна пока вижу что это не принципиально, для верстки удобно. А вообще в фигме есть базовые линии, это не вопрос
источник

æ

æ in Дизайн-чат
Илья
Горизонтальные направляющие сетки нужны именно для работы в графическом редакторе, и мы ставим шрифты по базовой линии чисто чтобы спозиционировать элемент.
Получившийся отступ от соседних элементов — вот эта информация важна для верстки, и указывая именно его в css не возникает необходимости в вышеописанных костылях.
Одно время фигма как раз вводила изменится в отображение размеров текстовых элементов, чтобы они соответствовали тем что в реальной верстке будут
Сетка метод сделать макет менее шумным, чем меньше случайных элементов: цветов, шрифтов, расстояний, тем чище воспринимается дизайн.

Вот этот текстовый фрейм (который больше размера буквы), который вносил свое собсвтенное расстояние в мир цифрового дизана — наследие свинцовой площадки докмопьютерной эры. От него давно было пора избавиться.

Костыль это когда приходится отмерять расстояние не до того, как это будет на экрана у пользователя, а неким виртуальным величинам несуществующего прошлого.
источник

Y

Yulia in Дизайн-чат
Илья
Надо обдумать. Для самого процесса дизайна пока вижу что это не принципиально, для верстки удобно. А вообще в фигме есть базовые линии, это не вопрос
где?) они есть и они одни, их. выбора как в скетче нет
источник

И

Илья in Дизайн-чат
æ
Вы кажется верстальщик или имеете опыт в верстке? Это взгляд программиста.
Опыт есть, но я именно дизайнер. Я часто работаю со сложными системами и надо понимать технические ограничения, прежде чем показывать макеты)
источник

И

Илья in Дизайн-чат
Yulia
где?) они есть и они одни, их. выбора как в скетче нет
В настройках текстового элемента, с телефона не могу скриншот скинуть, извини
источник

Y

Yulia in Дизайн-чат
Илья
В настройках текстового элемента, с телефона не могу скриншот скинуть, извини
но там этого нет
либо ты не за baseline говоришь
источник

И

Илья in Дизайн-чат
æ
Сетка метод сделать макет менее шумным, чем меньше случайных элементов: цветов, шрифтов, расстояний, тем чище воспринимается дизайн.

Вот этот текстовый фрейм (который больше размера буквы), который вносил свое собсвтенное расстояние в мир цифрового дизана — наследие свинцовой площадки докмопьютерной эры. От него давно было пора избавиться.

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

æ

æ in Дизайн-чат
Илья
-) спасибо за экскурс!)
Да, это костыль, но надо же как-то с этим жить))
Уже можно его выбросить. Использовать это свойство или нет каждый решает сам, все работают с разной точнотью. Могу только сказать, что не использование обессмысливает 8-px-сетку в принципе.
источник

Y

Yulia in Дизайн-чат
æ
Уже можно его выбросить. Использовать это свойство или нет каждый решает сам, все работают с разной точнотью. Могу только сказать, что не использование обессмысливает 8-px-сетку в принципе.
по моему это ок костыль если фрейм будет по сетке и делится на 4 или на 8
источник

И

Илья in Дизайн-чат
Yulia
по моему это ок костыль если фрейм будет по сетке и делится на 4 или на 8
+ ну как-то же гайды material живут с этим и ничего...)
источник

æ

æ in Дизайн-чат
Yulia
по моему это ок костыль если фрейм будет по сетке и делится на 4 или на 8
во-первых, ты не знаешь насколько он делится, во-вторых, размеры все время разные
источник

Y

Yulia in Дизайн-чат
æ
во-первых, ты не знаешь насколько он делится, во-вторых, размеры все время разные
так если задать Line Height 24рх для шрифта в 14рх  либо загнать его во фрейм (это если текст в 1 строку)
источник