Can't Unsee — гра на уважність до деталей інтерфейсу
Порівнюйте схожі інтерфейси, знаходьте вдаліший варіант і тренуйте увагу до відступів, типографіки, вирівнювання та іконок.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Усі ресурси 167
Flexbox Froggy: гра для вивчення CSS Flexbox
Безкоштовна браузерна гра з 24 завданнями: пишіть CSS, розміщуйте жаб на листках латаття та вивчайте вирівнювання, порядок і перенесення flex-елементів.
The Bézier Game — практика роботи з пером і кривими
Безкоштовна браузерна гра, у якій потрібно обводити контури опорними точками та напрямними, використовуючи якомога менше вузлів.
Flair — предметні фотосесії та рекламні композиції
Полотно для компонування товарів, фону й реквізиту, створення рекламних зображень та редагування предметних сцен.
Khroma — персональний пошук кольорових поєднань
Інструмент, який навчається на ваших кольорових уподобаннях і пропонує поєднання для типографіки, градієнтів, палітр та зображень.
Site of Sites: кураторська галерея вебдизайну
Безкоштовна галерея сайтів із фільтрами за індустрією, типом, стилем і платформою, тематичними добірками та посиланнями на живі проєкти.
Antlii — генеративні інструменти й експерименти з креативним кодом
Колекція браузерних інструментів і візуальних експериментів київського автора Анатолія Бабія: патерни, геометрична типографіка та анімовані симуляції.
Logo Histories: історії та дослідження логотипів
Дослідницьке видання Річарда Берда про ідеї, контекст і розвиток історичних логотипів із безкоштовними прев’ю та платним повним доступом.
LogoArchive: дослідницька бібліотека історичних логотипів
Платна кураторська бібліотека модерністських логотипів із пошуком за темами, стилями й індустріями та збереженням референсів.
Logoinspo: логотипи, знаки й вордмарки для натхнення
Кураторська галерея реальних і концептуальних логотипів із фільтрами за стилем, індустрією та кольором і посиланнями на авторів.
Awwwards Free Fonts — добірка шрифтів для дизайнерів
Візуальна добірка шрифтів від Awwwards із прикладами, тегами та переходами до авторів. Умови безкоштовного використання залежать від гарнітури.
Awwwards Portfolio: приклади сайтів-портфоліо
Велика добірка сайтів-портфоліо на Awwwards для дослідження композиції, взаємодії та презентації творчих робіт.
Logggos: галерея логотипів для дослідження брендів
Кураторська галерея логотипів із добірками за індустрією, типографікою, кольором і формою для пошуку візуальних референсів.
A1 Gallery: натхнення для сайтів-портфоліо
Кураторська добірка сайтів-портфоліо з фільтрами за стилем, технологією та кольором, безкоштовним переглядом і платними Pro-функціями.
Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.
zoxilsi studio — mesh-градієнти та анімовані фони
Редактор сітчастих градієнтів із кривими Безьє, пресетами, ефектами та експортом у зображення, відео й код.
Holocloth — голографічна тканина для графіки
Драпіруйте зображення на симульованій тканині, налаштовуйте голографічний матеріал і експортуйте PNG, зокрема без фону.
Glass3D — генератор скляних CSS-ефектів
Налаштовуйте розмиття, колір і текстуру скляних елементів інтерфейсу та копіюйте готовий CSS.
INKDRUM: симулятор ризографічного друку
Браузерний інструмент для ризографічних ефектів із кольоровими шарами, растрами, паперовими текстурами та експортом кольороподілів.
TextLab: мокапи повідомлень та інтерфейсів
Браузерний генератор мокапів чатів, коментарів і UI-елементів із прозорими PNG та платними розширеними експортами.