Grid System Library
26 бесплатных шаблонов сеток для iOS, Android и Bootstrap. Мобильные, планшетные, настольные. Форматы .sketch, .psd, .fig, .ai, .xd. Бесплатно.
http://grid.kkuistore.com
#awd_tool #awd_grid
26 бесплатных шаблонов сеток для iOS, Android и Bootstrap. Мобильные, планшетные, настольные. Форматы .sketch, .psd, .fig, .ai, .xd. Бесплатно.
http://grid.kkuistore.com
#awd_tool #awd_grid
Golden Ratio Typography (GRT) Calculator
Пополнение в коллекции калькуляторов, помогающих в разработке гармоничной и цельной системы типографики проекта.
Вы вводите размер базового текста, ширину строки и выбираете шрифт из Google Fonts. На выходе получаете:
— систему из пяти размеров шрифта и высот строк для параграфов, заголовков и подписей
— систему из пяти размеров вертикальных отступов
— большую демо-страницу
— CSS этой системы
В расчётах используется «золотое сечение». И как бы многие не критиковали это соотношение, варианты, которые предлагает калькулятор, довольно гармоничные.
https://grtcalculator.com
Другие калькуляторы типографики:
— Gridlover.net. Более гибкий, много вариантов коэффициентов, нет выбора разных шрифтов
— ArchetypeApp.com. Можно выбирать шрифты, вручную настраивать базовый коэффициент и высоту строк. Результаты на мой вкус похуже, чем у предыдущего.
И бонусом калькуляторы вертикальной модульной сетки:
— Grid.Guide
— Grid Calculator
— Grid System Library. Не калькулятор, но 26 бесплатных шаблонов сеток для iOS, Android и Bootstrap. Мобильные, планшетные, настольные.
#awd_tool #awd_typo #awd_grid
Пополнение в коллекции калькуляторов, помогающих в разработке гармоничной и цельной системы типографики проекта.
Вы вводите размер базового текста, ширину строки и выбираете шрифт из Google Fonts. На выходе получаете:
— систему из пяти размеров шрифта и высот строк для параграфов, заголовков и подписей
— систему из пяти размеров вертикальных отступов
— большую демо-страницу
— CSS этой системы
В расчётах используется «золотое сечение». И как бы многие не критиковали это соотношение, варианты, которые предлагает калькулятор, довольно гармоничные.
https://grtcalculator.com
Другие калькуляторы типографики:
— Gridlover.net. Более гибкий, много вариантов коэффициентов, нет выбора разных шрифтов
— ArchetypeApp.com. Можно выбирать шрифты, вручную настраивать базовый коэффициент и высоту строк. Результаты на мой вкус похуже, чем у предыдущего.
И бонусом калькуляторы вертикальной модульной сетки:
— Grid.Guide
— Grid Calculator
— Grid System Library. Не калькулятор, но 26 бесплатных шаблонов сеток для iOS, Android и Bootstrap. Мобильные, планшетные, настольные.
#awd_tool #awd_typo #awd_grid
Golden Ratio Typography (GRT) Calculator
Why add Golden Ratio Typography to your projects?
Cool things you can do with the GRT Pro Calculator Here’s why it’s essential to add Golden Ratio Typography everywhere you compose text online: GRT-enhanced text looks inviting and is easy to read Visitors will pay attention longer, consume more content,…
Собрал в одном месте все годные калькуляторы и генераторы для проектирования системы типографики проекта.
Пользуйтесь, добавляйте в закладки: https://awdee.ru/typography-system-calculators/
#awd_tool #awd_typo #awd_grid #awd_article
Пользуйтесь, добавляйте в закладки: https://awdee.ru/typography-system-calculators/
#awd_tool #awd_typo #awd_grid #awd_article
Оди. О дизайне
Калькуляторы систем типографики — Оди. О дизайне
В подборку вошли восемь сайтов, которые помогут вам создать продуманную и гармоничную систему типографики проекта: сайта, приложения, стиля, статьи или плаката. Калькулятор — отличный помощник, но не заменит дизайнеру свою голову и свои глаза. Результат почти…
Compound Grid Generator — небольшой инструмент для создания составных CSS-сеток
Результат можно копировать в виде свойства для CSS grid
https://codepen.io/michellebarker/full/zYOMYWv
#awd_tool #awd_grid
Результат можно копировать в виде свойства для CSS grid
https://codepen.io/michellebarker/full/zYOMYWv
#awd_tool #awd_grid
Калькулятор сетки Kolumna
Новый онлайн-сервис, который помогает быстро рассчитать вертикальную сетку для экранов разных размеров.
Отличия от аналогов:
— можно задать правый или левый сайдбар
— переключение между типовыми ширинами с сохранением параметров
— боковые отступы можно задать в процентах
Есть и недостаток: нельзя задать более 12 колонок (WUT)
Добавляйте в закладки: kolumna.dazlog.com
И вот ещё ссылки по теме:
— Простенький калькулятор
— Классический калькулятор
— Составные сетки под CSS Grid
— Готовые шаблоны сеток для разного софта и под разные устройства
— Глава учебника Редимага про сетки
#awd_grid #awd_tool #awd_webtool
Новый онлайн-сервис, который помогает быстро рассчитать вертикальную сетку для экранов разных размеров.
Отличия от аналогов:
— можно задать правый или левый сайдбар
— переключение между типовыми ширинами с сохранением параметров
— боковые отступы можно задать в процентах
Есть и недостаток: нельзя задать более 12 колонок (WUT)
Добавляйте в закладки: kolumna.dazlog.com
И вот ещё ссылки по теме:
— Простенький калькулятор
— Классический калькулятор
— Составные сетки под CSS Grid
— Готовые шаблоны сеток для разного софта и под разные устройства
— Глава учебника Редимага про сетки
#awd_grid #awd_tool #awd_webtool
Калькуляторы систем типографики
Подборка всех годных калькуляторов и генераторов для проектирования системы типографики проекта
Пользуйтесь, добавляйте в закладки: awdee.ru/typography-system-calculators
#awd_tool #awd_typo #awd_grid #awd_article
Подборка всех годных калькуляторов и генераторов для проектирования системы типографики проекта
Пользуйтесь, добавляйте в закладки: awdee.ru/typography-system-calculators
#awd_tool #awd_typo #awd_grid #awd_article
Оди. О дизайне
Калькуляторы систем типографики — Оди. О дизайне
В подборку вошли восемь сайтов, которые помогут вам создать продуманную и гармоничную систему типографики проекта: сайта, приложения, стиля, статьи или плаката. Калькулятор — отличный помощник, но не заменит дизайнеру свою голову и свои глаза. Результат почти…
🔥37❤3👌3
Калькуляторы систем типографики
Подборка всех годных калькуляторов и генераторов для проектирования системы типографики проекта
Пользуйтесь, добавляйте в закладки: awdee.ru/typography-system-calculators
#awd_tool #awd_typo #awd_grid #awd_article
Подборка всех годных калькуляторов и генераторов для проектирования системы типографики проекта
Пользуйтесь, добавляйте в закладки: awdee.ru/typography-system-calculators
#awd_tool #awd_typo #awd_grid #awd_article
Оди. О дизайне
Калькуляторы систем типографики — Оди. О дизайне
В подборку вошли восемь сайтов, которые помогут вам создать продуманную и гармоничную систему типографики проекта: сайта, приложения, стиля, статьи или плаката. Калькулятор — отличный помощник, но не заменит дизайнеру свою голову и свои глаза. Результат почти…
👍11✍3