😎 🤔🤔🤔
Немного музыки, немного ритма
Есть в музыке такие чудные понятия: прима, секунда, терция, кварта, квинта, секста, септима, октава. Это интервалы: «расстояния» между двумя звуками. Измеряются в ступенях и тонах. Например, прима — интервал между одинаковыми звуками, 1:1. Сыграли одну ноту дважды — это прима. А терция — интервал через одну ноту включительно, например, до → ре → ми, т.е. терция «до-ми». Терция может быть малая (три полутона) и большая (четыре полутона).
Это я по простому объясняю, а если хотите по сложному — контакты моего чудо-учителя по гитаре оставлю в конце.
Так, к чему это я?
К тому, что пришло время добавить в дизайн немного музыки.
Терция и кварта — это два идеальных способа заложить размерную систему в дизайн.
Возьмем на примере типографику проекта
1️⃣ Большая терция (5:4=1.25)
Если ваш главный заголовок 38px, то далее по сетке:
• Подзаголовок: 38 ÷ 1.25 ≈ 30px
• Крупный текст (лид, акцент): 30 ÷ 1.25 ≈ 24px
• Основной текст: 24 ÷ 1.25 ≈ 19px (можно округлить до 18px)
• Дополнительный текст (мелкие элементы, подписи): 19 ÷ 1.25 ≈ 15px
2️⃣ Чистая кварта (4:3=1.33)
Если основной заголовок 38px, то:
• Подзаголовок: 38 ÷ 1.33 ≈ 29px
• Лид-текст: 29 ÷ 1.33 ≈ 22px
• Основной текст: 22 ÷ 1.33 ≈ 16px
• Подписи и второстепенные элементы: 16 ÷ 1.33 ≈ 12px
И подходят они соответственно:
1.25 (терция) → более компактная и плотная типографика, подходит для мобилок и страниц с высоким загрузом инфы.
1.33 (кварта) → более воздушная и свободная типографика, хороша для лэндосов, длинного чтения, минимализма.
Почему берём только терции и кварты? Прима — просто 1:1, сдвига нет. У секунды сдвиг минимальный. А все, что выше кварты раскидает нам интервалы так, что заголовок будет 38px, а обычный текст 6. И это мы еще базовый интерлиньяж не заложили (а его кстати тоже спокойно раскидать по той же системе). Короче, терция и кварта, и всё тут.
Надо сказать, что брать каждую терцию и кварту от базового размера не стоит, вы же должны понимать ценность каждого стиля внутри вашего проекта.
Тем не менее, закладывать в переменные (или стили) значения терциями и квартами крайне удобно.
В этом всём мне нравится сама идея ритма: он символично чётко выполняет свои функции как в музыке, так и в дизайне. А ещё это просто удобно и красиво звучит.
За ценнейшую инфу спасибо мастерице по гитаре и муз
ыке Анжелике, яро рекомендую, как учит она — не учит никто 🔥
2️⃣2️⃣6️⃣
#мюсли@denyadumaet