Design Jam

2022-01-10 15:28:12 Привет! Открываем первую Джем-неделю 2022 года подборкой от креативного директора red_mad_robot Насти Смирновой. Погрузимся в мир яркого визуала и прокачаем насмотренность.

Начнём с работ дизайн-студии Geex Arts, которую возглавляет Слава Корнилов. В своём аккаунте на Dribbble он показывает примеры интересных решений по механикам в интерфейсе и вдохновляет на яркие эксперименты с анимацией и 3D.

Советуем изучить его дизайн для приложения Octi, сервиса для тренировок Presence, а также виртуальные маски. Железные сердца плавят не только сами работы, но и их презентация — это не просто макеты, а ярко оформленные шоты, которые хочется пересматривать раз за разом.

#Inspiration Открыть/Комментировать

2021-12-31 11:01:40 В завершении недели (и года) делимся полезными ресурсами, которые помогут создать палитру для дизайна пользовательского интерфейса.

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

・Примеры правильных градиентных переходов для пользовательского интерфейса.

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

・Цветовой круг для подбора палитры и схем от Adobe.

А искать вдохновение и смотреть на отличные примеры работы с цветом можно на Designspiration, Dribbble и Grabient.

Хороших праздников! До встречи в 2022

#color Открыть/Комментировать

2021-12-30 15:00:33 У каждого цвета есть свой культурный контекст:

・белый ассоциируется со свежестью, чистотой и современностью;
・красный вызывает ощущение силы, уверенности или любви;
・синий вселяет чувство спокойствия, безопасности и надёжности;
・а жёлтый может трактоваться в контексте риска, счастья или предупреждения.

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

#color Открыть/Комментировать

2021-12-30 13:44:58 Вот это да! Сегодня День Республики Мадагаскар! А ещё наша уютная Джем-туса разрослась до 4000 человек. Конечно, это на 674900% меньше, чем жителей в Республике Мадагаскар, но рады мы не меньше.

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

С Наступающим! Открыть/Комментировать

2021-12-29 18:22:09 Вчера мы поговорили про базовые группы цветов, но это, конечно же, не всё! Ведь есть ещё сложные цвета, которые получаются за счёт оттенков и тонов. Тут на помощь приходит цветовой круг Иттена

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

#color Открыть/Комментировать

2021-12-28 15:00:41 Люди связывают цвета с определёнными эмоциями: например, синий означает доверие, а красный ассоциируется со скоростью и энергией; чёрный указывает на современный и элегантный дизайн, а оранжевый считывается как что-то активное и весёлое.

В колористике существует три вида цветов: основные, вторичные и третичные.

· Основные: родительские цвета, которые помогают создавать другие цвета и оттенки. В эту группу входят красный, жёлтый и синий.

· Вторичные: цвета, образующиеся путём комбинирования любых двух цветов из основных. Это оранжевый, зелёный и фиолетовый.

· Третичные: цвета, которые получаются в результате смешивания основного и вторичного цветов.

#color Открыть/Комментировать

2021-12-28 13:48:13 На видео креативный директор red_mad_robot, Настя Смирнова

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

Всем участникам, вы — лучшие! Всем будущим участникам — до встречи на следующей прокачке в 2022. Да пребудет с вами сила роботов! Открыть/Комментировать

2021-12-27 16:17:14 Хэй!

На дворе последняя неделя 2021 года, вокруг сияют разноцветные огни и самое время поговорить про колористику.

Сначала разберёмся с ролью цвета в графическом дизайне — тут три главных задачи:

・Эмоции. Помогают пользователям понять окружающую реальность — в нашем случае дизайн. Цвета создают общую атмосферу, передают настроение продукта и ощущения от его использования. Примерно 90% людей принимают решение о покупке исходя только из визуальных информационных посылов.

・Внимание. С помощью правильно расставленных цветовых акцентов дизайнер может создать сценарий поведения: исключить пользовательские ошибки и задать паттерн успешных действий.

・Бренд. При работе с брендами цвета транслируют их миссию, выстраивают коммуникацию с потребителями и помогают компании идентифицировать себя и свои продукты среди других брендов.

На видео лекция про цвет от старшего дизайнера интерфейсов red_mad_robot Милы Михайловой. Спасибо Миле за помощь в подготовке этой недели.

#color Открыть/Комментировать

2021-12-24 17:40:15 Использование нюанса, контраста и тождества позволяет создать ритм композиции. Он может быть внешним и внутренним, очевидным или интуитивно выстроенным на силовых линиях, одинаковым или разным по скорости — в общем, любым.

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

Продолжаем делиться полезными материалами с нашего недавнего Дизайн-челленджа. Лекцию про композицию ты найдёшь в визуалах к этому посту

Хороших выходных!

#композиция Открыть/Комментировать

2021-12-23 16:02:03 Дизайнер не может с точностью предсказать действия зрителя и определить траекторию его взгляда, но он может помочь ему посмотреть в нужную сторону. В любой композиции есть точки или пятна в виде композиционной доминанты, между которой возникает связь — силовая линия. Она работает для объединения всех элементов дизайна, создавая целостную картину и управляя поведением пользователя. Благодаря силовым линиями объекты могут взаимодействовать как друг с другом, так и со зрителем. Например, вертикальные и горизонтальные линии будут проще и быстрее считываться — поэтому важную информацию лучше размещать по этим направляющим.

#композиция Открыть/Комментировать