Визуальный поиск и коллекции изображений на тематических досках. Позволяет собирать мудборды, группировать референсы и исследовать варианты оформления проекта.
Информация
www.pinterest.ruНа сайт ↗
Учиться дизайну: книги, статьи, фильмы и практика
Материалы о типографике, композиции, интерфейсах и истории дизайна. Книги и фильмы дают контекст, статьи разбирают методы, а небольшие игры помогают тренировать глазомер и работу с формой.
Как выбрать инструмент
Выберите один навык и сразу примените прочитанное в макете. Для книг и фильмов ссылки могут вести на страницу издателя, автора или каталог: это не обещание доступа к полной версии. Проверяйте язык, издание и актуальность примеров.
Искать внутри направления/designer
Образовательный проект /designer о продуктовом дизайне, интерфейсах и карьере. Объединяет базу знаний, материалы по инструментам и профессиональное сообщество.
Информация
slashdesigner.comНа сайт ↗
100 Days of Fonts
Визуальный проект с типографическими композициями из Google Fonts. Помогает изучать сочетания гарнитур, иерархию текста и подачу шрифтов в выразительном макете.
Шрифты
100daysoffonts.comНа сайт ↗
100 главных принципов дизайна
Книга о связи дизайнерских решений с восприятием и поведением человека. Помогает понимать, как управлять вниманием и учитывать возможности пользователя при проектировании.
Книги
www.ozon.ruНа сайт ↗
Abduzeedo
Редакционные подборки по брендингу, графике, типографике и UI/UX. Показывают законченные проекты и помогают изучать, как визуальная идея развивается в системе.
Информация
abduzeedo.comНа сайт ↗
Access Guide
Карточки с понятными объяснениями требований WCAG. Помогают проверить цвет, клавиатурное управление, сообщения и структуру интерфейса на распространённые барьеры.
Информация
www.accessguide.ioНа сайт ↗
Another Graphic
Архив графических работ с акцентом на типографику. Подходит для исследования заголовков, текстовых композиций, постеров и выразительных шрифтовых решений.
Информация
anothergraphic.orgНа сайт ↗
Application Shortcut Mapper
Визуальная карта горячих клавиш для Photoshop, Lightroom, Blender и других программ. Показывает сочетания на клавиатуре и помогает освоить быстрые команды.
Информация
waldobronchart.github.ioНа сайт ↗
Beautiful Web Type
Обзоры шрифтов с примерами, рекомендуемыми парами и особенностями OpenType. Помогает оценивать гарнитуру в реальной композиции и понимать, как её использовать.
Шрифты
beautifulwebtype.comНа сайт ↗
BetaList
Каталог новых технологических продуктов на ранних стадиях. Помогает исследовать идеи сервисов, их позиционирование и способы объяснить пользу нового продукта.
Информация
betalist.comНа сайт ↗
Bezier
Игра-тренажёр для освоения кривых Безье и инструмента «Перо». Предлагает повторять контуры, чтобы точнее управлять опорными точками и направляющими.
Игры
bezier.method.acНа сайт ↗
Book Cover Archive
Архив книжных обложек с авторскими работами. Подходит для исследования типографики, образов и композиционных решений в издательском дизайне.
Информация
bookcoverarchive.comНа сайт ↗
Built For Mars
Подробные UX-разборы реальных цифровых продуктов. Показывают удачные и спорные решения в регистрации, освоении продукта и других пользовательских сценариях.
Информация
builtformars.comНа сайт ↗
Bureau
Архив ответов Бюро Горбунова на практические вопросы о дизайне. Есть разборы интерфейсов, типографики, текста, вёрстки и организации работы.
Информация
bureau.ruНа сайт ↗
COLPIC
Подборка цветов и градиентов с быстрым копированием значений. Подходит для выбора акцентного оттенка или фонового перехода в постере и цифровом макете.
Информация
colpic.netlify.appНа сайт ↗
CRO checklist
Чек-лист проверки сайта с точки зрения конверсии. Предназначен для последовательного разбора страницы и поиска препятствий на пути пользователя к целевому действию.
Информация
www.conversionchecklist.orgНа сайт ↗
Can't Unsee
Игра на сравнение двух вариантов интерфейса и поиск более аккуратного решения. Тренирует внимание к отступам, выравниванию, контрасту и другим деталям UI.
Игры
cantunsee.spaceНа сайт ↗
Case Study Club
Редакционная подборка материалов для продуктовых дизайнеров. Разбирает профессиональные решения, развитие практики и то, как оценивать качество дизайна.
Информация
www.casestudy.clubНа сайт ↗
Checklist Design
Дизайнерские чек-листы для страниц, компонентов и пользовательских сценариев. Помогают проверить, учтены ли состояния, действия и важные детали перед выпуском.
Информация
www.checklist.designНа сайт ↗
ClipArt ETC
Архив учебных иллюстраций Университета Южной Флориды. Помогает искать предметные рисунки и гравюры для объяснения терминов, явлений и учебных тем.
Информация
etc.usf.eduНа сайт ↗
Code My UI
Подборка интерфейсных эффектов с примерами HTML и CSS. Можно изучить анимацию или компонент в действии и перейти к коду для собственной реализации.
Информация
codemyui.comНа сайт ↗
Color Lisa
Цветовые палитры, составленные по картинам известных художников. Помогают перенести настроение произведения в айдентику, иллюстрацию или оформление презентации.
Информация
www.colorlisa.comНа сайт ↗
Color Method
Тренажёр подбора цветов и цветовых сочетаний по образцу. Помогает развивать точность восприятия оттенка и быстрее замечать различия между близкими цветами.
Игры
color.method.acНа сайт ↗
Cool Backgrounds
Инструменты и подборки для создания графических фонов, включая геометрические композиции. Подходят для обложек, веб-блоков и фоновых акцентов в презентации.
Информация
coolbackgrounds.ioНа сайт ↗
Data Viz Project
Каталог способов визуализации данных с примерами диаграмм. Помогает выбрать форму для сравнения, связей, распределения или движения величин.
Информация
datavizproject.comНа сайт ↗
Design Milk
Издание о предметном и интерьерном дизайне, архитектуре и визуальной культуре. Помогает находить формы, материалы и пространственные идеи для мудбордов.
Информация
design-milk.comНа сайт ↗
Design Reviewed
Документальный проект об истории графического дизайна. Помогает исследовать печатные материалы и визуальные приёмы прошлого при подготовке исторических референсов.
Информация
www.designreviewed.comНа сайт ↗
Design Systems Repo
Каталог реальных дизайн-систем, статей, инструментов и докладов. Помогает изучить, как компании организуют компоненты, правила и документацию продукта.
Информация
designsystemsrepo.comНа сайт ↗
Design You Trust
Визуальное издание о дизайне, иллюстрации, фотографии и искусстве. Подходит для поиска авторских подходов, необычных образов и сюжетов для мудборда.
Информация
designyoutrust.comНа сайт ↗
Design at Meta
Официальный сайт дизайнерской команды Meta о цифровых продуктах и работе дизайнеров. Прежняя ссылка на библиотеку мокапов ведёт на общий раздел Design at Meta.
Мокапы
www.meta.comНа сайт ↗
Design good practices
Практические рекомендации по проектированию компонентов и дизайн-систем. Помогают проверять отдельные решения и поддерживать согласованность интерфейса.
Информация
goodpractices.designНа сайт ↗
Designcollector
Издание Арсения Веснина о цифровой культуре и визуальном искусстве. Собирает авторские проекты для исследования современной графики, медиаарта и дизайнерских подходов.
Информация
designcollector.xyzНа сайт ↗
Diagrammm
Справочник видов диаграмм и способов визуализации. Помогает сравнить варианты подачи информации и выбрать подходящий тип схемы для данных или процесса.
Информация
diagrammm.comНа сайт ↗
Digital A11y
Материалы и услуги по цифровой доступности: аудит, обучение и исправление интерфейсов. Полезны для изучения требований WCAG и организации проверки продукта.
Информация
www.digitala11y.comНа сайт ↗
Dimensions.Guide
База чертежей с размерами повседневных предметов, людей и пространств. Полезна при работе с масштабом, планировкой и реалистичными пропорциями объектов.
Информация
www.dimensions.comНа сайт ↗
Dreamstale
Материалы для дизайнеров и уроки по графическим инструментам. В разделе загрузок можно искать текстуры, фоны, иконки и шрифты для оформления макета.
Информация
www.dreamstale.comНа сайт ↗