1 шаг
Прочитайте книги, чтобы понимать основы:
1. Стив Круг «Веб-дизайн или Не заставляйте меня думать»
2. Алан Купер «Психбольница в руках пациентов» ссылка
2 шаг
Изучите теорию из 5 наиболее важных качеств в дизайне:
- Сетка
- Цвета
- //colorable.jxnblk.com/ — позволяет вам создавать тона с помощью цветовой системы HSL и отображать их контрастность для выбранного цвета фона в режиме реального времени.
- //davidjohnstone.net/pages/lch-lab-colour-gradient-picker — веб-сайт дает вам возможность сравнить, как тональность генерируются из тонов в разных цветовых
моделях. - Сервисы для подбора идеального цвета сайта
- Где взять для сайта изображения
- Пустое пространство
- Контраст
- Типографика
- Иконографика
3 шаг
Узнайте, как выглядят программамы, которые необходимы дизайнеру.
- Figma – создание прототипа и дизайна (альтернатива Sketch, XD, для прототипов -Axure),
- Photoshop – для обработки растровых изображений.
- Для анимации Adobe Animate и AfterEffect (альтернатива Principle / Flint).
- Обработка фотоизображения: Adobe Photoshop и Corel Painter
- Векторная графика: Adobe Illustrator и Corel Draw
4 шаг
Зайдите на сайты и поищите дизайн-макеты для вдохновения. Ищите классное сочетание
цветов, интересные дизайн решения, крутые фотографии.
Сайты для вдохновения:
- Dribble
- Behance
- Awwwards
- CSS awards
Для дизайна ищите картинки на сайтах:
5 шаг
Узнавайте новое:
- учитесь у AIC
- читайте выжимку с design-friday
- подпишитесь на твиттер канал Стива Шогера (дизайнер и автор проекта Refactoring UI, в своём Твиттере объясняет на примерах, как быстро исправить ошибки в визуальной части и привести в порядок неудачный сайт)