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
Советы, которые помогут избежать распространенных ошибок в типографике
- Не путайте тире «—» и дефис «-». Тире разделяет части предложения, а дефис — части слов.
- Не ставьте точку в заголовках. Вместо нее можно использовать восклицательный или вопросительный знак, многоточие. А можно оставить фразу и без знака препинания.
- Не используйте капс, если текст длинный. Читать такое будет сложно. Капс можно использовать, если у вас короткий текст в три слова. В таком случае просто увеличьте расстояние между буквами.
- Не оставляйте союзы и предлоги в одиночестве в конце строки, если того не требует композиция.
- Используйте только кавычки-елочки «». Если внутри них нужно поставить еще кавычки, то ставьте кавычки-лапки „ ”.
- Не путайте тире «—» и дефис «-». Тире разделяет части предложения, а дефис — части слов.
- Не ставьте точку в заголовках. Вместо нее можно использовать восклицательный или вопросительный знак, многоточие. А можно оставить фразу и без знака препинания.
- Не используйте капс, если текст длинный. Читать такое будет сложно. Капс можно использовать, если у вас короткий текст в три слова. В таком случае просто увеличьте расстояние между буквами.
- Не оставляйте союзы и предлоги в одиночестве в конце строки, если того не требует композиция.
- Используйте только кавычки-елочки «». Если внутри них нужно поставить еще кавычки, то ставьте кавычки-лапки „ ”.
Тренд в дизайне 2021 - 2022. Очень яркие цвета
Тренд на яркие цвета косвенно вытекает из тренда на ретро-дизайн, так как все яркие цвета идут с 80-х. Кислотные, выедающие цвета все чаще видно на сайтах, они хорошо привлекают внимание и смотрятся необычно. Это помогает выделяться среди сотни сайтов конкурентов, а значит, работает на пользу компании.
Больше всего пользуется спросом именно теплые оттенки цветов: красный, желтый, оранжевый, зеленый. Связано это с тем, что теплые цвета больше бросаются в глаза, хорошо сочетаются между собой и приятнее человеческому глазу.
#Design
Тренд на яркие цвета косвенно вытекает из тренда на ретро-дизайн, так как все яркие цвета идут с 80-х. Кислотные, выедающие цвета все чаще видно на сайтах, они хорошо привлекают внимание и смотрятся необычно. Это помогает выделяться среди сотни сайтов конкурентов, а значит, работает на пользу компании.
Больше всего пользуется спросом именно теплые оттенки цветов: красный, желтый, оранжевый, зеленый. Связано это с тем, что теплые цвета больше бросаются в глаза, хорошо сочетаются между собой и приятнее человеческому глазу.
#Design