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?
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, connect with your messages better, and buy more of…
Собрал в одном месте все годные калькуляторы и генераторы для проектирования системы типографики проекта.
Пользуйтесь, добавляйте в закладки: 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
Оди. О дизайне
Калькуляторы систем типографики — Оди. О дизайне
В подборку вошли восемь сайтов, которые помогут вам создать продуманную и гармоничную систему типографики проекта: сайта, приложения, стиля, статьи или плаката. Калькулятор — отличный помощник, но не заменит дизайнеру свою голову и свои глаза. Результат почти…
Калькуляторы систем типографики
Подборка всех годных калькуляторов и генераторов для проектирования системы типографики проекта
Пользуйтесь, добавляйте в закладки: 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
Оди. О дизайне
Калькуляторы систем типографики — Оди. О дизайне
В подборку вошли восемь сайтов, которые помогут вам создать продуманную и гармоничную систему типографики проекта: сайта, приложения, стиля, статьи или плаката. Калькулятор — отличный помощник, но не заменит дизайнеру свою голову и свои глаза. Результат почти…