Минимализм в логотипах автопроизводителей
Дизайн — всегда прямое отражение тенденций во всех сферах нашей жизни, это зеркало, которое отражает все изменения в мире, технологиях, событиях. Тенденция к упрощению логотипов не нова, она хорошо прослеживается у всех известных брендов с длительной историей независимо от сферы.
Читать подробнее
#Design #Logo
Дизайн — всегда прямое отражение тенденций во всех сферах нашей жизни, это зеркало, которое отражает все изменения в мире, технологиях, событиях. Тенденция к упрощению логотипов не нова, она хорошо прослеживается у всех известных брендов с длительной историей независимо от сферы.
Читать подробнее
#Design #Logo
Тренд дизайна в 2021 году. 3D-элементы
3D-технологии становятся все доступнее и получают широкое распространение.
Вы наверняка все чаще встречаете 3D-модели товаров, которые можно рассматривать под углом 360 °, параллаксы с объемной анимацией, которые запускаются по скроллу и многие другие элементы на различных сайтах.
Потенциал у таких технологий велик и будет продолжать свое развитие. Так, например, набирают популярность технологии VR/AR, добавляя эффектность трехмерным элементам за счет дополненной реальности.
#Design
3D-технологии становятся все доступнее и получают широкое распространение.
Вы наверняка все чаще встречаете 3D-модели товаров, которые можно рассматривать под углом 360 °, параллаксы с объемной анимацией, которые запускаются по скроллу и многие другие элементы на различных сайтах.
Потенциал у таких технологий велик и будет продолжать свое развитие. Так, например, набирают популярность технологии VR/AR, добавляя эффектность трехмерным элементам за счет дополненной реальности.
#Design
На что обратить внимание при выборе дизайн-команды?
Что происходит после того как вы отправили запрос в несколько агентств?
Следующий этап — агентство отправляет в ответ на бриф предложение о сотрудничестве. На что же нужно обратить внимание?
Ниже некоторые вопросы, которые помогут вам принять правильное решение:
Какое портфолио у агентства? Работали ли с кейсами, подобными вашему? Если нет, вряд ли вы хотели бы, чтобы агентство набиралось опыта за ваш счет.
Кто будет участвовать в проекте?
Если состав команды постоянно меняется в процессе работы над проектом, это хороший повод задуматься. С большой вероятностью все эти перестановки будут вам стоить времени и денег.
Когда агентство сможет приступить к проекту?
Некоторые агентства могут быть доступны не сразу и требуют предварительного бронирования за несколько недель, а иногда и за несколько месяцев. Также важно уточнить, будет ли специалист команды работать полный рабочий день или распределять свои часы между различными проектами, поскольку это, скорее всего, напрямую повлияет на сроки.
Как сжатые сроки повлияют на стоимость проекта?
За срочную работу придется доплачивать, и это повлечет за собой увеличение бюджета. В этом случае лучше всего уменьшить объем работы и добавить дополнительные задачи позже.
Какие условия предоплаты? Некоторые агентства требуют до 50% первоначального взноса. Проговорите все детали заранее.
Как оплачиваются правки?
Если ставка почасовая, то, возможно, агентство согласится предоставить вам скидку на сверхурочные часы. Это позволит прилично сэкономить в проектах с большим объемом дополнительных работ.
Как вы будете взаимодействовать после завершения проекта?
Будет ли команда доступна для дальнейшего сотрудничества? Или возьмется за новый проект и не сможет быть задействована в вашем?
Все эти рекомендации помогут вам сделать хаотичный творческий процесс максимально продуктивным, и результаты работы будут всегда соответствовать вашим ожиданиям.
Автор
#Design
Что происходит после того как вы отправили запрос в несколько агентств?
Следующий этап — агентство отправляет в ответ на бриф предложение о сотрудничестве. На что же нужно обратить внимание?
Ниже некоторые вопросы, которые помогут вам принять правильное решение:
Какое портфолио у агентства? Работали ли с кейсами, подобными вашему? Если нет, вряд ли вы хотели бы, чтобы агентство набиралось опыта за ваш счет.
Кто будет участвовать в проекте?
Если состав команды постоянно меняется в процессе работы над проектом, это хороший повод задуматься. С большой вероятностью все эти перестановки будут вам стоить времени и денег.
Когда агентство сможет приступить к проекту?
Некоторые агентства могут быть доступны не сразу и требуют предварительного бронирования за несколько недель, а иногда и за несколько месяцев. Также важно уточнить, будет ли специалист команды работать полный рабочий день или распределять свои часы между различными проектами, поскольку это, скорее всего, напрямую повлияет на сроки.
Как сжатые сроки повлияют на стоимость проекта?
За срочную работу придется доплачивать, и это повлечет за собой увеличение бюджета. В этом случае лучше всего уменьшить объем работы и добавить дополнительные задачи позже.
Какие условия предоплаты? Некоторые агентства требуют до 50% первоначального взноса. Проговорите все детали заранее.
Как оплачиваются правки?
Если ставка почасовая, то, возможно, агентство согласится предоставить вам скидку на сверхурочные часы. Это позволит прилично сэкономить в проектах с большим объемом дополнительных работ.
Как вы будете взаимодействовать после завершения проекта?
Будет ли команда доступна для дальнейшего сотрудничества? Или возьмется за новый проект и не сможет быть задействована в вашем?
Все эти рекомендации помогут вам сделать хаотичный творческий процесс максимально продуктивным, и результаты работы будут всегда соответствовать вашим ожиданиям.
Автор
#Design
Cовет, как создавать всплывающие окна, которые не раздражают. Рассмотрите все виды дизайна всплывающих окон
Самый распространенный вариант — квадратный поп-ап в центре экрана. Он появляется прямо перед глазами пользователя и закрывает нужный контент. Это неплохой вариант, но это не значит, что его следует использовать везде и всегда.
Здесь дизайнер использовал необычный подход, делая акцент на изображении, а не на других элементах всплывающего окна. Дизайн Тамары на Dribbble
Поп-апы могут появляться в любом месте экрана — все зависит от того, что вы хотите сообщить посетителю сайта. Стандартное расположение строго по центру обычно используют, чтобы рассказать что-то важное: о горящих акциях или необходимости оплатить контент (допустим, в онлайн-медиа).
Всплывающие окна могут появляться сверху или снизу экрана, позволяя пользователю продолжать просматривать сайт. При таком подходе посетитель сам выбирает, в какой момент отвлечься на рекламу. Этот подход часто используется для менее важных действий, например, чтобы узнать адрес почты посетителя.
Всплывающее окно также может появляться сбоку или в углу страницы. Это самый ненавязчивый способ, и обычно его используют для дополнительного контента, например для инструкций и советов.
Еще один важный аспект дизайна — анимация. То, как всплывающее окно появляется на экране, может значительно влиять на его восприятие. Например, постепенное увеличение изображения намного приятнее для глаз, чем когда оно резко перекрывает контент на странице. При этом буквально «выпрыгивающие» и «отскакивающие» поп-апы кажутся забавными и привлекают внимание. Более сложные и креативные дизайны, например, когда разные части рекламы отображаются с помощью необычных видов анимации, позволяют воспринимать поп-апы не просто как рекламу, а как интерактивный элемент сайта.
Автор
#Design
Самый распространенный вариант — квадратный поп-ап в центре экрана. Он появляется прямо перед глазами пользователя и закрывает нужный контент. Это неплохой вариант, но это не значит, что его следует использовать везде и всегда.
Здесь дизайнер использовал необычный подход, делая акцент на изображении, а не на других элементах всплывающего окна. Дизайн Тамары на Dribbble
Поп-апы могут появляться в любом месте экрана — все зависит от того, что вы хотите сообщить посетителю сайта. Стандартное расположение строго по центру обычно используют, чтобы рассказать что-то важное: о горящих акциях или необходимости оплатить контент (допустим, в онлайн-медиа).
Всплывающие окна могут появляться сверху или снизу экрана, позволяя пользователю продолжать просматривать сайт. При таком подходе посетитель сам выбирает, в какой момент отвлечься на рекламу. Этот подход часто используется для менее важных действий, например, чтобы узнать адрес почты посетителя.
Всплывающее окно также может появляться сбоку или в углу страницы. Это самый ненавязчивый способ, и обычно его используют для дополнительного контента, например для инструкций и советов.
Еще один важный аспект дизайна — анимация. То, как всплывающее окно появляется на экране, может значительно влиять на его восприятие. Например, постепенное увеличение изображения намного приятнее для глаз, чем когда оно резко перекрывает контент на странице. При этом буквально «выпрыгивающие» и «отскакивающие» поп-апы кажутся забавными и привлекают внимание. Более сложные и креативные дизайны, например, когда разные части рекламы отображаются с помощью необычных видов анимации, позволяют воспринимать поп-апы не просто как рекламу, а как интерактивный элемент сайта.
Автор
#Design
Прием, который используется в текстовых логотипах.
Три – это уже толпа.
Еще один распространенный прием – это заглавная буква E, нарисованная тремя горизонтальными линиями. Она часто используется, чтобы придать футуристичности, особенно в случае Tesla и логотипа фантастического фильма «Пассажиры».
Бонусные баллы за использование «E» из трех линий и перевернутой буквы «V» в одном логотипе.
#Design #Logo
Три – это уже толпа.
Еще один распространенный прием – это заглавная буква E, нарисованная тремя горизонтальными линиями. Она часто используется, чтобы придать футуристичности, особенно в случае Tesla и логотипа фантастического фильма «Пассажиры».
Бонусные баллы за использование «E» из трех линий и перевернутой буквы «V» в одном логотипе.
#Design #Logo
Коммерческие шрифты
Рано или поздно многие дизайнеры обнаруживают, что системные или бесплатные шрифты не могут удовлетворить их потребности в конкретном проекте. И тогда перед ними стоит задача выбрать коммерческий шрифт. Обычно именно с выбором коммерческого шрифта связаны основные трудности.
Разница в цене между лицензией на использование шрифта в приложении и десктоп-, веб-лицензией станет для вас неприятным сюрпризом (особенно, если вы раньше не покупали подобную лицензию). Например, десктоп-лицензия на один стиль шрифта FF DIN стоит 95 долларов, а для приложения – 950 долларов 😱 (цена с сайта myfonts.com)
Рекомендации
Если вы решили интегрировать кастомный шрифт в дизайн приложения, вам необходимо учесть следующее:
Узнайте все нюансы лицензии
Условия распространения шрифтов могут сильно отличаться
Изучите все технические нюансы шрифта, такие как читабельность при малых размерах.
Подумайте, как ваш продукт будет масштабироваться в будущем. Например, может оказаться, что выбранный шрифт не поддерживает кириллицу.
Узнайте, есть ли у шрифта достаточное количество весов или стилей.
🤓 Совет
Ищите шрифты для вашего приложения прямо на сайтах Type Foundries. Так вы сможете сэкономить на лицензии и найти более интересные стили.
Автор
#Design #Typography
Рано или поздно многие дизайнеры обнаруживают, что системные или бесплатные шрифты не могут удовлетворить их потребности в конкретном проекте. И тогда перед ними стоит задача выбрать коммерческий шрифт. Обычно именно с выбором коммерческого шрифта связаны основные трудности.
Разница в цене между лицензией на использование шрифта в приложении и десктоп-, веб-лицензией станет для вас неприятным сюрпризом (особенно, если вы раньше не покупали подобную лицензию). Например, десктоп-лицензия на один стиль шрифта FF DIN стоит 95 долларов, а для приложения – 950 долларов 😱 (цена с сайта myfonts.com)
Рекомендации
Если вы решили интегрировать кастомный шрифт в дизайн приложения, вам необходимо учесть следующее:
Узнайте все нюансы лицензии
Условия распространения шрифтов могут сильно отличаться
Изучите все технические нюансы шрифта, такие как читабельность при малых размерах.
Подумайте, как ваш продукт будет масштабироваться в будущем. Например, может оказаться, что выбранный шрифт не поддерживает кириллицу.
Узнайте, есть ли у шрифта достаточное количество весов или стилей.
🤓 Совет
Ищите шрифты для вашего приложения прямо на сайтах Type Foundries. Так вы сможете сэкономить на лицензии и найти более интересные стили.
Автор
#Design #Typography
Прием, который часто используется в текстовых логотипах. Перевернутая «u»
Подобно перевернутой «V» в качестве буквы «A», перевернутая «u» в качестве буквы «n» является довольно распространенным вариантом. В 2015 году эта «n» довольно сильно повлияла на нас, дизайнеров. Можно сказать, что эти «n» кажутся немного неуместными по сравнению с другими буквами, стоящими рядом с ними.
#Design #Logo
Подобно перевернутой «V» в качестве буквы «A», перевернутая «u» в качестве буквы «n» является довольно распространенным вариантом. В 2015 году эта «n» довольно сильно повлияла на нас, дизайнеров. Можно сказать, что эти «n» кажутся немного неуместными по сравнению с другими буквами, стоящими рядом с ними.
#Design #Logo
Используете насыщенные цвета? Попробуйте смягчить ситуацию с помощью оттенков и теней (Tints и Shades)
Сильно насыщенные цвета (ярко-синий, красный, зеленый и т. д.) могут отлично смотреться на сайте, но при чрезмерном использовании будут утомлять глаза пользователя, особенно при больших объемах текста.
По возможности используйте их в умеренных количествах и старайтесь сочетать с приглушенными оттенками (tint или shade) насыщенного цвета, чтобы избежать усталости глаз.
Использование этого метода также привлечет внимание к насыщенному цвету, поэтому наиболее важный контент окажется в центре внимания. При этом более приглушенные цвета будут играть менее заметную роль и дадут глазам пользователя немного отдохнуть.
Автор
#Design #UI
Сильно насыщенные цвета (ярко-синий, красный, зеленый и т. д.) могут отлично смотреться на сайте, но при чрезмерном использовании будут утомлять глаза пользователя, особенно при больших объемах текста.
По возможности используйте их в умеренных количествах и старайтесь сочетать с приглушенными оттенками (tint или shade) насыщенного цвета, чтобы избежать усталости глаз.
Использование этого метода также привлечет внимание к насыщенному цвету, поэтому наиболее важный контент окажется в центре внимания. При этом более приглушенные цвета будут играть менее заметную роль и дадут глазам пользователя немного отдохнуть.
Автор
#Design #UI
Повысьте удобочитаемость, выбрав правильную длину строки для основного текста
Работа с основным текстом и определение подходящей длины строки поможет добиться баланса.
Длина строки от 45 до 75 символов считается достаточной для страницы с одним столбцом, а строка из 66 символов (которая включает как буквы, так и пробелы) считается оптимальным вариантом.
Конечно, размер шрифта и высота строки играют важную роль в определении читабельности, но для длины строки придерживайтесь ограничения в 45–75 символов, и все будет в порядке.
#Design #UX
Работа с основным текстом и определение подходящей длины строки поможет добиться баланса.
Длина строки от 45 до 75 символов считается достаточной для страницы с одним столбцом, а строка из 66 символов (которая включает как буквы, так и пробелы) считается оптимальным вариантом.
Конечно, размер шрифта и высота строки играют важную роль в определении читабельности, но для длины строки придерживайтесь ограничения в 45–75 символов, и все будет в порядке.
#Design #UX
Как сделать вашу мобильную рекламу заметной. Помните о «воздухе» между элементами
Частая ошибка новичков — стремление заполнить всю монтажную область баннера. Однако любой контент любит пространство. «Воздух», или пустоты между смысловыми элементами помогают им раскрыться и привлечь к себе внимание.
Если располагать детали на баннере слишком плотно, они просто склеятся между собой. Сообщение не считается, а реклама быстро исчезнет из памяти пользователей, не оставив там даже название бренда.
Если хотите выделить объект на баннере — оставьте вокруг него пустое пространство.
Автор
#Design #Typography
Частая ошибка новичков — стремление заполнить всю монтажную область баннера. Однако любой контент любит пространство. «Воздух», или пустоты между смысловыми элементами помогают им раскрыться и привлечь к себе внимание.
Если располагать детали на баннере слишком плотно, они просто склеятся между собой. Сообщение не считается, а реклама быстро исчезнет из памяти пользователей, не оставив там даже название бренда.
Если хотите выделить объект на баннере — оставьте вокруг него пустое пространство.
Автор
#Design #Typography
Сеть пиццерий Papa Johns представила новый логотип и оформление ресторанов
Теперь в логотипе нет апострофа. Логотип отражает «гибкость», смелое, простое и веселое впечатление от сети. В новом логотипе нет апострофа, используются красный и зелёный цвета других оттенков.
Читать подробнее
#Design #Brand
Теперь в логотипе нет апострофа. Логотип отражает «гибкость», смелое, простое и веселое впечатление от сети. В новом логотипе нет апострофа, используются красный и зелёный цвета других оттенков.
Читать подробнее
#Design #Brand
Чем занимается дизайнер айдентики?
Разрабатывает фирменный стиль бренда – рисует логотипы, выбирает цвета и шрифты, оформляет информационную продукцию бренда.
Из чего состоит рабочий день?
Штатный дизайнер в компании (in-house) отвечает за всю визуальную коммуникацию фирмы – от выставок и каталогов до эмейл рассылок. Дизайнер айдентики в студии сосредоточен на конкретных элементах фирменного стиля – логотипы, шрифты, цвета и т.п.
В каких программах работает?
Adobe Photoshop, Adobe Illustrator, Corel Draw, Procreate, Adobe After Effects, Blender 3d.
#Design
Разрабатывает фирменный стиль бренда – рисует логотипы, выбирает цвета и шрифты, оформляет информационную продукцию бренда.
Из чего состоит рабочий день?
Штатный дизайнер в компании (in-house) отвечает за всю визуальную коммуникацию фирмы – от выставок и каталогов до эмейл рассылок. Дизайнер айдентики в студии сосредоточен на конкретных элементах фирменного стиля – логотипы, шрифты, цвета и т.п.
В каких программах работает?
Adobe Photoshop, Adobe Illustrator, Corel Draw, Procreate, Adobe After Effects, Blender 3d.
#Design
Тренд в дизайне 2021 - 2022. Очень яркие цвета
Тренд на яркие цвета косвенно вытекает из тренда на ретро-дизайн, так как все яркие цвета идут с 80-х. Кислотные, выедающие цвета все чаще видно на сайтах, они хорошо привлекают внимание и смотрятся необычно. Это помогает выделяться среди сотни сайтов конкурентов, а значит, работает на пользу компании.
Больше всего пользуется спросом именно теплые оттенки цветов: красный, желтый, оранжевый, зеленый. Связано это с тем, что теплые цвета больше бросаются в глаза, хорошо сочетаются между собой и приятнее человеческому глазу.
#Design
Тренд на яркие цвета косвенно вытекает из тренда на ретро-дизайн, так как все яркие цвета идут с 80-х. Кислотные, выедающие цвета все чаще видно на сайтах, они хорошо привлекают внимание и смотрятся необычно. Это помогает выделяться среди сотни сайтов конкурентов, а значит, работает на пользу компании.
Больше всего пользуется спросом именно теплые оттенки цветов: красный, желтый, оранжевый, зеленый. Связано это с тем, что теплые цвета больше бросаются в глаза, хорошо сочетаются между собой и приятнее человеческому глазу.
#Design
Profi.ru закончил ребрендинг и сменил название на «Профи»
Это первый ребрендинг с момента основания в 2014 году.
Читать об этом
#Design #Brand
Это первый ребрендинг с момента основания в 2014 году.
Читать об этом
#Design #Brand
Руководство по созданию эффективного эмоционального дизайна
Эмоциональный дизайн – это искусство создавать опыт, привлекающий ваших пользователей. Для этого вам необходимо понять, как они думают, чего они хотят и как они будут использовать ваш продукт.
Внешний вид, ощущение, тон – все должно сочетаться, чтобы создать целостный продукт, учитывая эмоциональную реакцию людей на него.
Здесь мы говорим о проектировании опыта, который создает эмоциональную связь с пользователями или заставляет их чувствовать себя особенными, доставляя удовольствие.
Читать подробнее
#Design #UI
Эмоциональный дизайн – это искусство создавать опыт, привлекающий ваших пользователей. Для этого вам необходимо понять, как они думают, чего они хотят и как они будут использовать ваш продукт.
Внешний вид, ощущение, тон – все должно сочетаться, чтобы создать целостный продукт, учитывая эмоциональную реакцию людей на него.
Здесь мы говорим о проектировании опыта, который создает эмоциональную связь с пользователями или заставляет их чувствовать себя особенными, доставляя удовольствие.
Читать подробнее
#Design #UI
Ловите удачный референс тёмной темы от дизайнеров приложения Яндекса
Наличие тёмной темы — это важная UX-штука. Она помогает пользователю удобно читать информацию, особенно в тёмное время суток.
Яндекс запустил тёмную тему для своего приложения на iOS. Более того, приложение подстраивается под режим, который установлен на iPhone. Выглядит хорошо.
#Design #UX
Наличие тёмной темы — это важная UX-штука. Она помогает пользователю удобно читать информацию, особенно в тёмное время суток.
Яндекс запустил тёмную тему для своего приложения на iOS. Более того, приложение подстраивается под режим, который установлен на iPhone. Выглядит хорошо.
#Design #UX
Вопросы, которые задают в Google UX - исследователям.
1. Что такое P-value? В чём ее особенность?
2. Предположим, вы используете отслеживание взгляда на участнике с экзотропией (косоглазием), и не можете успешно откалибровать UI. Что вы сделаете?
3. Опишите свой самый значительный навык как UX-дизайнера. Какой совет вы бы дали тому, кто пытается этому научиться?
4. Как бы вы проводили интервью с пользователями, если бы пытались протестировать конкретное взаимодействие?
5. Представьте, что у вас есть 3 разных пользовательских интерфейса, и вам нужно выяснить, какой из них лучше. Что бы вы сделали?
6. У вас есть два продукта. Вам нужно задать 1 вопрос пользователям, чтобы определить, какой из них они больше предпочитают. Что бы вы спросили?
7. Какие трудности бывают у UX-исследователей? Как их преодолеть?
8. Подумайте о приложении, которое вам нравится. Предположим, менеджер по продукту говорит вам, что он хочет, чтобы вы нашли 10 основных проблем в интерфейсе? Как бы вы это сделали?
9. Как вы справляетесь, когда люди скептически относятся к ценности исследования юзабилити?
10. Как понять, что проект «готов»?
#Design #UX
1. Что такое P-value? В чём ее особенность?
2. Предположим, вы используете отслеживание взгляда на участнике с экзотропией (косоглазием), и не можете успешно откалибровать UI. Что вы сделаете?
3. Опишите свой самый значительный навык как UX-дизайнера. Какой совет вы бы дали тому, кто пытается этому научиться?
4. Как бы вы проводили интервью с пользователями, если бы пытались протестировать конкретное взаимодействие?
5. Представьте, что у вас есть 3 разных пользовательских интерфейса, и вам нужно выяснить, какой из них лучше. Что бы вы сделали?
6. У вас есть два продукта. Вам нужно задать 1 вопрос пользователям, чтобы определить, какой из них они больше предпочитают. Что бы вы спросили?
7. Какие трудности бывают у UX-исследователей? Как их преодолеть?
8. Подумайте о приложении, которое вам нравится. Предположим, менеджер по продукту говорит вам, что он хочет, чтобы вы нашли 10 основных проблем в интерфейсе? Как бы вы это сделали?
9. Как вы справляетесь, когда люди скептически относятся к ценности исследования юзабилити?
10. Как понять, что проект «готов»?
#Design #UX
This media is not supported in your browser
VIEW IN TELEGRAM
Слышали про закон Хика в дизайне? 🤔
#design
Закон гласит, что чем больше вариантов, тем сложнее сделать выбор.
Это наверно касается не только дизайна, тогда почему мы часами можем сидеть на маркетплейсах, там же вариантов тьма? 😬
Автор: @mo.grpx
📕 Designer Notes
#design
Закон гласит, что чем больше вариантов, тем сложнее сделать выбор.
Это наверно касается не только дизайна, тогда почему мы часами можем сидеть на маркетплейсах, там же вариантов тьма? 😬
Автор: @mo.grpx
📕 Designer Notes