10 самых новых бесплатных шрифтов
1. SK Astron
Шрифт, вдохновленный рекламными плакатами греческого кино 60-70-х годов.
2. Froadmile
Идет в семействе с 3 шрифтами, которые идеально комбинируются для создания уникального дизайна.
3. Shashikala Brush
Текстурный шрифт, который отлично подходит для реалистичного дизайна в стиле гранж.
4. Denganline
Лаконичный рукописный шрифт который способен легко украсить ваш дизайн
5. Outfit Typeface
Красивое семейство из 9 геометрических шрифтов. Этот шрифт идеально подходит для эффектных заголовков.
6. Huab
Шрифт, состоящий из кругов и квадратов.
7. ONAMURA
Шрифт полон элегантных и изысканных деталей, что делает его доступным для роскошных типографских проектов.
8. Post
Миловидный шрифт с небрежно написанными буквами с неровными краями.
9. M290
Жирный геометрический шрифт который создан на основе модульной сетки.
10. Actually Grotesk
Необычный контрастный шрифт без засечек, рассчитан на большие размеры.
Источник
1. SK Astron
Шрифт, вдохновленный рекламными плакатами греческого кино 60-70-х годов.
2. Froadmile
Идет в семействе с 3 шрифтами, которые идеально комбинируются для создания уникального дизайна.
3. Shashikala Brush
Текстурный шрифт, который отлично подходит для реалистичного дизайна в стиле гранж.
4. Denganline
Лаконичный рукописный шрифт который способен легко украсить ваш дизайн
5. Outfit Typeface
Красивое семейство из 9 геометрических шрифтов. Этот шрифт идеально подходит для эффектных заголовков.
6. Huab
Шрифт, состоящий из кругов и квадратов.
7. ONAMURA
Шрифт полон элегантных и изысканных деталей, что делает его доступным для роскошных типографских проектов.
8. Post
Миловидный шрифт с небрежно написанными буквами с неровными краями.
9. M290
Жирный геометрический шрифт который создан на основе модульной сетки.
10. Actually Grotesk
Необычный контрастный шрифт без засечек, рассчитан на большие размеры.
Источник
Тренды в дизайне мобильных приложений
1. Четкость и минимализм
Ясный, простой и понятный дизайн всегда актуален для мобильных дисплеев, учитывая их ограниченный размер. За последние несколько лет стало еще более очевидным, что пользователям нравится четкий минималистичный дизайн. Лаконичный дизайн упрощает понимание контента и помогает приложению лучше выполнять свои функции.
2. Темный контрастный дизайн
Темная тема оказалась одной из лучших фишек интерфейса. У нее много поклонников, и они никуда не денутся. Темный контрастный дизайн снижает нагрузку на глаза. Световые блики особенно хорошо смотрятся на темном фоне, где каждая деталь хорошо видна. Темный контрастный дизайн смотрится стильно и элегантно. Это классика, которая никогда не выйдет из моды.
3. Функциональная 3D-графика
Тренд 3D-графики остается сильным, особенно в электронной коммерции. Но 3D тоже меняется. Вау-эффект становится менее актуальным. Вместо этого современные решения все больше делают упор на 3D-интерактивность. Это уже не просто демонстрация продукта со всех сторон, а помощь пользователю в настройке параметров работы с 3D-изображением. Вряд ли можно сомневаться в том, что 3D-графика станет только более функциональной.
4. Кастомизация
Кастомизированный дизайн заставляет пользователя чувствовать, что контент был создан лично для него. Эта тенденция будет только усиливаться, а дизайн станет еще более ориентированным на человека.
5. Визуализация данных
По-прежнему актуально превращение скучных чисел и фактов в легко усваиваемые графики и диаграммы. Этот тренд работает для всех видов бизнеса и, безусловно, останется с нами.
6. Уникальные иллюстрации
Использование иллюстраций, особенно уникальных, остается популярным. Иллюстрации формируют имидж бренда и помогают ему выделиться среди конкурентов. Они нравятся пользователям, потому что делают контент понятным, красивым и человечным. Этот тренд сохраняется и даже усиливается.
7. Максимум взаимодействий
Современный интерфейс почти всегда ориентирован на личный, почти интимный контакт с пользователем.
Вот почему следующие тренды будут только усиливаться:
Интерактивные видео
Видео стали популярными и полезными в различных сферах, и их использование будет только расти. Можно с уверенностью предположить, что в ближайшем будущем большинство приложений будут использовать интерактивные видео.
Эмоциональный дизайн
Эмоциональный дизайн всегда был и останется востребованным. Он делает любое приложение более индивидуальным, поощряет пользователей взаимодействовать с дизайном, вызывает эмоции пользователей и не дает им выйти из приложения.
Анимация и геймификация
Анимация и геймификация упрощают взаимодействие с приложением и повышают вовлеченность пользователей. Поэтому неудивительно, что они улучшаются и становятся все более распространенными.
Сторителлинг
В последние годы визуальное повествование стало лучшим способом привлечь пользователей и представить информацию. Эта тенденция – несомненно сохранится.
Эмодзи
Эмодзи добавляют красок пользовательскому опыту. Они стали незаменимыми в нашем общении, поэтому они останутся актуальными по мере совершенствования.
UX-копирайтинг
Все тренды копирайтинга указывают на то, что взаимодействие с интерфейсом становится проще. Стены текста и сложные предложения все чаще заменяются простыми, емкими формами, сопровождаемыми визуальными подсказками.
Что всегда будет в моде?
Качественный, ориентированный на пользователя дизайн, основанный на маркетинговых исследованиях и исследованиях аудитории. Дизайн, достигающий поставленных целей, активно привлекает пользователей и заставляет их получать удовольствие от взаимодействия, никогда не выйдет из моды.
Источник
1. Четкость и минимализм
Ясный, простой и понятный дизайн всегда актуален для мобильных дисплеев, учитывая их ограниченный размер. За последние несколько лет стало еще более очевидным, что пользователям нравится четкий минималистичный дизайн. Лаконичный дизайн упрощает понимание контента и помогает приложению лучше выполнять свои функции.
2. Темный контрастный дизайн
Темная тема оказалась одной из лучших фишек интерфейса. У нее много поклонников, и они никуда не денутся. Темный контрастный дизайн снижает нагрузку на глаза. Световые блики особенно хорошо смотрятся на темном фоне, где каждая деталь хорошо видна. Темный контрастный дизайн смотрится стильно и элегантно. Это классика, которая никогда не выйдет из моды.
3. Функциональная 3D-графика
Тренд 3D-графики остается сильным, особенно в электронной коммерции. Но 3D тоже меняется. Вау-эффект становится менее актуальным. Вместо этого современные решения все больше делают упор на 3D-интерактивность. Это уже не просто демонстрация продукта со всех сторон, а помощь пользователю в настройке параметров работы с 3D-изображением. Вряд ли можно сомневаться в том, что 3D-графика станет только более функциональной.
4. Кастомизация
Кастомизированный дизайн заставляет пользователя чувствовать, что контент был создан лично для него. Эта тенденция будет только усиливаться, а дизайн станет еще более ориентированным на человека.
5. Визуализация данных
По-прежнему актуально превращение скучных чисел и фактов в легко усваиваемые графики и диаграммы. Этот тренд работает для всех видов бизнеса и, безусловно, останется с нами.
6. Уникальные иллюстрации
Использование иллюстраций, особенно уникальных, остается популярным. Иллюстрации формируют имидж бренда и помогают ему выделиться среди конкурентов. Они нравятся пользователям, потому что делают контент понятным, красивым и человечным. Этот тренд сохраняется и даже усиливается.
7. Максимум взаимодействий
Современный интерфейс почти всегда ориентирован на личный, почти интимный контакт с пользователем.
Вот почему следующие тренды будут только усиливаться:
Интерактивные видео
Видео стали популярными и полезными в различных сферах, и их использование будет только расти. Можно с уверенностью предположить, что в ближайшем будущем большинство приложений будут использовать интерактивные видео.
Эмоциональный дизайн
Эмоциональный дизайн всегда был и останется востребованным. Он делает любое приложение более индивидуальным, поощряет пользователей взаимодействовать с дизайном, вызывает эмоции пользователей и не дает им выйти из приложения.
Анимация и геймификация
Анимация и геймификация упрощают взаимодействие с приложением и повышают вовлеченность пользователей. Поэтому неудивительно, что они улучшаются и становятся все более распространенными.
Сторителлинг
В последние годы визуальное повествование стало лучшим способом привлечь пользователей и представить информацию. Эта тенденция – несомненно сохранится.
Эмодзи
Эмодзи добавляют красок пользовательскому опыту. Они стали незаменимыми в нашем общении, поэтому они останутся актуальными по мере совершенствования.
UX-копирайтинг
Все тренды копирайтинга указывают на то, что взаимодействие с интерфейсом становится проще. Стены текста и сложные предложения все чаще заменяются простыми, емкими формами, сопровождаемыми визуальными подсказками.
Что всегда будет в моде?
Качественный, ориентированный на пользователя дизайн, основанный на маркетинговых исследованиях и исследованиях аудитории. Дизайн, достигающий поставленных целей, активно привлекает пользователей и заставляет их получать удовольствие от взаимодействия, никогда не выйдет из моды.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Самые горячие тренды в дизайне мобильных приложений на 2021 год
Лучшие мобильные дизайн-решения 2021 года. Посмотрим, что продолжает быть популярным, а какие тренды сохранятся в ближайшем будущем
Любовь, роботы и UI: роль искусственного интеллекта в индустрии дизайна
Идея создания машины, имитирующей человеческий интеллект, является основным направлением в области технологий. Мы уже сделали скачок от «ИИ» из фильмов начала 2000-х, к чему-то, что мы считаем само собой разумеющимся. Ведь теперь ИИ устанавливает для нас сигнал будильника на наших iPhone.
Однако, вопреки нашим убеждениям, ИИ все еще находится в зачаточном состоянии, и еще есть время пока роботы полностью не захватили индустрию дизайна.
В то время, как люди тратят много времени на обдумывание дизайн-решений с помощью гибридного творчески-логического мыслительного процесса, ИИ – это гипер-логическая система решений, которые приводят к, в значительной степени, предсказуемым целям.
При этом ИИ предоставляет дизайнерам (все еще остающимся людьми) набор возможностей для принятия более осознанных и уточненных решений.
Содержание статьи
ИИ облегчает жизнь дизайнерам
Какие наиболее интересные инструменты дизайна на основе ИИ могут помочь дизайнерам?
1. Khroma
2. Fontjoy
3. Uizard
4. Copy.ai
Какие выгоды получили компании от ИИ?
1. Персонализация контента Netflix
2. Nutella– Массовое создание уникальных дизайнов
3. Переписка в приложении Airbnb
Читать статью: https://ux.pub/lyubov-roboty-i-ui-rol-iskusstvennogo-intellekta-v-industrii-dizayna/
Идея создания машины, имитирующей человеческий интеллект, является основным направлением в области технологий. Мы уже сделали скачок от «ИИ» из фильмов начала 2000-х, к чему-то, что мы считаем само собой разумеющимся. Ведь теперь ИИ устанавливает для нас сигнал будильника на наших iPhone.
Однако, вопреки нашим убеждениям, ИИ все еще находится в зачаточном состоянии, и еще есть время пока роботы полностью не захватили индустрию дизайна.
В то время, как люди тратят много времени на обдумывание дизайн-решений с помощью гибридного творчески-логического мыслительного процесса, ИИ – это гипер-логическая система решений, которые приводят к, в значительной степени, предсказуемым целям.
При этом ИИ предоставляет дизайнерам (все еще остающимся людьми) набор возможностей для принятия более осознанных и уточненных решений.
Содержание статьи
ИИ облегчает жизнь дизайнерам
Какие наиболее интересные инструменты дизайна на основе ИИ могут помочь дизайнерам?
1. Khroma
2. Fontjoy
3. Uizard
4. Copy.ai
Какие выгоды получили компании от ИИ?
1. Персонализация контента Netflix
2. Nutella– Массовое создание уникальных дизайнов
3. Переписка в приложении Airbnb
Читать статью: https://ux.pub/lyubov-roboty-i-ui-rol-iskusstvennogo-intellekta-v-industrii-dizayna/
UXPUB 🇺🇦 Дизайн-спільнота
Любовь, роботы и UI: роль искусственного интеллекта в индустрии дизайна
ИИ предоставляет дизайнерам (все еще остающимся людьми) набор возможностей для принятия более осознанных и уточненных решений
Рекомендации по выравниванию текста в дизайне
Сделайте свой интерфейс более эффективным и легким для чтения с помощью правильного выравнивания текста.
Выравнивание текста – небольшая, но важная часть интерфейса. Оно влияет на то, как наш мозг сканирует контент на экране. Правильное выравнивание текста – один из самых ярких показателей профессионально созданного цифрового продукта.
Любой интерфейс на 90% состоит из текста. Вот почему, при виде правильно выровненной типографики, создается впечатление, что вы используете более продуманный интерфейс. А когда какие-то элементы не на своем месте, это вредит нашему восприятию.
В этой статье я хочу поделиться практическими советами, которые помогут вам создавать аккуратно выровненную типографику интерфейса.
Содержание статьи
Совет 1. Избегайте выравнивания по центру для длинных блоков текста
Совет 2. Всегда выравнивайте длинный текст по левому краю
Совет 3. Используйте выравнивание по центру только для заголовков или небольших блоков текста
Совет 4. Используйте выравнивание по обратному абзацному отступу для соединения с элементами интерфейса
Совет 5. Выровняйте данные и числа по правому краю
Совет 6. Балансируйте пробелы для текста с выравниванием по ширине
Читать статью: https://ux.pub/rekomendatsii-po-vyravnivaniyu-teksta-v-dizayne/
Сделайте свой интерфейс более эффективным и легким для чтения с помощью правильного выравнивания текста.
Выравнивание текста – небольшая, но важная часть интерфейса. Оно влияет на то, как наш мозг сканирует контент на экране. Правильное выравнивание текста – один из самых ярких показателей профессионально созданного цифрового продукта.
Любой интерфейс на 90% состоит из текста. Вот почему, при виде правильно выровненной типографики, создается впечатление, что вы используете более продуманный интерфейс. А когда какие-то элементы не на своем месте, это вредит нашему восприятию.
В этой статье я хочу поделиться практическими советами, которые помогут вам создавать аккуратно выровненную типографику интерфейса.
Содержание статьи
Совет 1. Избегайте выравнивания по центру для длинных блоков текста
Совет 2. Всегда выравнивайте длинный текст по левому краю
Совет 3. Используйте выравнивание по центру только для заголовков или небольших блоков текста
Совет 4. Используйте выравнивание по обратному абзацному отступу для соединения с элементами интерфейса
Совет 5. Выровняйте данные и числа по правому краю
Совет 6. Балансируйте пробелы для текста с выравниванием по ширине
Читать статью: https://ux.pub/rekomendatsii-po-vyravnivaniyu-teksta-v-dizayne/
30 обновлений, фич и исправлений в Figma
Для дизайнеров, работающих в Figma, каждый клик имеет значение. И иногда небольшие изменения могут оказать большое влияние на творческий процесс. В этой статье мы делаем краткий обзор обновлений и исправлений, которые мы недавно внесли в Figma.
1. Переработанная панель «Stroke» для упрощения настройки векторных объектов. Теперь вы можете легко создавать стрелки и точно настраивать свойства соединителей, скопированных и вставленных из FigJam.
2. Больше? Меньше? Левее? Правее? Теперь вы можете использовать математические операции для настройки свойств со смешанными значениями.
3. Копирование в формате PNG теперь доступно в браузере (ранее оно было доступно только в десктопном приложении). 🎉 Используйте сочетание клавиш ⌘ + Shift + C / Ctrl + Shift + C, чтобы быстро сделать это!
4. Кстати о сочетаниях клавиш: теперь вы можете удерживать ⌘ / Ctrl при изменении размера изображения, чтобы сразу обрезать его.
5. Мы также внесли ряд улучшений в экспорт текста, добавив в Редактор параметр экспорта «include bounding box» и соответствующий параметр use_absolute_bounds в API подключаемого модуля. Кроме того, экспорт «Contents only» теперь называется «Ignore overlapping layers».
6. Поговорим об инструменте «Карандаш» (Pencil). Теперь вы можете выбрать свойства штриха перед использованием инструмента «Карандаш», поэтому рисование в Figma больше похоже на прикосновение ручки к бумаге.
Читать статью с примерами: https://ux.pub/30-svezhih-obnovleniy-fich-i-ispravleniy-v-figma/
Для дизайнеров, работающих в Figma, каждый клик имеет значение. И иногда небольшие изменения могут оказать большое влияние на творческий процесс. В этой статье мы делаем краткий обзор обновлений и исправлений, которые мы недавно внесли в Figma.
1. Переработанная панель «Stroke» для упрощения настройки векторных объектов. Теперь вы можете легко создавать стрелки и точно настраивать свойства соединителей, скопированных и вставленных из FigJam.
2. Больше? Меньше? Левее? Правее? Теперь вы можете использовать математические операции для настройки свойств со смешанными значениями.
3. Копирование в формате PNG теперь доступно в браузере (ранее оно было доступно только в десктопном приложении). 🎉 Используйте сочетание клавиш ⌘ + Shift + C / Ctrl + Shift + C, чтобы быстро сделать это!
4. Кстати о сочетаниях клавиш: теперь вы можете удерживать ⌘ / Ctrl при изменении размера изображения, чтобы сразу обрезать его.
5. Мы также внесли ряд улучшений в экспорт текста, добавив в Редактор параметр экспорта «include bounding box» и соответствующий параметр use_absolute_bounds в API подключаемого модуля. Кроме того, экспорт «Contents only» теперь называется «Ignore overlapping layers».
6. Поговорим об инструменте «Карандаш» (Pencil). Теперь вы можете выбрать свойства штриха перед использованием инструмента «Карандаш», поэтому рисование в Figma больше похоже на прикосновение ручки к бумаге.
Читать статью с примерами: https://ux.pub/30-svezhih-obnovleniy-fich-i-ispravleniy-v-figma/
UXPUB 🇺🇦 Дизайн-спільнота
30 свежих обновлений, фич и исправлений в Figma
Для улучшения вашего рабочего процесса в Figma мы выпустили 30 обновлений от исправлений типографики до улучшений UX
Кинопоиску в этом году исполняется 18 лет. В преддверии такой важной даты были представлены новый логотип и визуальный стиль.
До настоящего времени у сервиса не было единого визуала. Были только отдельные элементы не связанные друг с другом. Теперь же это единая система, делающая проект узнаваемым и позволяющая взаимодействовать со зрителями.
Новый визуальный стиль объединяет все грани сервиса (стриминг, медиа, база данных про кино) в единое целое.
Айдентика включает в себя новый шрифт, яркие акцентные цвета и галлографические элементы. Цель изменений — сделать сервис узнаваемым на любом устройстве.
В новом логотипе заложен важный посыл. Знак одновременно и буква «К», символизирующая сервис, и метафора объединения людей, которых притягивает сила историй.
Обновление только визуальное. Логика использования сервиса не поменяется. Изменения будут происходить постепенно, в зависимости от платформы.
До настоящего времени у сервиса не было единого визуала. Были только отдельные элементы не связанные друг с другом. Теперь же это единая система, делающая проект узнаваемым и позволяющая взаимодействовать со зрителями.
Новый визуальный стиль объединяет все грани сервиса (стриминг, медиа, база данных про кино) в единое целое.
Айдентика включает в себя новый шрифт, яркие акцентные цвета и галлографические элементы. Цель изменений — сделать сервис узнаваемым на любом устройстве.
В новом логотипе заложен важный посыл. Знак одновременно и буква «К», символизирующая сервис, и метафора объединения людей, которых притягивает сила историй.
Обновление только визуальное. Логика использования сервиса не поменяется. Изменения будут происходить постепенно, в зависимости от платформы.