С чего начать изучение веб-дизайна: подборка лучших бесплатных ресурсов
С чего начать изучение веб-дизайна: подборка лучших бесплатных ресурсов
Веб-дизайн — процесс создания визуального наполнения сайтов и приложений: разработка макета, выбор шрифтов и цветов, размещение элементов. Собрали 15 ресурсов, которые помогут самостоятельно изучить основы дизайна веб-продуктов.
Автор: Итан Маркотт
Английское название: Responsive Web Design
Как создавать веб-дизайн и адаптировать его под различные устройства и разрешения экрана. Автор даёт рекомендации по использованию гибких макетов, медиазапросов и других технологий.
Автор: Люк Вроблевски
Английское название: Mobile first
О влиянии смартфонов на жизнь — в частности, на бизнес-модели. Автор рассматривает различные аспекты мобильной революции: пользовательский опыт, приложения, безопасность и конфиденциальность, а также объясняет, как понимание трендов помогает бизнесу.
Автор: Аарон Уолтер
Английское название: Designing for Emotion
Книга о том, как создавать сайты и интерфейсы, которые вызовут положительные эмоции и привлекут пользователей. Автор рассказывает, как работать с цветами, типографикой, изображениями и структурой сайта.
Получить глубокие знания и новую профессию можно на курсе «Веб-дизайнер». Под руководством практикующих специалистов студенты с нуля учатся создавать макеты для сайтов и сервисов любой сложности. А начать обучение можно бесплатно.
Автор: Стив Круг
Английское название: Don't Make Me Think: A Common Sense Approach to Web Usability
Стив Круг рассказывает, как создавать веб-продукты, которые помогут пользователю легко найти нужную информацию и выполнить необходимые задачи. В книге много примеров, советов и рекомендаций по повышению эффективности сайтов.
10 уроков для начинающих и продвинутых дизайнеров. Эксперты рассказывают о том, как формулировать гипотезы, работать с иллюстрациями, анимацией, текстами — и многое другое.
Удобный самоучитель по веб-дизайну от платформы Tilda в формате вебинаров и видеоисторий. Поможет изучить основы дизайна и создания удобных и профессиональных сайтов — знание языков программирования не потребуется.
Видеоуроки о том, как работать в графическом редакторе Figma, — практика предусмотрена. Рассчитаны на начинающих веб-дизайнеров, помогают развить насмотренность и научиться делать стильные сайты.
Статьи, дизайны-системы, видеоуроки и много полезных ссылок на ресурсы для веб-дизайнеров.
Канал о креативных решениях. Много оригинальных идей от графических, веб- и UX/UI-дизайнеров со всего мира. Можно следить за трендами, узнавать о предстоящих событиях и конкурсах, общаться с единомышленниками.
10. Web Design
Примеры портфолио, сайтов и лендингов, созданных дизайнерами из разных стран. Стоит обратить внимание не только на технологические решения, но и на метафоры, зашифрованные в работах.
11. Дизайн-кабак
Макеты для разных целей: шаблоны для презентаций, логотипов, веб-сайтов, иллюстрации, графика и другие элементы дизайна, а также новости и рекомендации экспертов.
12. Блог Практикума
Статьи блога из раздела «Дизайн» созданы совместно с практикующими дизайнерами и содержат много полезной информации для начинающих специалистов, а также советы по созданию изображений и интерфейсов.
Коллекция полезных инструкций и советов по темам, которые связаны с дизайном, креативом, маркетингом и разработкой. Цель проекта — вдохновить пользователей и помочь вырасти в профессии.
14. Dribbble
Коллекция портфолио дизайнеров и студий со всего мира. Есть удобная поисковая система: например, с помощью фильтра «Downloads» можно выбрать примеры работ, которые были созданы в конкретном графическом редакторе — Figma, Adobe XD и т. д.
15. Behance
Интернет-сообщество креативных профессионалов — дизайнеров, иллюстраторов, фотографов. На платформе специалисты публикуют портфолио с разными работами: дизайнами интерфейсов, анимацией, типографикой, векторной графикой и т. д.