Хочу сказать отдельное спасибо за вашу потрясающую открытость и щедрую отдачу знаний нам, студентам. Это невероятно мотивирует и дает мощнейший толчок!

Ваша большая, открытая отдача в нашу сторону не просто заметна – она чувствуется в каждом освоенном навыке! Знаний прибавилось колоссально, и самое главное –я реально чувствую профессиональный рост. Это не просто слова!

Раньше я действовала интуитивно или по шаблону. Это ощущение осознанности – бесценно:

1. Понимание: Теперь я ясно вижу зачем и почему используется каждый элемент. Исчезла работа "наугад".

2. Свобода в основах: Чувствую себя значительно увереннее и свободнее в работе с типографикой и построении иерархии.

3. Бесстрашие: Покорение ваших сложных композиций (особенно с лентами, стиль "техно") дало ощущение, что теперь мне по плечу практически любая задача. Страх перед сложностью ушел!

Хочу поделиться радостью: я наконец поняла магию теней! Этот пробел тяготел давно, и осознать принципы — невероятно! Конечно, мастерство оттачивается годами, и мне еще учиться и учиться, но фундамент заложен — и он крепкий, сильный! Это еще один кирпичик в стену знаний.

В процессе работы я неожиданно получила удовольствие. Составлять так много композиций оказалось увлекательно.
Но была проблема: я впервые за всё обучение не отправила работы на проверку Артёму в среду. Меня это расстроило, потому что проверят мои работы только один раз из двух возможных — в субботу.

Почему не отправила? Задание показалось мне сложным. Я искала идеальное расположение элементов, придиралась к каждому пикселю. Много раз переставляла детали, но ничего не получалось так, как хотелось.

Итог субботы: На стриме Артём сказал, что я справилась хорошо с первого раза, несмотря на пропуск проверки в среду. В итоге работы получились детализированными, интересными и в правильном стиле. Я очень рада этому.

1 задание. Карточка в стиле техно.

Выбираете доминанту и интегрируете ее формы. У вас должно получиться не менее 3х планов в глубину (1 план доминанта, 2-3 фон). Также можно добавлять формы перед доминантой.

2 задание. Постер в стилистике Техно

В качестве доминанты берете человека или животное (портретное фото по пояс). Для идеи наполнения можете взять афишу концерта или выставки. Также можно сделать визитку популярной личности с описанием его достижений.

О ритме: Я привыкла жить в бешеном темпе во время курса. Сейчас я не понимаю, как вернуться к обычному ритму после его окончания. Я наслаждаюсь от части таким ритмом, но и усталость тоже присутствует. Хочется пару дней полежать на берегу моря, отблагодарить себя за пройденный этап, который подарил мне много положительных эмоций!

Чего изволили? Три кита дизайна:

1. Баланс — не тот, что на весах после новогодних праздников, а композиционный. Учились распределять элементы так, чтобы работа не заваливалась влево (как моя мотивация в понедельник утром). Симметрия, асимметрия, контраст — теперь я вижу их везде, даже в разбросанных носках на полу.
2. Тени — не мрачные мысли перед дедлайном, а объем и глубина! Как сделать объект «осязаемым», чтобы он не парил в вакууме, а жил в пространстве.
3. Интеграция объекта —учимся вписывать объект в пространство.

Стримы идут минимум 3 часа плотной инфы. Конечно, устаешь так долго смотреть, слушать, вникать и наматывать на ус, но усталость после просмотра приятная.

Дальше я покажу результаты пройденного этапа...

Макет №1

Баланс. Композиция в воздухе.

В ТЗ было написано:

"Вам необходимо собрать объемный коллаж из 5-ти и более элементов. Они должны взаимодействовать друг с другом как физически так и по смыслу.
Вам нужно добиться визуального баланса всех элементов в том числе типографики"

Макет №2

Интеграция объекта в пространство

В ТЗ было написано:

Вам нужно подобрать объект (товар) в перспективе и разместить его на фоне, который также будет сфотографирован в перспективе. В качестве фона можно взять практически любую текстуру в которой есть перепад высоты (камни, мятая ткань, мусор, комок мятой бумаги и пр. Далее нужно подобрать единый цветовой оттенок, которые не будет резко контрастировать с вашим товаром. Прорисовать тени и свет, подогнать контраст.
Оставшееся свободное пространство нужно заполнить текстом, описывающий качественные характеристики товара.

Макет №3

Фактический визуальный баланс

В ТЗ было написано:

Ваша задача создать чистую эстетическую композицию, основой которой будет объект балансирующий на иных (возможно не связанных по смыслу) объектах. Композиция может опираться на плоскость, а также находиться в воздухе.

На фоне разместить типографику в 3-5 иерархиях с сильным контрастом размера. 1 иерархия текста должна частично перекрываться доминантой.

P.S. Если найдете меня в темном углу с фонариком — это я экспериментирую с бликами. Не пугайтесь!

1. Насладиться тёплой погодой без мошки - спасибо ветру, который дал нам хоть немного отдохнуть от нее!
2. Провести время с семьёй - подтверждая, что они меня ещё узнают!
3. И, конечно, есть фрукты – потому что лето же!

Но вот задание... Оно казалось лёгким. Пока не дошло до дела. Провести прямой анализ да ещё и обратный анализ – это вам не фрукты есть!

Суть проблемы:

1. Мысли - витают где-то в облаках вдохновения...
2. Слова - напрочь отказываются складываться в связный текст, будто специально саботируют отчет!
3. Есть сомнения в проведенной прямой аналитике горизонтального макета, я разделила 1 самостоятельный блок на 2 дочерних блока из-за центрального круга, что приводит меня к неуверенной аналитики в этой части.

Общая композиция горизонтальная landing page. Доминанта расположена в вертикальной ориентации в правой части макета. С помощью направляющих можно определить поля. В итоге видим, что в макете используются четкие симметричные поля, закрыты якорные точки.

Визуально макет разделен на 2 самостоятельных блока - меню и основной с текстом и доминантой, которые обособленны друг от друга воздушным пространством.

Второй (родительский) блок (ниже первого блока с меню) содержит два дочерних блока. Блоки включают в себя:

1. Блок слева включает в себя заголовок, текст и плашки.
2. Блок справа включает в себя доминанту и плашку с текстом.

Круг со стрелкой отцентрован и не является доминантой.

Цветовая гамма спокойная. Основа — светлые монохромные тона, усиленные цветовым акцентом (акцент на взаимодействии).

В левом дочернем блоке (цвет #FFFFFF) текст выравнен по левой выключке, в правом блоке (цвет #D9ED3E) текст в плашке также выравнен по левой выключке.

В плашке (цвет #D9ED3E) текст выравнен по левой выключке (доказано с помощью направляющих и прямоугольников, которые определяют размер отступов).

Вертикальный макет использует центральную доминанту, адаптированную под новую ориентацию — в противовес правому акценту (в левом дочернем блоке) горизонтальной версии страницы.

Вертикальная версия (900×1200 px) реализована с частичным соблюдением композиции и элементной базы горизонтального макета согласно аналитическим выводам. Разница форматов потребовала компромисса: я сознательно изменила композицию, переместив некоторые элементы для сохранения баланса. А именно:

1. Круг с текстом "One size" поместила между первым и вторым блоками. Размерный дисбаланс плашек (верхняя уже нижней по высоте) мешает центрировать круг "One size" между блоками, как в референсе.
2. Верхний дочерний блок сделала меньше по высоте, чем в референсе из-за вертикальной ориентации.
3. По цветной плашке отцентровала 2 плашки с серой обводкой, в референсе цветная плашка отдельно и расположена над 2-мя плашками с серой обводкой.

Композиция включает два независимых блока, один из которых разделен на два подблока.

Почему я сразу не разделила макет на 3 части: 1 блок - меню, 2 блок - заголовок и текст с плашками, 3 блок - доминанта? Потому что мне помешал круг справа отделить сразу блоки друг от друга. В результате я большой блок разделила на 2 подблока.

С помощью направляющих заданы симметричные поля: боковые отступы равны друг другу, верхнее и нижнее поля идентичны по размеру. Якорные точки элементов выровнены по направляющим.

1. Текст в первом дочернем подблоке выравнен согласно референсу, а именно по левой выключке.

2. Достигнут высокий контраст между заголовками и основным текстом для улучшения иерархии.

3. Отклонение от референса: классический гротеск заменен на неогротеск -Manrope.

Цветовая гамма спокойная. Основа — светлые монохромные тона, усиленные цветовым акцентом (акцент на взаимодействии).

Практикум: анализируем реальную карточку Wildberries с типографическими и композиционными ошибками, затем создаем улучшенную версию на основе дизайн-принципов.

Сообщаю: это мои «дизайн-грехи» N года! Решила совершить подвиг — самой найти ошибки и сделать апгрейд:

1. Поля не соответствуют друг другу (маленькие и неровные). Поля должны быть равны со всех сторон или симметричны с двух сторон. Признак повторяемости отсутствует.
2. Фото девушки и парня отвлекает внимание от доминанты, что мешает сконцентрироваться на главном - доминанте.
3. Некорректная градиентная заливка (неконтрастные, мутные и грязные тона) на фоне конфликтует с доминантой, разрушая чистоту восприятия и целостность дизайна.
4. В заголовке нарушены пропорции внутренних и внешних отступов, отсутствует иерархия.
5. Отсутствует иерархия и контрастность в наборном тексте.
6. Доминанта прилипает к заголовку, отсутствует воздух между заголовком и доминантой.
7. Применен неверный эффект "Разрезанный текст" в заголовке.
8. Заголовок выравнен по центру, остальной текст выравнен по левой выключке, что неверно. Эта ошибка касается базового дизайна.
9. Иконка "часы" ближе к слову "120 минут", чем "120 минут" к "беспрерывной работе", хотя "120 минут беспрерывной работы" одно целое.
10. Эффекты в виде дыма, также не несут смысловой нагрузки. Нет конкретного их назначения на макете.
11. Тени под доминантой грязные, выглядят нереалистично.
12. Нет четкости у каменного подиума (немного размыт, низкое качество картинки), что портит и дешевит визуальный вид макета.
13. Модульная сетка нарушена.

Мой итог:

Я с помощью направляющих определила поля, закрыла поля якорными точками сверху и снизу по левой выключке.

Исправила все ошибки и создала с учетом полученных знаний на курсе новый макет.

Вывод: Неделя – огонь, фрукты – вкусные, дизайн – получился, а слова... что ж, с ними мы ещё договоримся.

Оглядываясь назад, разница между ощущениями на второй и третьей неделях курса "КреоDиз" – поразительна. Если вторая неделя прошла под знаком легкой (а иногда и не очень!) тревожности и неуверенности в своих силах, то третья принесла ощутимое спокойствие.

Признаюсь, когда я увидела задания, то испугалась — казалось, у меня ничего не получится. Но, как известно, глаза боятся, а руки делают!

Источников этого умиротворения два. Во-первых, сам процесс рисования оказался невероятно терапевтичным. Хотя, конечно, трудности с прорисовкой теней остаются. Очень надеюсь, что курс поможет мне закрыть пробел.

Во-вторых, и это, пожалуй, главное, пришло понимание. Я стала гораздо яснее осознавать, как правильно работать с иерархией, композицией. У меня больше нет хаотичного расставления текста, элементов, плашек.

И самое удивительное следствие этого – ощущение от готовых работ. "Глядя на них, мне легче дышать" – это не просто слова. От них "пахнет" чистотой и в них нет беспорядка.

№ 1 Первое задание

Скажу честно, мне не нравятся сделанные тени.
На этой неделе внимание было направлено также на отработку типографики (не теней), но я все равно немного нервничаю по поводу теней, так как работа не завершена. Но я обещала вернуться к этой работе, когда я освою их.
Я отрисую ленты и тени заново.

№2 Второе задание

Я до курса брала готовые подиумы, их нельзя была разбирать и двигать. Эти подиумы мы отрисовывали сами, а значит их можно крутить как душе угодно. Это помогло быстрее определиться с композицией.

№3 Третье задание

В этой работе куратор мне сказал сделать доминанту больше, ленту спустить ниже. Так как до правок доминанта была меньше, а лента выше (типографика довила, доминанта прилипала к заголовку). После внесения правок воздуха стало больше, доминанта перестала быть маленькой и незаметной.

Жду 4-ю неделю) С каждой неделей все интереснее и интереснее.

И оказалось, моя юридическая закалка здесь — не багаж, а суперсила. Потому что в дизайне тоже есть свой "Кодекс". Не написанный депутатами, но от этого не менее обязательный к исполнению.

И за несоблюдение "законодательства" — будь то криво выставленные направляющие или пренебрежение сеткой — Алина нас справедливо "оштрафовывает".

Ее "штрафы" — это не денежные взыскания, а обязательные "правки", которые нужно внести в работы. Но "правки" - это не наказание, а инвестиция в наш профессиональный рост.

"Сладкой" эту неделю точно никто не назвал бы.
"Жаркой" – да,
"адреналиновой" – абсолютно,
"дико интересной" – стопроцентно!

А какие успехи делают девочки! Невероятные умницы!

Начнем!

Мы нырнули в стилистику Bento grid – эти аккуратные, почти математические "контейнеры" для контента.

Я бы написала о всех правках, но время 20:24, скоро закроется чат и мне нужно успеть скинуть презентацию... поэтому скорее всего в другой раз более детально распишу!

Потом – две базовые композиции на одном макете. Это как вести два сложных дела одновременно, где каждое требует абсолютной концентрации.

А потом... барабанная дробь, пожалуйста... Акцентная Лента.

О, эта Лента! Не просто элемент, а настоящий испытательный полигон для дизайнерской воли и перфекционизма. Казалось бы, полоска. Просто полоска! Но в ней вся магия привлечения внимания, баланса, интеграции с контентом.

Я много раз удаляла и создавала снова, у меня не было полного удовлетворения от итогового результата. Просидела я минимум часов 5, но все таки смогла реализовать то, что задумала я еще 5 часов назад (хи-хи-хи, или тут стоило бы поплакать?)

И вот... момент истины. Демонстрация работ. Куратор глядя на мою ленту говорит: "Лента шикарная!"

Вы бы видели меня в тот момент! Если бы дизайнерские состояния можно было визуализировать, я бы растеклась, как масло по горячему блину. Это был кристально чистый сигнал: "Твои усилия – не зря. Ты – на правильном пути!".

И так, покинув мир юридических законов, я не сбежала от правил. Я просто сменила юрисдикцию. Теперь я изучаю и применяю "Кодекс визуальной коммуникации". И знаете что? Я по-прежнему служу порядку — только теперь порядку визуальному, помогая не гражданам, а пользователям в цифровом пространстве понять, что главное, и что делать дальше. И в этом новом "законодательстве" мне удивительно комфортно.

И следующая неделя будет "горячей"? Я готова!

Начну с того, что сколько раз я задумывалась о курсе — столько же раз находились причины не идти: «Нет времени», «Нет денег», «Здоровье сейчас в приоритете». Даже в последний момент всё шло наперекосяк: я дотянула до вечера дедлайна по оплате, Артём не отвечал, и я в отчаянии думала: «Ну почему я вечно всё делаю в последний момент?!».

Да, снова вселенная на моей стороне и я успеваю оплатить курс.

Фух, я в игре? Вроде только выполнила одно задание — оплата курса, но на пятки мне наступает очередной квест...
Первые дни напоминали попытку слепить снеговика из растаявшего мороженого — вроде и идея есть, а всё растекается.

Необходимо взять описание любого предстоящего культурно-массового мероприятия (концерт, выставка, стендап и т.д.) В качестве доминанты взять главное действующие лицо или объект. Разместить текст в 3-4 иерархиях.

Посмотрим, что получилось? 1....2....3

Я выбрала тему "Выставка роботов", неодушевленные создания обладают странным магнетизмом: они будто подмигивают нам шестерёнками, намекая, что будущее уже здесь, и оно потрясающе механическое!

Справа нужно было разместить объект (товар), а слева текст в 3-4 иерархиях.

Сложностей в выборе композиции не было, доминанту выбрала быстро. Правки от куратора были минимальные.

С этой композицией мне пришлось посидеть, но итог меня приятно удивил.

"Кризис креатива: как пышки по-Питерски отправили меня на прогулку с собакой"

В моей голове родился шедевр - постер с питерскими пышками, где каждый завиток теста пел о любви к городу. Но реальность оказалась жестче: более 100 генерированных пышек с крошечными человечками, которые выглядели то ли как беглые пельмени, то ли как мутанты из мультфильм, а шрифты упрямо отказывались "дышать" петербургским настроением.

После трёх часов мучений, когда даже собака начала смотреть на меня с жалостью, я в сердцах закрыла крышку ноутбука со словами "Всё, идея умерла" и повела собаку гулять - пусть хоть она получит удовольствие от этого дня!

После прогулки и чашки травяного чая я дала себе последний шансик. И — о чудо! — слайд вдруг ожил. Оказалось, стоит просто перестать пытаться быть гением и позволить идее дышать.

Теперь я знаю: дизайн — это не про вдохновение. Это про пот и упорство. И я готова к этой войне. Потому что в конце концов, именно так рождается лучшая версия себя — через «не могу» и «ненавижу».

Можно еще немного вашего внимания? Хочу поделиться своим мнением насчёт самого обучения.Признаюсь, перед стартом курса я мысленно готовилась к стандартной схеме "прислали — мельком глянули — формально одобрили". Ведь студентов много, а куратор один — как физически можно проверить ВСЕ работы, особенно когда некоторые присылают по 5 вариантов?

Но уже после первой недели все мои страхи развеялись.

Алина не просто указывала на ошибки – она терпеливо объясняла, как их исправить, превращая каждый наш промах в ценный урок. Ее замечания настолько точные и детализированные, что кажется, она видит наши работы через микроскоп. Ни один кривой отступ, ни одна плавающая граница не уйдут от ее профессионального взгляда. При этом она давала критику так мягко и конструктивно, что хотелось немедленно исправлять ошибки, а не плакать в подушку.

Особенно ценно, что она не просто говорит «здесь не так», а объясняет почему и как сделать лучше.

Сейчас я уже не переживаю, а восхищаюсь — такое внимание к деталям дорогого стоит. И знаете что? Когда видишь, как куратор вкладывается в твои работы, начинаешь вдвое серьёзнее относиться к дедлайнам и качеству.

Стримы от Алины – наш спасательный круг в бурном море дизайна.