Роман Горелик

Композиция часть 1. Основы

2022-04-17T11:48:12.992Z

В этой статье поговорим о том, что такое хорошая композиция, как ее создать и по каким критериям оценивать.

Для чего нужна композиция? Почему это может быть важно для нас?

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

Что делать? Как найти место на ночь? Стресс.

А теперь представь, что ты видишь на площади огромный красный баннер с названием отеля и указателем. Совсем другая ситуация, согласись! Ты идешь в направлении стрелки с баннера и видишь еще один указатель, потом еще один, а через 15 минут ты уже у цели! Вуаля! Ты в безопасности, настроение хорошее, впечатления от города будут прекрасными.

Но если бы не баннер, ты бы всем говорил потом, что это отвратительное место с грубыми людьми и плохим сервисом. А всё это из-за стресса, который настиг во время поисков отеля.

Изучение сайта, журнала, инструкции, рекламного баннера или навигационного щита — это такое же приключение, как и поиск отеля. Только не всегда с таким уровнем стресса. Но иногда ты пулей залетаешь в аэропорт за 15 минут до конца регистрации и в панике ищешь свой рейс, тогда тебе поможет сориентироваться табло. Стресс будет даже, думаю, посильнее.

Что такое хорошая композиция

В энциклопедическом значении композиция — это составление элементов. Но просто составить элементы явно нас не устраивает. Мы хотим составить их так, чтобы решить наши задачи. Чтобы было понятно, удобно да еще и красиво. Этому я и хочу посвятить серию статей о композиции. Чтобы пользователь без труда находил, что ему нужно, не тратя времени и сил.

Язык, на котором говорит наше подсознание

Дизайнеры должны понимать его. А как это сделать? По-моему, дизайн — это чистая наука. Поэтому мы будем рассматривать композицию с этой точки зрения. Начнем с нашего восприятия.

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

По каким-то невербальным признакам, жестам, мимике он может догадаться, что вам нужно. Но это не будет полноценным контактом. С нашим мозгом то же самое.

Наказание за плохой макет

Мозг тратит примерно 20% всей нашей энергии, хотя составляет около 2% от массы тела. И как только мозг встречается со сложной задачей, где есть риск потерять много энергии, он начинает сопротивляться и выделять норадреналин, что приводит к прекращению восприятия информации. Один-два неосторожных шага в построении композиции, приводящих к излишней нагрузке на мозг, и хана! Мы потеряли пользователя. А если не потеряли сразу, то мозг из-за такой нагрузки наложил негатив на контент, который мы воспринимаем. И это еще хуже, чем он просто ушел.

Красота – объективное понятие

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

Убиваем двух зайцев

Из этого мы делаем вывод! Когда мы создаем функциональную композицию для решения задач пользователя, все становится "ясно-понятным" и удобным, так как мозг легко может сориентироваться и практически не потратить энергии на аналитическую работу. Так еще и в награду за такую встречу он дарит пользователю ощущение красоты. Ну разве не сказка? Надеюсь, я вас заинтриговал! С этим я вас и оставлю!

А скоро опубликую следующую часть с практическими примерами по созданию хорошей композиции. Подписывайся на нас в Инстаграме (хоть и запрещенном на территории РФ)! Там есть отдельный блок актуальных про композицию.

А если ты хочешь полного погружения в тему качественного, работающего дизайна с большим количеством практики для твоего портфолио, приходи на курс "Композиции и сетки". Тысячи студентов прокачали свой скилл в школе “Наука дизайна”, присоединяйся, количество мест ограничено. По всем вопросам пиши в чат на сайте nauka-dsgn.ru.

Интенсив по цвету 11 апреля

2022-04-05T09:23:39.337Z

Роман Горелик

О курсе

Цвет - очевидная и знакомая вещь, ведь он с нами везде с самого детства. В отличие от сеток, шрифтов и композиции. Поэтому с цветом мы работаем как-то интуитивно, перенося свой опыт из жизни: красный - стой, а зелёный - иди. Всё вроде просто и понятно.

Но на практике мы тратим кучу времени, блуждая по палитре в поисках нужного цвета. А еще потом важно найти дополнительные оттенки и цвета, чтобы все сочеталось и смотрелось хорошо. Это еще час или два. А еще нельзя забывать, что цвет тени подбирается, исходя из цвета дизайна. Фух, вроде, сделали. А как же комментарии от клиента: "Сделайте красный не таким вульгарным, а белый чуточку белее и жизнерадостнее"? 🤯🤬☠️

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

Как и на всех наших курсах, я хочу рассказать вам именно о природе цвета, а не просто давать зубрить какие-то решения по подбору цветов. Мне важно, чтобы вы поняли сам принцип работы: какие задачи он решает в дизайне. Не будет правил и догм. Я буду показывать вам приём, объяснять его принцип, и последствия, к которым он ведёт.

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

Но, конечно, это произойдёт не за 4 дня) а после практики, которую я вам дам на интенсиве.

Как будет проходить курс

У нас будет 4 прямых эфира в 15:00 по мск в телеграме, после каждого эфира будет публиковаться запись и задание для практики.

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

Задания вы будете присылать нашему боту. А я буду записывать обзор на самые интересные работы в формате видео и выкладывать их на канале интенсива.

А знаете что? Ведь это второй наш интенсив! В нем мы учли огромное количество косяков и неудобств, с которыми столкнулись студенты первого потока. Мы разобрали все типовые ошибки и готовы дать ответы на самые каверзные вопросы.

Кому подойдёт

Курс подойдет для любого уровня дизайнера. Новичкам, конечно, будет всё в новинку, а опытным ребятам часть информации покажется знакомой. Но самое главное - это практика, которая никому не будет лишней.

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

Программа курса

Курс состоит и 4-х блоков. Теория плюс практика.

1. Основы

Физика цвета. Как влияет длина волны на выбор цвета для определённых задач. Почему сигнал “стоп” красного цвета, а не синего.

Устройство глаза, колбочки и палочки. Какой цвет выбрать для темного интерфейса, чтобы пользователь не терял мелатонин и мог видеть в темноте.

Восприятие цвета: как мы интерпретируем цвет, как обмануть мозг. Разберем, почему платье сине-черное, а не бело-золотое. Как сделать белый белее. И как сделать цвета ярче, если вы работает в тусклом CMYK'e .

Параметры цвета. Разберем, как правильно использовать все «крутилки» настроек. Как цвет влияет на конверсию. Цветовые пространства RGB CMYK LAB.

Tomatopay — Studio Oliver Helfrich

2. Подбор цвета

Цветовые круги. Эмоциональный и физический цветовой круг.

Виды сочетаний цвета. Как подбирать цвет, исходя из задачи. Как именно сочетание цветов передает настроение. Гармонии и контрасты.

Оттенки Работа с Color Picker. Работа с цветом и эксперименты: красный, зеленый, синий, желтый, фиолетовый, серый. Научимся работать в одном тоне, подбирая разные оттенки.

Тени и блики. Как правильно выбрать оттенок цвета, чтобы дизайн выглядил натурально.

Плагины и сервисы по подбору цвета

3. Градиенты

Виды градиентов и ошибки в них.

Создание современных эффектов. Карта градиента, хроматическая аберрация, режимы наложения. Абстракции на основе цвета.

Этот урок будет больше практическим.

Sebastian Stapelfeldt

4. Цвет в интерфейсах

Подбор цвета для интерфейса. Создание цветовой системы. Влияние психологии и контекста на выбор цвета.

Темная и светлая тема. На что стоит обратить внимание при создании темной темы дизайна. Как сделать темную тему на iOS и Android.

Как видят люди с ограничениями. Виды осложнений зрения. Делаем дизайн доступным без создания дополнительной версии сайта для слабовидящих. Проверка дизайна на доступность.

Условия

Интенсив будет проходить практически весь в телеграме, от вас нужен только компьютер с графическим редактором, а лучше с Фигмой. Свободное время 1,5 часа в день.

И открытость к знаниям, которые могут показаться знакомыми.

Материалы будут доступны пока существует телеграм;)

Стоимость

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

Старт продаж

мы откроем 7 апреля в 12 часов по МСК

https://t.me/color_nd Ссылка на канал где будет запись на интенсив