Тренд дизайна в 2021 году. 3D-элементы
3D-технологии становятся все доступнее и получают широкое распространение.
Вы наверняка все чаще встречаете 3D-модели товаров, которые можно рассматривать под углом 360 °, параллаксы с объемной анимацией, которые запускаются по скроллу и многие другие элементы на различных сайтах.
Потенциал у таких технологий велик и будет продолжать свое развитие. Так, например, набирают популярность технологии VR/AR, добавляя эффектность трехмерным элементам за счет дополненной реальности.
#Design
3D-технологии становятся все доступнее и получают широкое распространение.
Вы наверняка все чаще встречаете 3D-модели товаров, которые можно рассматривать под углом 360 °, параллаксы с объемной анимацией, которые запускаются по скроллу и многие другие элементы на различных сайтах.
Потенциал у таких технологий велик и будет продолжать свое развитие. Так, например, набирают популярность технологии VR/AR, добавляя эффектность трехмерным элементам за счет дополненной реальности.
#Design
На что обратить внимание при выборе дизайн-команды?
Что происходит после того как вы отправили запрос в несколько агентств?
Следующий этап — агентство отправляет в ответ на бриф предложение о сотрудничестве. На что же нужно обратить внимание?
Ниже некоторые вопросы, которые помогут вам принять правильное решение:
Какое портфолио у агентства? Работали ли с кейсами, подобными вашему? Если нет, вряд ли вы хотели бы, чтобы агентство набиралось опыта за ваш счет.
Кто будет участвовать в проекте?
Если состав команды постоянно меняется в процессе работы над проектом, это хороший повод задуматься. С большой вероятностью все эти перестановки будут вам стоить времени и денег.
Когда агентство сможет приступить к проекту?
Некоторые агентства могут быть доступны не сразу и требуют предварительного бронирования за несколько недель, а иногда и за несколько месяцев. Также важно уточнить, будет ли специалист команды работать полный рабочий день или распределять свои часы между различными проектами, поскольку это, скорее всего, напрямую повлияет на сроки.
Как сжатые сроки повлияют на стоимость проекта?
За срочную работу придется доплачивать, и это повлечет за собой увеличение бюджета. В этом случае лучше всего уменьшить объем работы и добавить дополнительные задачи позже.
Какие условия предоплаты? Некоторые агентства требуют до 50% первоначального взноса. Проговорите все детали заранее.
Как оплачиваются правки?
Если ставка почасовая, то, возможно, агентство согласится предоставить вам скидку на сверхурочные часы. Это позволит прилично сэкономить в проектах с большим объемом дополнительных работ.
Как вы будете взаимодействовать после завершения проекта?
Будет ли команда доступна для дальнейшего сотрудничества? Или возьмется за новый проект и не сможет быть задействована в вашем?
Все эти рекомендации помогут вам сделать хаотичный творческий процесс максимально продуктивным, и результаты работы будут всегда соответствовать вашим ожиданиям.
Автор
#Design
Что происходит после того как вы отправили запрос в несколько агентств?
Следующий этап — агентство отправляет в ответ на бриф предложение о сотрудничестве. На что же нужно обратить внимание?
Ниже некоторые вопросы, которые помогут вам принять правильное решение:
Какое портфолио у агентства? Работали ли с кейсами, подобными вашему? Если нет, вряд ли вы хотели бы, чтобы агентство набиралось опыта за ваш счет.
Кто будет участвовать в проекте?
Если состав команды постоянно меняется в процессе работы над проектом, это хороший повод задуматься. С большой вероятностью все эти перестановки будут вам стоить времени и денег.
Когда агентство сможет приступить к проекту?
Некоторые агентства могут быть доступны не сразу и требуют предварительного бронирования за несколько недель, а иногда и за несколько месяцев. Также важно уточнить, будет ли специалист команды работать полный рабочий день или распределять свои часы между различными проектами, поскольку это, скорее всего, напрямую повлияет на сроки.
Как сжатые сроки повлияют на стоимость проекта?
За срочную работу придется доплачивать, и это повлечет за собой увеличение бюджета. В этом случае лучше всего уменьшить объем работы и добавить дополнительные задачи позже.
Какие условия предоплаты? Некоторые агентства требуют до 50% первоначального взноса. Проговорите все детали заранее.
Как оплачиваются правки?
Если ставка почасовая, то, возможно, агентство согласится предоставить вам скидку на сверхурочные часы. Это позволит прилично сэкономить в проектах с большим объемом дополнительных работ.
Как вы будете взаимодействовать после завершения проекта?
Будет ли команда доступна для дальнейшего сотрудничества? Или возьмется за новый проект и не сможет быть задействована в вашем?
Все эти рекомендации помогут вам сделать хаотичный творческий процесс максимально продуктивным, и результаты работы будут всегда соответствовать вашим ожиданиям.
Автор
#Design
👍3
Designercize - это генератор случайных чисел для безумных дизайн челленджей, которые могут улучшить ваше творческое мышление.
Вы можете выбрать уровень сложности между легким, средним и сложным, и сколько времени вы должны сосредоточиться на процессе. Некоторые компании используют Designercize во время собеседований, так что она может пригодиться, если вы ищете новую работу!
Вы можете выбрать уровень сложности между легким, средним и сложным, и сколько времени вы должны сосредоточиться на процессе. Некоторые компании используют Designercize во время собеседований, так что она может пригодиться, если вы ищете новую работу!
Cовет, как создавать всплывающие окна, которые не раздражают. Рассмотрите все виды дизайна всплывающих окон
Самый распространенный вариант — квадратный поп-ап в центре экрана. Он появляется прямо перед глазами пользователя и закрывает нужный контент. Это неплохой вариант, но это не значит, что его следует использовать везде и всегда.
Здесь дизайнер использовал необычный подход, делая акцент на изображении, а не на других элементах всплывающего окна. Дизайн Тамары на Dribbble
Поп-апы могут появляться в любом месте экрана — все зависит от того, что вы хотите сообщить посетителю сайта. Стандартное расположение строго по центру обычно используют, чтобы рассказать что-то важное: о горящих акциях или необходимости оплатить контент (допустим, в онлайн-медиа).
Всплывающие окна могут появляться сверху или снизу экрана, позволяя пользователю продолжать просматривать сайт. При таком подходе посетитель сам выбирает, в какой момент отвлечься на рекламу. Этот подход часто используется для менее важных действий, например, чтобы узнать адрес почты посетителя.
Всплывающее окно также может появляться сбоку или в углу страницы. Это самый ненавязчивый способ, и обычно его используют для дополнительного контента, например для инструкций и советов.
Еще один важный аспект дизайна — анимация. То, как всплывающее окно появляется на экране, может значительно влиять на его восприятие. Например, постепенное увеличение изображения намного приятнее для глаз, чем когда оно резко перекрывает контент на странице. При этом буквально «выпрыгивающие» и «отскакивающие» поп-апы кажутся забавными и привлекают внимание. Более сложные и креативные дизайны, например, когда разные части рекламы отображаются с помощью необычных видов анимации, позволяют воспринимать поп-апы не просто как рекламу, а как интерактивный элемент сайта.
Автор
#Design
Самый распространенный вариант — квадратный поп-ап в центре экрана. Он появляется прямо перед глазами пользователя и закрывает нужный контент. Это неплохой вариант, но это не значит, что его следует использовать везде и всегда.
Здесь дизайнер использовал необычный подход, делая акцент на изображении, а не на других элементах всплывающего окна. Дизайн Тамары на Dribbble
Поп-апы могут появляться в любом месте экрана — все зависит от того, что вы хотите сообщить посетителю сайта. Стандартное расположение строго по центру обычно используют, чтобы рассказать что-то важное: о горящих акциях или необходимости оплатить контент (допустим, в онлайн-медиа).
Всплывающие окна могут появляться сверху или снизу экрана, позволяя пользователю продолжать просматривать сайт. При таком подходе посетитель сам выбирает, в какой момент отвлечься на рекламу. Этот подход часто используется для менее важных действий, например, чтобы узнать адрес почты посетителя.
Всплывающее окно также может появляться сбоку или в углу страницы. Это самый ненавязчивый способ, и обычно его используют для дополнительного контента, например для инструкций и советов.
Еще один важный аспект дизайна — анимация. То, как всплывающее окно появляется на экране, может значительно влиять на его восприятие. Например, постепенное увеличение изображения намного приятнее для глаз, чем когда оно резко перекрывает контент на странице. При этом буквально «выпрыгивающие» и «отскакивающие» поп-апы кажутся забавными и привлекают внимание. Более сложные и креативные дизайны, например, когда разные части рекламы отображаются с помощью необычных видов анимации, позволяют воспринимать поп-апы не просто как рекламу, а как интерактивный элемент сайта.
Автор
#Design
«Прятать» кнопку закрытия Pop-up серым цветом - это
Anonymous Poll
12%
Неплохая маркетинговая тактика
23%
Признак неграммотного UX
63%
Неуважение к выбору юзера
4%
Всегда так делаю
10%
А что, так можно было?
It’s Centred That - простая игра, которая сводится к тому, насколько ваши глаза натренированы. Вы должны замечать нецентрированные элементы. Вам нужно будет решить, центрирована ли точка в различных представленных формах. Иногда все зависит от пикселей, так что… будьте готовы проиграть!
Прием, который используется в текстовых логотипах.
Три – это уже толпа.
Еще один распространенный прием – это заглавная буква 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
Тренд дизайна в 2021 году. Яркие цвета
Яркие, для многих даже «вырвиглазные» цвета используются в дизайне UI/UX по-разному, чаще всего в сочетании с другими компонентами графического дизайна. Неплохо работают при использовании креативного, «своего» цветового градиента на сайте. Особенно здорово смотрится при наличии эффектов размытия и зернистости. Хотя, конечно, как и все современные тренды, — это на любителя.
Яркие, для многих даже «вырвиглазные» цвета используются в дизайне UI/UX по-разному, чаще всего в сочетании с другими компонентами графического дизайна. Неплохо работают при использовании креативного, «своего» цветового градиента на сайте. Особенно здорово смотрится при наличии эффектов размытия и зернистости. Хотя, конечно, как и все современные тренды, — это на любителя.
Pattern Collect – это своеобразный Dribbble для художников, создающих узоры и текстуры.
С этой галереей, вы можете не только ловить вдохновение и улучшать свои навыки, но и загружать туда свои работы, параллельно освежая свое портфолио.
Ресурс содержит шаблоны в 45 категориях, включая: абстракцию, лица, геометрические фигуры, краски, ретро и многое другое.
С этой галереей, вы можете не только ловить вдохновение и улучшать свои навыки, но и загружать туда свои работы, параллельно освежая свое портфолио.
Ресурс содержит шаблоны в 45 категориях, включая: абстракцию, лица, геометрические фигуры, краски, ретро и многое другое.
The Bézier Game - игра, которая поможет вам улучшить (или развить) навыки работы с пером.
Вы можете пройти очень дружелюбное и расслабляющее руководство или пропустить его и сразу приступить к испытанию.
Вам нужно будет завершить различные фигуры в заданное количество узлов… звучит легко, не так ли?
Вы можете пройти очень дружелюбное и расслабляющее руководство или пропустить его и сразу приступить к испытанию.
Вам нужно будет завершить различные фигуры в заданное количество узлов… звучит легко, не так ли?
Прием, который часто используется в текстовых логотипах. Перевернутая «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
WhatTheFont – это сервис поиска шрифтов по фото. Сервис поможет определить шрифт по загруженной фотографии, а также предложит похожие варианты шрифта.
Это такой Shazam для дизайнеров, который, кстати, недавно вышел приложением на телефоны.
Это такой Shazam для дизайнеров, который, кстати, недавно вышел приложением на телефоны.
Повысьте удобочитаемость, выбрав правильную длину строки для основного текста
Работа с основным текстом и определение подходящей длины строки поможет добиться баланса.
Длина строки от 45 до 75 символов считается достаточной для страницы с одним столбцом, а строка из 66 символов (которая включает как буквы, так и пробелы) считается оптимальным вариантом.
Конечно, размер шрифта и высота строки играют важную роль в определении читабельности, но для длины строки придерживайтесь ограничения в 45–75 символов, и все будет в порядке.
#Design #UX
Работа с основным текстом и определение подходящей длины строки поможет добиться баланса.
Длина строки от 45 до 75 символов считается достаточной для страницы с одним столбцом, а строка из 66 символов (которая включает как буквы, так и пробелы) считается оптимальным вариантом.
Конечно, размер шрифта и высота строки играют важную роль в определении читабельности, но для длины строки придерживайтесь ограничения в 45–75 символов, и все будет в порядке.
#Design #UX
Простая рекомендация, как фрилансеру быть убедительнее для клиента
Таких методов множество. Я хочу поделиться одним, который не потребует большого труда и количества времени, а результат ощутите сразу после внедрения.
Читать статью
Время чтения: 3 минуты
Автор: Граф Дизайна
Таких методов множество. Я хочу поделиться одним, который не потребует большого труда и количества времени, а результат ощутите сразу после внедрения.
Читать статью
Время чтения: 3 минуты
Автор: Граф Дизайна
Книга «Дизайн привычных вещей» Дональд Норман
Вы когда-нибудь останавливались перед дверью с мыслью «тянуть, толкать или раздвигать»? В идеальном мире такого не должно было произойти, но бывает так, что дизайн забывает о нуждах пользователей и основах когнитивной психологии.
Почему так получается и что с этим делать, рассказывает Дональд Норман — бывший вице-президент Apple, человек, которого называют одним из влиятельнейших дизайнеров в мире.
Вы когда-нибудь останавливались перед дверью с мыслью «тянуть, толкать или раздвигать»? В идеальном мире такого не должно было произойти, но бывает так, что дизайн забывает о нуждах пользователей и основах когнитивной психологии.
Почему так получается и что с этим делать, рассказывает Дональд Норман — бывший вице-президент Apple, человек, которого называют одним из влиятельнейших дизайнеров в мире.
👍1
Magdeline - фотографии в отличном разрешении от талантливых фотографов мира.
Ресурс удобно сортирует все материалы по категориям, цветовым схемам и т.д.
Ресурс удобно сортирует все материалы по категориям, цветовым схемам и т.д.
Magdeleine
Photo by Hannes Flo – n.1685 - Magdeleine
Free high resolution stock images CC0 and Public Domain on Magdeleine
Как сделать вашу мобильную рекламу заметной. Помните о «воздухе» между элементами
Частая ошибка новичков — стремление заполнить всю монтажную область баннера. Однако любой контент любит пространство. «Воздух», или пустоты между смысловыми элементами помогают им раскрыться и привлечь к себе внимание.
Если располагать детали на баннере слишком плотно, они просто склеятся между собой. Сообщение не считается, а реклама быстро исчезнет из памяти пользователей, не оставив там даже название бренда.
Если хотите выделить объект на баннере — оставьте вокруг него пустое пространство.
Автор
#Design #Typography
Частая ошибка новичков — стремление заполнить всю монтажную область баннера. Однако любой контент любит пространство. «Воздух», или пустоты между смысловыми элементами помогают им раскрыться и привлечь к себе внимание.
Если располагать детали на баннере слишком плотно, они просто склеятся между собой. Сообщение не считается, а реклама быстро исчезнет из памяти пользователей, не оставив там даже название бренда.
Если хотите выделить объект на баннере — оставьте вокруг него пустое пространство.
Автор
#Design #Typography
👍1
Сеть пиццерий 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