Information page о рок-группе КИНО
или как создавалась страница с минималистичной иллюстрацией
Заметка № 2
Продолжаю писать небольшие заметки с моего обучения на курсе. Сегодня расскажу о работе с информацией и иллюстрацией.
Работа мне далась очень тяжело, потому что не понимала на что обращать внимание, как сделать так, чтобы это не было плагиатом. Были сложности в развитии концепции (приложу в самом конце, что у меня получалось вначале).
Приложу скриншоты:
На 1 скриншоте - ключевые слова, референсы на цвет, типографику, элементы.
2 скриншот - на основе этих референсов создан прототип (wireframe) и концепция с уже готовыми иллюстрациями на основе референсов (design concept).
Напишу кратко основные этапы. Сам процесс состоял из:
1. Выбор темы и поиск нужной информации, которая будет на странице.
2. Подбор референсов — важный этап, от которого зависит качество вашей работы, интересность и уникальность.
3. Создание прототипа (wireframes).
4. Подбор шрифтов, создание композиции, верстка по сетке каждого блока, опираясь на референсы.
5. Создание иллюстраций и выбор цветовых решений на основе референсов.
Правки, ошибки, правки…в процессе обучения и работы.
P. S. Не стала описывать более подробно процесс, потому что это будет скучно читать. У кого есть желание научиться, тот найдет информацию везде!
Прикрепляю первый вариант начального дизайна.