Perfect Paragraph — гра про баланс типографіки
Налаштовуйте кегль, міжрядковий інтервал і ширину рядка в десяти вправах за навчальною моделлю типографічного трикутника Matej Latin.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Навчання 16
Pixactly — тренажер відчуття піксельних розмірів
Намалюйте прямокутник заданої ширини й висоти на око та перевірте точність у п’яти раундах із детальним підсумком.
The Boolean Game — гра з векторними фігурами
Безкоштовна браузерна гра для практики булевих операцій: поєднуйте базові фігури та відтворюйте задані силуети в завданнях різної складності.
Color — гра для тренування відчуття кольору
Браузерна гра з пошуку заданих кольорів на час. Тренує розпізнавання відтінків, насиченості та комплементарних, аналогових, тріадних і тетрадних поєднань.
Kern Type — гра для тренування кернінгу
Безкоштовна браузерна гра для розвитку відчуття міжлітерних відстаней: розставляйте літери, отримуйте оцінку та порівнюйте результат зі зразком.
Can't Unsee — гра на уважність до деталей інтерфейсу
Порівнюйте схожі інтерфейси, знаходьте вдаліший варіант і тренуйте увагу до відступів, типографіки, вирівнювання та іконок.
Flexbox Froggy: гра для вивчення CSS Flexbox
Безкоштовна браузерна гра з 24 завданнями: пишіть CSS, розміщуйте жаб на листках латаття та вивчайте вирівнювання, порядок і перенесення flex-елементів.
The Bézier Game — практика роботи з пером і кривими
Безкоштовна браузерна гра, у якій потрібно обводити контури опорними точками та напрямними, використовуючи якомога менше вузлів.
Logo Histories: історії та дослідження логотипів
Дослідницьке видання Річарда Берда про ідеї, контекст і розвиток історичних логотипів із безкоштовними прев’ю та платним повним доступом.
LogoArchive: дослідницька бібліотека історичних логотипів
Платна кураторська бібліотека модерністських логотипів із пошуком за темами, стилями й індустріями та збереженням референсів.
Tubik Blog — статті, кейси та практичні матеріали про дизайн
Великий дизайн-блог української студії Tubik зі статтями про UI/UX, брендинг, вебдизайн, ілюстрацію, motion, дизайн-процеси та реальні кейси.
Colorsinspo — палітри, градієнти та інструменти для роботи з кольором
Безкоштовна платформа з тисячами кольорових палітр, генераторами, градієнтами, перевіркою контрасту, навчальними матеріалами та іншими інструментами для дизайнерів.
Google Design — статті, кейси й ресурси про дизайн продуктів Google
Редакційна платформа Google про UX, Material Design, типографіку, AI, дизайн-системи, доступність і процес створення цифрових продуктів.
Archives.design — цифровий архів історичного графічного дизайну
Кураторська колекція історичних книг, бренд-гайдів, постерів, типографічних зразків, журналів і дизайн-документів, знайдених в Internet Archive.
AIGA Eye on Design — архів статей про графічний дизайн і візуальну культуру
Редакційний архів AIGA з матеріалами про брендинг, типографіку, дизайн-історію, книги, цифровий дизайн, освіту та сучасну візуальну культуру.
Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.