Can't Unsee — гра на уважність до деталей інтерфейсу
Порівнюйте схожі інтерфейси, знаходьте вдаліший варіант і тренуйте увагу до відступів, типографіки, вирівнювання та іконок.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
UI/UX 12
Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.
Symbl — тестування логотипів у різних умовах
Перевіряйте масштабування, розмиття, контрастні варіанти та застосування логотипа на іконках, візитках і мокапах.
Colour Contrast Checker: перевірка контрасту кольорів
Безкоштовний інструмент для перевірки контрасту тексту й фону з оцінками WCAG AA та AAA, налаштуваннями HEX, RGB і HSL та прикладами типографіки.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
Sliick – безкоштовні 3D-мокапи пристроїв
Браузерний редактор для презентації скриншотів і відео в 3D-мокапах смартфонів та планшетів із готовими сценами й локальним експортом.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Tubik Blog — статті, кейси та практичні матеріали про дизайн
Великий дизайн-блог української студії Tubik зі статтями про UI/UX, брендинг, вебдизайн, ілюстрацію, motion, дизайн-процеси та реальні кейси.
Bento Grids — галерея bento-дизайну та UI-натхнення
Добірка bento grid дизайнів, UI-карток, сайтів і візуальних рішень для натхнення дизайнерів.
Laws of UX
Ілюстрований довідник із психології та принципів UX: практичні висновки, додаткові джерела й безкоштовні навчальні постери.
Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.
WhoCanUse: контраст кольорів і симуляції зору
Безкоштовний браузерний інструмент для перевірки контрасту тексту й фону, з оцінками WCAG та симуляціями різних особливостей зору й умов перегляду.