Котодиско у Hyundai
Nothing Phone (3a) и (3a) Pro
Focus 2 Ultra от Nubia
Возможный релиз MacBook Air?
Автопилот Tesla на бездорожье
SVG-битва нейросетей

Копирайтинг в интерфейсах

Копирайтинг в интерфейсах

Копирайтинг в интерфейсах
Когда задаются вопросом «Должен ли дизайнер иметь навыки и знания копирайтера», я отвечаю, что да, должен, ведь интерфейсы состоят на 90% из текста.
Шрифт в интерфейсе должен быть комфортного для чтения размера. Как этого добиться? Я использую размер шрифтов от 24 до 32px в качестве основного текста на сайте. Подзаголовки в десктопной версии чаще всего 36px, а для заголовков – 36px и до бесконечности. Тут уже все зависит от вашей стилистики, длины строки и идеи. Кончено, есть исключения и все зависит от шрифта, но я говорю про средние значения.
Не забывайте выравнивать текст по левому краю. Мы считываем контент слева направо, а значит и текст должен располагаться именно так. Исключения: короткая по длине и масштабу информация, которую можно удобно расположить по центру.
Рекомендую выставлять длину строки от 60 до 90 символов или около 600-750px. Если пользователи будут читать длинные строки, то это будет вызывать у них усталость, сбиваться, забывать смысл начала строки, когда доходит до конца. В общем, это не удобно.

Чтобы писать хорошие тексты, советую также прочитать книгу «Пиши, сокращай 2025» Максима Ильяхова и Людмилы Сарычевой. Книга действительно полезная, классная, но о книге расскажу в своем телеграм канале.

В мобильной версии все размеры отличаются и размер шрифта – не исключение. Для самых крупных заголовков советую использовать шрифт размером 24-32px. Для подзаголовков 20-24px. Для обычного текста я использую размер в 16px, и для самого маленького – 12px. Не забывайте: каждый шрифт индивидуален, я пишу про среднестатистические значения.

Помните про то, что размер шрифта должен делиться на 4, чтобы не было дробных значений при адаптивной верстке.

Для кнопок с заглавными буквами я рекомендую использовать размер в 16px, и со строчными – 20px. Размер текста в полях ввода минимум 12px, лучше всего 16px.

Интерлинья́ж
– межстрочный интервал, я советую делать от 100 до 144px. Текст, где «есть воздух» намного проще и удобнее читать, а мы этого и добиваемся. Всех обнял 🙌🏼

44
реклама
разместить
1 комментарий

Что это за сайты интересно такие, у которых в десктопе обычный шрифт 24px .___.
Банально шрифт которым написан этот текст - всего 17px

1
Как цвета, шрифты и композиция влияют на восприятие сайта

Веб-дизайн — это не просто про красоту. Это инструмент, который помогает управлять вниманием и эмоциями пользователей. Каждая деталь — от цвета кнопки до расположения элементов — влияет на то, как люди воспринимают сайт, что чувствуют и какие действия совершают. Давайте разберемся, как цвета, шрифты и композиция работают вместе, чтобы создавать удо…

Как цвета, шрифты и композиция влияют на восприятие сайта
66
реклама
разместить
Как типографика формирует идентичность бренда
Как типографика формирует идентичность бренда
Гражданство Армении 2025

Гражданство Армении для россиян особенно актуально, так как не нужен отказ от первого паспорта, а также существует упрощенная процедура его оформления.

10 причин: Где сайт теряет заявки?

1. Начнём с базы: пройдите путь клиента, изучите контент сайта, оставьте заявку через все формы и т.д. В интернете уже достаточно историй со слитыми миллионами из-за кривой формы.

10 причин: Где сайт теряет заявки?
11
Дизайн сайта, который «говорит» с вашей аудиторией на одном языке
Дизайн сайта, который «говорит» с вашей аудиторией на одном языке
11
Создание продающего сайта. "Как недизайнеру задизайнить сайт. Часть 1 – Основы"
Создание продающего сайта. "Как недизайнеру задизайнить сайт. Часть 1 – Основы"
44
ИнтерРАО в 2024 году: Финансовые результаты и инвестиционные перспективы.

Всем привет! В этой статье проанализируем потенциал крупнейшего энергетического гиганта России.

Как люди на самом деле читают тексты
Как люди на самом деле читают тексты
22
[]