Курс "КреоДиз" основной модуль ч.2
Неделя курса прошла насыщенно. На данном этапе мы осваивали яркий и выразительный стиль, который приковывает внимание своим наполнением. Отрабатывали разные техники дизайна для создания рекламных баннеров в стиле русского биханса, постеры для шоу или медийных событий, карточки товара в технике ui дизайна (дизайн мобильных приложений, , но в необычном применении).
На этой неделе много анализировали референсы и искали идеи для своих дизайнов.
Получен большой объём новой информации, техник и опыта. Не всё сразу получается, но после курса есть много материала для самостоятельной проработки.
Задание 1.
Подготовлен Макет в стилистике “Рашен Бихайнс” (Рубех)
Необходимо было подготовить макет в квадратной ориентации используя ВСЕ отличительные черты данного стиля. В качестве наполнения и заголовков рекомендовано взять кейсы по оформлению сообществ VK на Behance и Pinterest. Также в качестве основы для своего макета использовать главные страница сайтов (Landing page). В качестве доминирующего изображения используем человека.
Особенности макетов дизайна в стиле Рубех: человек в доминации, базовые композиции, яркие текстуры фона, контурные свечения, мелкие текстуры, летающие объекты, использование элементов интрефейсов, комбинирование шрифтов, градиентный заголовок, закрывающая кнопка.
Вдохновение. Сама фотография девушки меня и подтолкнула выполнить дизайн, близким по смыслу с ней. Цвет макияжа повлиял на выбор фона баннера, показ девушкой маникюра как бы указывает однозначно на идею текста к дизайну. Применимые текстуры фона, элементы, иерархия текста, подчеркивают и направляют клиента на запись с помощью закрепляющей кнопки "Записаться". Свечение и засветы приводят к эффекту WOW (который и подчеркнут словом WOW :-)). На обработку девушки я потратила много времени (нарастила голову, чтобы девушка полностью вмещалась в слайд; улучшила качество фотографии, так как девушка крупная на фоне), поэтому когда увидела, что все выполняют дизайн с доминантой-человеком в центре композиции не стала бросать ее, а продолжила дорабатывать этот дизайн, тем более, что видела много референсов рекламных баннеров для таргета в таком исполнении.
Задание 2.
Подготовлен макет афиши мероприятия.
Задача: создать макет в квадратной ориентации для большого мероприятия (шоу, концерт и тп). Выполнить макет в симметричной композиции. Необходим человек в качестве доминанты и крупный эффектный заголовок. Обязательно должны быть различные эффекты свечения. Весь макет должен быть в единой цветовой гамме, чтобы смотрелся целостно.
Особенности: так как это мероприятие человека, значит он является доминантой всей композиции, значит он должен выделяться от фона, фон должен быть контрастным. Так как композиция симметричная, значит все элементы должны разлетаться от человека в стороны. Чтобы отделить человека от фона, но и интегрировать его по цветовой гамме в макет, использовала свечение. Яркий и контрастный заголовок не даст пройти мимо такой афиши.
Вдохновение: недавно услышала песню этого исполнителя, много эмоций от песни; чем больше слушаешь, тем больше понимаешь слов из нее. ( На рахате - это выражение из молодёжного сленга, которое теперь используют многие русские подростки, и по сути является аналогом таким фразам, как " на релаксе " или "на кайфе"). Поэтому был подобран такой цвет фона и наложены два разных слоя цветных текстур на него. Тем более на самом исполнителе достаточно много атрибутов в золотом цвете. В качестве элементов фона вставила как в референсе разлетающиеся из центра светящиеся треугольники разных цветов, подчеркнула сафитами. Для симметрии и усложнения композиции за доминирующим персонажем с одной стороны поставила вторую его эпотажную фотографию и увела полупрозрачность, с другой стороны исполнителя поставила летящий светящийся треугольник. Интегрировала исполнителя с фоном через свечение (как по самому исполнителю, так и даже на очках)
Задание 3.
Подготовлена карточка товара с элементами и стилистикой UI дизайна
Для этого задания необходимо было подобрать технологичный товар либо гаджет. Размер изображения 3х4. В качестве референса взять дизайн мобильного приложения или мобильной версии сайта. Полностью забрать оттуда цветовую гамму и элементы интерфейса. Затем интегрировать это в карточку товара.
Особенности: в дизайне карточек также применяем правила композиции в зависимости от товара (вертикальный, горизонтальный). Помним о правилах иерархии текста, контрасте. Применяются элементы и стилистика UI дизайна (кнопки, плашки, тени, цветовые решения)
Вдохновение: решила подготовить в портфолио карточку с сезонным популярным товаром. Взяла в качестве товара СИГВЕЙ. В поисках референса понравилась цветовая гамма мобильного приложения аренды автомобилей, к тому же цвет фона и элементы хорошо подходили к моему выбранному товару. А вот кнопок в приложении как таковых не нашла, поэтому выбрала понравившийся дизайн кнопок с другого приложения
Окончательный вариант товарной карточки
Промежуточный вариант карточки СИГВЕЙ
Здесь повторила элементы с референсов (сам фон и подиум), иерархию текста, цвета. Но этот вариант мне показался "дешевле" по качеству восприятия, поэтому выполнила второй вариант дизайна, на котором и остановилась.
Итоги Модуля 2, основного курса:
Получила в свой арсенал массу новых техник и знаний в дизайне по композициям, расположению элементов, наложению текстур, свечению, размытию, контрасту, ui дизайну.
Очень полезен опыт работы в команде, когда видишь работы других дизайнеров, анализируешь их, подглядываешь идеи, мотаешь на ус разборы-стримы работ от Артёма. Подпитываешься положительной энергией в чате, стараешься сделать свой дизайн лучше и лучше.
Огромная благодарность Артёму за его чуткое руководство, положительную энергию и взвешенную критику. Весь наш общий труд делает дизайн каждого участника обучения качественнее, аккуратнее и ценнее.