Information page о рок-группе КИНО

или как создавалась страница с минималистичной иллюстрацией

Заметка № 2

Продолжаю писать небольшие заметки с моего обучения на курсе. Сегодня расскажу о работе с информацией и иллюстрацией.

Работа мне далась очень тяжело, потому что не понимала на что обращать внимание, как сделать так, чтобы это не было плагиатом. Были сложности в развитии концепции (приложу в самом конце, что у меня получалось вначале).

Приложу скриншоты:

На 1 скриншоте - ключевые слова, референсы на цвет, типографику, элементы.

2 скриншот - на основе этих референсов создан прототип (wireframe) и концепция с уже готовыми иллюстрациями на основе референсов (design concept).

Напишу кратко основные этапы. Сам процесс состоял из:

1. Выбор темы и поиск нужной информации, которая будет на странице.
2. Подбор референсов — важный этап, от которого зависит качество вашей работы, интересность и уникальность.
3. Создание прототипа (wireframes).
4. Подбор шрифтов, создание композиции, верстка по сетке каждого блока, опираясь на референсы.
5. Создание иллюстраций и выбор цветовых решений на основе референсов.

Правки, ошибки, правки…в процессе обучения и работы.

Итоговую работу вы можете посмотреть в отдельном кейсе здесь!

P. S. Не стала описывать более подробно процесс, потому что это будет скучно читать. У кого есть желание научиться, тот найдет информацию везде!
Прикрепляю первый вариант начального дизайна.