TGViewer
Channel Public Channel
Brain Design

Brain Design

@braindesignbad

Заметки креативного директора: вдохновляю и структурирую визуальный хаос.
Из IT и рекламы в предпринимательство — развиваю агентство, fashion-бренд и создаю декор в Dubai Mall. Синтез маркетинга и эстетики + честные инсайты 🎨
📩 @alenochkamurmur
Subscribers
253
Photos
666
Videos
105
Links
93

Showing posts older than #110 · Back to latest

Older Posts 13 shown
Post #109 82

Forwarded from Морина пишет

Пытаюсь собрать полезное с разных лекций. @Svetlana_Romi поделилась презентацией Алексея Зайцева, старшего продуктового дизайнера в VK.

Здесь все четко про работу с компонентами.
Dropbox Paper 🔨 VKUI Common Library: Работа с Компонентами Общая библиотека будет содержать базовые стили Цветов, Типографики и Компоненты с полным применением этих стилей.
Post #108 73

Forwarded from Морина пишет

Кстати, вот так выглядит дизайн-команда в одном из направлений МТС.

#dsgnwknd
Post #106 71

Forwarded from Морина пишет

Вот ещё два интересных слайда на тему мультизадачности.

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

Второй слайд: формула кайфового продукта.

Если один спец будет делать такой продукт один, то прогнозирую такой результат:

👉🏻 плохое качество продукта, но дёшево и в срок;
👉🏻 хорошее качество, но долго и дорого;
👉🏻 выпустили в срок в сыром виде и нужно ещё денег на доработку.

#dsgnwknd
Post #105 69

Forwarded from Морина пишет

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

#dsgnwknd
Post #104 70

Forwarded from Морина пишет

Алексей Чупин,
дизайн-директор
МТС

Этот доклад должен был быть про «Дизайн и бизнес», но все пошло не туда 🙃

И к лучшему.

Алексей поделился мыслями о навыках специалиста, которые перекликались с моими.

Сейчас наступила эра «дизайнеров специалистов-оркестров» — в разной степени умеют в разные направления одновременно: UX, UI, CJ, тексты и т.д. Что с этим не так?

▪️ Если эксперт прокачен во всем — такая экспертиза слишком дорогая. Есть такие senior-дизайнеры, которые получают намного больше тимлидов их команды. И на рынке спецов эта большая проблема.

▪️ Качество креатива и продукта страдает. Не может специалист быть одновременно хорош во всем. В любом случае в чем-то будет хуже, даже если навивки крутые: не хватит времени, усталость, не смог быстро переключиться и т.д.

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

Если ещё год назад все говорили про мультизадачность, то сейчас начинаем возвращаться к узким специалистам.

#dsgnwknd
Post #103 71
Доброе #dsgnwknd! ⭐️
И ещё лекции со вчера, на которые я не попала, из-за параллельного времени выступлений, тоже интересные, поэтому оставляю здесь 👇🏻
Post #100 111
5-я лекция
Арт-директор Паратайп
Александра Королькова
«Как подобрать шрифт для проекта. Пошаговое руководство»


1. есть ли брендбук с фирменным шрифтом? Да - все ок, нет - сужаем круг (см.фото 1)
Дизайн. Пропорции и параметры, Тех. характеристики
2. Есть ли бюджет на шрифты?
Нет - подборка шрифтов бесплатный здесь
https://info.paratype.ru/no-funds-for-fonts/
Лицензия нужна в первую очередь клиенту, и они разные в зависимости от использования

>>> fontoscope (там можно скачать приложение и как тайпкит работает, подключили в приложении, появится в фигме)

3. Анализируем проект, где как и в каких кол-вах будет нужен шрифт (да, ещё до выбора!) и считаем примерный бюджет (возвращаемся к п.2) - иногда заказать собственный шрифт дешевле, чем покупать лицензии на тиражные шрифты)
4. Для чего нужен шрифт?
⁃ передача информации
⁃ Привлечение внимания
⁃ Важно не путать выразительный шрифт и выразительную типографику
5. Лень читать - условия использования
⁃ Ограниченное пространство
⁃ ограниченное время чтения (узнаваемые формы, для чтения с расстояния лучше взять демиболд или медиум)
⁃ Большое расстояние до текста (узнаваемые формы знаков - навигация робото - растаскиваем тк они оч плотно стоят)
⁃ Низкое разрешение поверхности (высокие строчные буквы, увеличенные межбуквенное расстояния, компенсация технологических ограничений)
⁃ Краска раньше затекала при печати, поэтому утончили буквы на стыках!!!
⁃ Длинный текст (привычная форма знаков и равномерные межбуквенные расстояния)
⁃ Незнакомые слова (узнаваемые формы, разные для тех, которые легко спутать О или 0, для этого засечки, хвостики и перечёркнутые 0)

Если главная цель передать информацию -
1. прошлись по всем типам ограничений
2. Соотнесли ограничения с параметрами
3. Выбираем подходящий

Сужаем круг по ТТ:
1. какие языки используются? Нужно ли спец знаки?
2. Какая структура текста? Какие начертания?
3. Будут ли смотреть на шрифт с экрана Винды?
Проект для веба, важно на этапе выбора проверить как выглядит на винде, чтобы не было плохого отображение

Лонгрид про https://darkside.paratype.ru

Если главная цель - передать эмоции и настроение - акцидентный шрифт = работает правило: я дизайнер я так вижу

Как соотнести эмоцио шрифта с параметрами?
(См. Фото примеры)

Качество и современность в шрифте
Допустимо все, что не ухудшает шрифт, на том уровне, на котором вы собираетесь его использовать


1. важно смотреть в размере и с текстом, в котором мы его используем
2. На общем плане работают:
⁃ пропорции
⁃ Межбуквеные
⁃ Баланс чёрного и белого
3. На среднем плане работаю
⁃ наличие знаков
⁃ Логика конструкции
⁃ Логика рисунков
4. На крупном плане
⁃ вид и характер контура (контур выходит на первое место в выразительности шрифта)
⁃ Вид деталей (стыки и углов, то что раньше было дочушкой для краски— сейчас выразительный приём)

1. Смотрим на закрытость/открытость и ширину букв в шрифте
2. Книга Karen Cheng Designing Type

> В современных шрифтах часто идеи скрещиваются (неправильные оси, трафарет с болдом)

*подборка классных шрифтов 👇🏻 (добавлю позднее)

Ссылка на краткую выжимку лекций с полезными QR-кодами
https://info.paratype.ru/wp-content/choosing_font_paratype_a3.pdf

#Лекция5 #dsgnwknd
Тёмная сторона шрифта Тёмная сторона шрифта — Page 1
Post #96 67
#Лекция5 #dsgnwknd
Post #95 201
4-я лекция
Гуров Сергей
«Органический дизайн»
Творческий руководитель CDTP


Ключевой вопрос:
Что такое дизайн? Чем мы занимаемся?


Дизайн решение - есть результат баланса или компромисса между универсальностью производства продукта и индивидуальностью его потребления

История:
1я половина ХХ в. Автоматизация
2я половина ХХ в. Автоматизация + информатизация (вариабельность и реализация желаемого продукта)
Конец ХХв. (Автоматизация + информатизация) * цифровизацию = появляется культура потребления
Конец ХХв - начало ХХI (Автоматизация + информатизация) * цифровизацию = идеальный продукт
(Кока-кола - пример контекста потребления, только холодная и закрытая, тогда мы ее хотим)

Смещение маятника УНИВЕРСАЛЬНОСТИ производства на ИНДИВИДУАЛЬНОСТЬ

«Моя задача: организовать коммуникацию/взаимодействия продукта и потребителя»

1 Вопрос: как создать универсальную систему с высокой вариативностью?

Система. Чем более она жесткая, тем больше она требует соблюдения правил. Правила разрушают систему от взаимодействия извне.
Гибкая система требует наличие компетентного ресурса

Как решать проблему использования гайдлайнов? Тк это система и жёсткая
>>> системы рушатся, люди сменяются и правила все равно проваливаются

Чем больше порядка мы создаём, с тем большей хаотичностью мы сталкиваемся

2 вопрос: как создать систему, способную использовать внешние и случайные воздействия как формообразующий фактор

Система (универсальность) >>> (индивидуальность) организм

От клиента мы получаем:
Органика (материал): тексты, фото, комбинации блоков
Механика (архитектура): схема, сетка, иерархия, навигация

Модульный лонгрид - пример
Как кропилом картинки разного формата, без сетки но с доп блоком
+ сетка текста - текст начинает сам себя верстать (см картинку с сеткой) = форму текста

Можно усложнять форму модуля (вместо текста поставили фото(см.фото), но читаем по диагонали лонгрида

Квадратный модуль - как избавление от правил, туда влезут картинки любого формата

#Лекция4 #dsgnwknd
Post #91 186
#Лекция4 #dsgnwknd
Post #90 77
3-я лекция
Чёрные паттерны в дизайне
Мария Верхунова Ailet, продукт дизайн лид. Разрабатывают дизайн-решения для продуктов на основе Computer vision


«Компании гоняясь за прибылью используют наше психологическое состояние и давят на него»

Чёрные паттерны— когнитивные искажения, которые намеренно вводят пользователя в состояние

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

Мозг воспринимает информацию: язык, определение себя в пространстве, зрение и фокус внимания, память, эмоции, принятие решений

Цвет:
Наше восприятие не зависит от физиологи, цвет соглашается на 20 процентов зрением и на 80 процентов нервной системой — отсюда разная интерпретация разными людьми цвета.

Голубой цвет - по статистике самый любимый в мире

Теория экологической валентности EVT (когда цвета наши ассоциации с местом/временем)

Например, Пантон - проводят исследование, штудируют события, блоги, и прочее - выдают цвет года + колесо эмоция Плутчика, отсюда складывается цвет года

Фокус внимания:
-Где собачка, а где маффин?
-Наша зрительная система, создаёт четкость там, где ее нет

Для дизайнера важно, когда создаём акценты и навигацию - не смещать фокус

Определение себя в пространстве:
Где я и куда идти?

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

Память:
Каковы мои ожидания или абстрактная память

Стереотип = паттерн

#Лекция3 #dsgnwknd
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →