Оди
36.4K subscribers
24.8K photos
1.11K videos
143 files
5.26K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Чат канала: @awdeechat

Сайт с полным архивом: https://awdee.ru

По рекламе: @kgreenmedia

Автор проекта: @kirillgreen
Download Telegram
Кернинг

Мы открываем новую рубрику «Термины дизайна». В ней мы будем делать небольшое саммари по определенному термину и давать ссылки на примеры, чтобы было легко разобраться в его сути

Сегодня мы расскажем о кернинге и его роли в типографике

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

Не путайте леттер-спейсинг с кернингом. Первый применяется ко всей строке или тексту, а второй выборочно настраивает расстояния с учётом формы букв

Книги
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
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
🙂 Термин: «Понимание задачи»

Сегодня в рубрике «Термины дизайна» мы расскажем о подходе, необходимом специалистам в любой сфере, — «Понимание задачи»

В статье мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель и заказчик одинаково понимают суть поставленной задачи и то, каким должен быть результат?»

awdee.ru/term-understanding-the-task

#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
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
Please open Telegram to view this post
VIEW IN TELEGRAM