Коммерческие шрифты
Рано или поздно многие дизайнеры обнаруживают, что системные или бесплатные шрифты не могут удовлетворить их потребности в конкретном проекте. И тогда перед ними стоит задача выбрать коммерческий шрифт. Обычно именно с выбором коммерческого шрифта связаны основные трудности.
Разница в цене между лицензией на использование шрифта в приложении и десктоп-, веб-лицензией станет для вас неприятным сюрпризом (особенно, если вы раньше не покупали подобную лицензию). Например, десктоп-лицензия на один стиль шрифта 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
Книга для дизайнеров "Искусство цвета" Иоганнес Иттен
Аспекты теории цвета от создателя «цветового круга Иттена», который знаком даже тем, кто совсем не связан с дизайном. Иоганнес Иттен объясняет основные законы и правила работы с цветом, разбирает закономерности цветовых контрастов, цветовой гармонии и цветового конструирования. Книга многократно переиздавалась и вошла в образовательные программы многих художественных школ различных стран мира.
Аспекты теории цвета от создателя «цветового круга Иттена», который знаком даже тем, кто совсем не связан с дизайном. Иоганнес Иттен объясняет основные законы и правила работы с цветом, разбирает закономерности цветовых контрастов, цветовой гармонии и цветового конструирования. Книга многократно переиздавалась и вошла в образовательные программы многих художественных школ различных стран мира.
❤1
Profi.ru закончил ребрендинг и сменил название на «Профи»
Это первый ребрендинг с момента основания в 2014 году.
Читать об этом
#Design #Brand
Это первый ребрендинг с момента основания в 2014 году.
Читать об этом
#Design #Brand
Руководство по созданию эффективного эмоционального дизайна
Эмоциональный дизайн – это искусство создавать опыт, привлекающий ваших пользователей. Для этого вам необходимо понять, как они думают, чего они хотят и как они будут использовать ваш продукт.
Внешний вид, ощущение, тон – все должно сочетаться, чтобы создать целостный продукт, учитывая эмоциональную реакцию людей на него.
Здесь мы говорим о проектировании опыта, который создает эмоциональную связь с пользователями или заставляет их чувствовать себя особенными, доставляя удовольствие.
Читать подробнее
#Design #UI
Эмоциональный дизайн – это искусство создавать опыт, привлекающий ваших пользователей. Для этого вам необходимо понять, как они думают, чего они хотят и как они будут использовать ваш продукт.
Внешний вид, ощущение, тон – все должно сочетаться, чтобы создать целостный продукт, учитывая эмоциональную реакцию людей на него.
Здесь мы говорим о проектировании опыта, который создает эмоциональную связь с пользователями или заставляет их чувствовать себя особенными, доставляя удовольствие.
Читать подробнее
#Design #UI