Кернинг
Мы открываем новую рубрику «Термины дизайна». В ней мы будем делать небольшое саммари по определенному термину и давать ссылки на примеры, чтобы было легко разобраться в его сути
Сегодня мы расскажем о кернинге и его роли в типографике
Кернинг — это изменение интервала между двумя определенными символами в зависимости от их размера и формы. При наборе текста между парой символов может появиться неправильное расстояние. Кернинг позволяет скорректировать пространство между ними, чтобы улучшить читаемость текста
Не путайте леттер-спейсинг с кернингом. Первый применяется ко всей строке или тексту, а второй выборочно настраивает расстояния с учётом формы букв
Книги
1. Книга Джеймса Феличи «Типографика. Шрифт, вёрстка, дизайн»
2. 🇬🇧 Выдержка из книги Дэвида Киндерсли «Optical Letter Spacing»
«…Каждая буква должна находиться точно по центру между двумя соседними, то есть она должна занимать пассивную позицию между своими соседями»
Статьи
1. Базовая статья «Что такое кернинг?»
2. Как кернить текст. Инструкция для начинающих
3. Правильная типографика: 9 фактов о кернинге
4. Принципы использования межбуквенного интервала
5. Про кернинг и трекинг в типографике
6. 🇬🇧 Explore text properties — справочная статья Figma по работе с текстом. Она поможет разобраться с горячими клавишами для управления параметрами шрифта, в том числе и кернингом
Образование
Лекция Игоря Штанга «Теория графического напряжения»
Инструменты
FontLab 8 — профессиональный шрифтовой редактор для MacOS и Windows, который помогает создавать шрифты от начала до конца, от простого дизайна до сложного проекта, включая и настройку кернинга
Десерт
1. Игра KERNTYPE. Двигаете буквы и узнаете, насколько крут ваш кёрнинг
2. Keming — английский неологизм, которым обозначают результат плохого кёрнинга
🙂 Развернутую версию саммари читайте по ссылке: awdee.ru/kerning
#awd_article #awd_typo #awd_edu #awd_kerning #awd_terms
Мы открываем новую рубрику «Термины дизайна». В ней мы будем делать небольшое саммари по определенному термину и давать ссылки на примеры, чтобы было легко разобраться в его сути
Сегодня мы расскажем о кернинге и его роли в типографике
Кернинг — это изменение интервала между двумя определенными символами в зависимости от их размера и формы. При наборе текста между парой символов может появиться неправильное расстояние. Кернинг позволяет скорректировать пространство между ними, чтобы улучшить читаемость текста
Не путайте леттер-спейсинг с кернингом. Первый применяется ко всей строке или тексту, а второй выборочно настраивает расстояния с учётом формы букв
Книги
1. Книга Джеймса Феличи «Типографика. Шрифт, вёрстка, дизайн»
2. 🇬🇧 Выдержка из книги Дэвида Киндерсли «Optical Letter Spacing»
«…Каждая буква должна находиться точно по центру между двумя соседними, то есть она должна занимать пассивную позицию между своими соседями»
Статьи
1. Базовая статья «Что такое кернинг?»
2. Как кернить текст. Инструкция для начинающих
3. Правильная типографика: 9 фактов о кернинге
4. Принципы использования межбуквенного интервала
5. Про кернинг и трекинг в типографике
6. 🇬🇧 Explore text properties — справочная статья Figma по работе с текстом. Она поможет разобраться с горячими клавишами для управления параметрами шрифта, в том числе и кернингом
Образование
Лекция Игоря Штанга «Теория графического напряжения»
Инструменты
FontLab 8 — профессиональный шрифтовой редактор для MacOS и Windows, который помогает создавать шрифты от начала до конца, от простого дизайна до сложного проекта, включая и настройку кернинга
Десерт
1. Игра KERNTYPE. Двигаете буквы и узнаете, насколько крут ваш кёрнинг
2. Keming — английский неологизм, которым обозначают результат плохого кёрнинга
#awd_article #awd_typo #awd_edu #awd_kerning #awd_terms
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Сегодня в рубрике «Термины дизайна» поговорим об аффордансах. Вы узнаете, что такое аффорданс, каковы его функции и роль в дизайне интерфейсов
Саммари по аффордансам с примерами читайте по ссылке: awdee.ru/affordance
Приглашаем поделиться своими мыслями и материалами по теме в комментариях
#awd_article #awd_edu #awd_ui #awd_terms
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Аффорданс — Оди. О дизайне
Аффорданс — это свойство или функция физического и виртуального объекта, которая подсказывает, как с ним можно взаимодействовать. Когда вы видите дверную ручку, то понимаете, что можно потянуть за неё и открыть дверь. А иконка телефонной трубки отвечает за…
Сегодня в рубрике «Термины дизайна» мы расскажем о сетках в дизайне. В статье мы собрали лучшие книги, статьи, уроки, инструменты и Figma-плагины для работы с сетками
awdee.ru/grids-in-design
#awd_article #awd_web #awd_webtool #awd_tool #awd_edu #awd_terms
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Сетки в дизайне — Оди. О дизайне
Сегодня в рубрике «Термины дизайна» мы расскажем о сетках в дизайне. Любой макет, над которым работает дизайнер, включает контент — текст и графику. Сетки помогают лучше организовать пространство макета, задать ему структуру и определить логику расположения…
Сегодня в рубрике «Термины дизайна» мы расскажем о подходе, необходимом специалистам в любой сфере, — «Понимание задачи»
В статье мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель и заказчик одинаково понимают суть поставленной задачи и то, каким должен быть результат?»
awdee.ru/term-understanding-the-task
#awd_article #awd_edu #awd_terms
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Термин: «Понимание задачи» — Оди. О дизайне
«Понимание задачи» — подход, при котором исполнитель не начинает работу, пока не убедится, что он понял задачу и что заказчик согласен с его пониманием. Мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель…
В статье мы собрали лучшие книги, статьи, уроки, инструменты и Figma-плагины для работы с сетками
awdee.ru/grids-in-design
#awd_article #awd_web #awd_webtool #awd_tool #awd_edu #awd_terms
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Сетки в дизайне — Оди. О дизайне
Сегодня в рубрике «Термины дизайна» мы расскажем о сетках в дизайне. Любой макет, над которым работает дизайнер, включает контент — текст и графику. Сетки помогают лучше организовать пространство макета, задать ему структуру и определить логику расположения…
Сегодня в рубрике «Термины дизайна» мы расскажем о подходе, необходимом специалистам в любой сфере, — «Понимание задачи»
В статье мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель и заказчик одинаково понимают суть поставленной задачи и то, каким должен быть результат?»
awdee.ru/term-understanding-the-task
#awd_article #awd_edu #awd_terms
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Термин: «Понимание задачи» — Оди. О дизайне
«Понимание задачи» — подход, при котором исполнитель не начинает работу, пока не убедится, что он понял задачу и что заказчик согласен с его пониманием. Мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель…
Сегодня в рубрике «Термины дизайна» мы поговорим о прототипах. Прототип — широкое понятие, которое присутствует чуть ли не во всех областях дизайна. Прототипы бывают очень разные, и мы не претендуем на полноту охвата этого термина в рамках одной статьи. В ней мы сосредоточимся на прототипах в дизайне сайтов и приложений
Прототип — предварительная версия цифрового продукта, которую дизайнер тестирует с пользователем, чтобы оценить его удобство и привлекательность на раннем этапе. Тем самым он устраняет ошибки до детальной проработки всех макетов и, тем более, до передачи проекта в разработку
В качестве инструмента проверки идей прототип применяют на разных стадиях проекта. К тому же есть много сервисов для прототипирования. Они помогают дизайнерам быстро создавать прототипы и анимировать их без участия разработчика, что значительно снижает стоимость проекта
В статье мы собрали лучшие статьи, уроки, инструменты и Figma-плагины для работы с прототипами
awdee.ru/design-prototypes
#awd_article #awd_edu #awd_terms
Please open Telegram to view this post
VIEW IN TELEGRAM
Тёмная тема — дизайн-решение, при котором вся цветовая гамма интерфейса преимущественно тёмная, а текст и иконки — светлые
Некоторые пользователи отдают предпочтение тёмной теме по нескольким причинам. Во-первых, она способствует снижению нагрузки на глаза в условиях недостаточного освещения. Во-вторых, тёмная тема экономит заряд батареи на мобильных устройствах с OLED-дисплеями, потому что тёмные пиксели потребляют меньше энергии. К тому же, многие люди считают интерфейсы в тёмной теме более привлекательными по сравнению с привычными — светлыми
При проектировании тёмной темы важно не просто изменить цветовую палитру, но и пересмотреть визуальную иерархию, проверить контрастность элементов и яркость фона, чтобы пользователи без труда считывали любой контент
В этой статье мы собрали все лучшие материалы:
— Статьи о том, в каких случаях нужна тёмная тема и как её правильно спроектировать
— Практические пошаговые туториалы по дизайну тёмной темы
— Коллекцию вдохновляющих сайтов в тёмной теме
— Набор Figma-плагинов для её быстрого создания
awdee.ru/how-to-create-dark-themes-collection-of-materials
#awd_article #awd_edu #awd_terms
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как создавать тёмные темы: ультимативная коллекция материалов — Оди. О дизайне
Тёмная тема — дизайн-решение, при котором вся цветовая гамма интерфейса преимущественно тёмная, а текст и иконки — светлые Некоторые пользователи отдают предпочтение тёмной теме по нескольким причинам. Во-первых, она способствует снижению нагрузки на глаза…
Термин: «Понимание задачи»
Сегодня в рубрике «Термины дизайна» мы расскажем о подходе, необходимом специалистам в любой сфере, — «Понимание задачи»
В статье мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель и заказчик одинаково понимают суть поставленной задачи и то, каким должен быть результат?»
🙂 awdee.ru/term-understanding-the-task
#awd_article #awd_edu #awd_terms
Сегодня в рубрике «Термины дизайна» мы расскажем о подходе, необходимом специалистам в любой сфере, — «Понимание задачи»
В статье мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель и заказчик одинаково понимают суть поставленной задачи и то, каким должен быть результат?»
#awd_article #awd_edu #awd_terms
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Термин: «Понимание задачи» — Оди. О дизайне
«Понимание задачи» — подход, при котором исполнитель не начинает работу, пока не убедится, что он понял задачу и что заказчик согласен с его пониманием. Мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель…