лучших шрифтов Figma. Почему найти правильный шрифт так… | by Goldobin Антон

Чтение: 4 мин.

·

27 февраля 2022 г.

Шрифты — это текстовые символы различных типов и размеров. Они помогают дизайнерам интуитивно передавать содержимое интерфейса и помогают пользователям веб-приложений или мобильных приложений плавно взаимодействовать с интерфейсом. Однако выбрать правильный шрифт, соответствующий тону различных веб-сайтов или мобильных приложений, — непростая задача.

Теперь посмотрим дальше!

Этот список является моим личным мнением о том, какие шрифты являются одними из лучших в Figma. Мой выбор основан на

  • Текущих тенденциях и эстетике дизайна пользовательского интерфейса
  • Удобочитаемости шрифта
  • Сочетаемости — хорошо ли он сочетается с другими красивыми шрифтами?
  • Roboto
  • Lato
  • Open Sans
  • Noto Sans
  • Montserrat
  • Poppins
  • Raleway
  • Дисплей Playfair
  • Merriweather
  • Crimson Text
  • PT Serif

Большую часть времени, когда я работаю над своими дизайн-проектами, у меня нет ни времени, ни энергии, чтобы просмотреть все возможные шрифты. Обычно я просто пользуюсь наиболее часто используемыми и любимыми.

Для абзацев

  1. Lato
  2. Roboto
  3. Open Sans

Для заголовков

  1. Oswald — жирный и уверенный (отлично подходит для заголовков и большого пальца ногти)
  2. Chakra Petch — Футуристичный и армейский (очень крутой)
  3. Дисплей Playfair — красивый и приятный на вид

Тенденции в дизайне пользовательского интерфейса постоянно меняются и развиваются. Если вы хотите продавать свои дизайнерские навыки как современные, вам нужно быть осторожным и не использовать шрифты, которые выглядят устаревшими. Для этого вам нужно посмотреть, что другие люди в отрасли и ведущие компании используют для шрифтов, и поучиться у других.

  1. Учитесь у других дизайнеров
    Когда вы нашли великолепный дизайн, вы можете спросить дизайнера, какой шрифт он использовал. Большинство с удовольствием ответят и будут рады, что вы заинтересовались их творчеством. Будьте вежливы и благодарите их!
  2. Посмотрите, что используют крупные компании
    Крупные технологические компании, такие как Facebook и Google, время от времени меняют свои шрифты по умолчанию. Это не глупая идея — принимать к сведению их обновления и анализировать, видите ли вы текущую тенденцию. Например, в 2019 году произошел заметный сдвиг, когда большинство крупных технологических компаний перешли на минимальные шрифты без засечек как для своих логотипов, так и для интерфейсов. За ним последовали многие другие отрасли.
  3. Анализ конкурентов в вашей конкретной отрасли
    Не все отрасли имеют одинаковые стандарты и тенденции дизайна. Например, для электронной коммерции детской одежды, скорее всего, не следует использовать тот же шрифт, что и для форума о летальном оружии. Поэтому один из способов — посмотреть, что используют крупнейшие конкуренты в вашей отрасли, и черпать из них вдохновение. Большинство веб-браузеров поставляются с инструментом «Проверка разработчика», который позволяет вам увидеть, какое семейство шрифтов использует веб-сайт.
  4. Посмотрите на самые популярные и трендовые шрифты в Google Web Font
    См. изображение ниже.

Дизайн

Дизайн пользовательского интерфейса

Автор: Голдобин Антон

15 подписчиков

UI/UX дизайнер, Frontend-разработчик

Еще от Голдобина Антона

Голдобина Антона

в

Еженедельные советы

Лучшие плагины для VS Code, часть 2

1. Лучшие комментарии

Чтение: 4 мин. · 11 июня 2020 г.

Голдобин Антон

7 полезных плагинов для Figma с. Но знаете ли вы, что существует множество…

3 минуты чтения · 7 марта

Голдобин Антон

Самые популярные плагины Figma 2023

1. Unsplash

9 0003

3 минуты чтения · 13 января

Голдобин Антон

7 Полезных плагинов Figma 2023

1. Палитра

4 минуты чтения·14 фев

Просмотреть все от Голдобина Антона

Рекомендовано от Medium

Кристин Валлор

в

UX Planet

Figma: адаптивный дизайн с автоматической компоновкой, ограничениями и сетками0004 в

UX Collective

Пересматривая Framer: мысли о его последней версии

Итак.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *