Эстетика пустоты: Почему мы выбрали серифы
В мире интерфейсов, где правит «чистый» гротеск и бесконечный минимализм, MailPulse делает осознанный шаг в сторону классики. Мы рассказываем о философии типографики, которая помогает читать быстрее и уставать медленнее.
Психология Шрифтов с Засечками
Почему Cormorant Garamond вместо привычного Inter?
Почтовые клиенты традиционно используют гротески (без засечек). Это логично для плотности информации. Но для MailPulse важна не плотность, а интонация. Шрифты с засечками (серифы) исторически ассоциируются с авторитетом, спокойствием и структурированностью.
Исследования показывают, что при чтении длинных текстовых блоков (как в письмах) глаза легче скользят по горизонтали благодаря направляющим линиям засечек. Мы перенесли этот принцип из книгопечатания в цифровой интерфейс, чтобы снизить когнитивную нагрузку при работе с важной перепиской.
Пустое пространство как Функция
В дизайне MailPulse «воздух» — это не украшение. Это инструмент фокусировки.
Визуальный Шум
Стандартные почтовые клиенты перегружены боковыми панелями, кнопками и иконками. Мы убрали всё лишнее, оставив только контент. Пустота вокруг текста заставляет мозг воспринимать его как приоритетный объект.
Воздух и Ритм
Увеличенные отступы (padding) и межстрочные интервалы создают ритм чтения. Это замедляет восприятие, позволяя пользователю осмыслить суть письма, прежде чем переключиться на следующее.
Фокус на Смыслах
Когда исчезают границы ячеек таблицы и лишние линии, остаются только люди и их слова. Дизайн MailPulse растворяется, оставляя вас наедине с задачей.
Контраст и Читабельность
Мы отказались от чистого черного цвета (#000000) в пользу глубокого угля (#141414). Это снижает напряжение глаз при длительной работе.
Текст не белый (#FFFFFF), а слоновой кости (#F5F4F0). Такой «мягкий» контраст сохраняет резкость букв, но убирает эффект «вибрации» пикселей, который часто возникает при высоком контрасте на OLED экранах.
Терракотовый акцент (#D96C4A) используется дозированно — только там, где требуется действие. Это позволяет глазу мгновенно находить кнопки отправки и важные уведомления, не сканируя весь экран.
Процесс Дизайна
Как мы пришли к текущему виду интерфейса за 6 месяцев.
Этап 1: Дегуманизация
Мы начали с полного отказа от привычных паттернов Gmail и Outlook. Первый прототип был слишком абстрактным, пользователи терялись. Мы поняли, что знакомые элементы (дата, отправитель) должны остаться, но их иерархия должна измениться.
Этап 2: Типографическая Экспериментация
Мы протестировали 14 пар шрифтов. Sans-serif для заголовков казался безопасным, но скучным. Serif для основного текста вызывал ассоциации с газетой. Комбинация, которую мы выбрали сейчас, дала идеальный баланс: современный скелет и «теплую» кожу.
Этап 3: Умная Пустота
Финальный шаг — алгоритмическое управление отступами. Если письмо простое, оно занимает меньше места. Если оно требует внимания — интерфейс «раскрывается», давая тексту больше пространства. Дизайн стал реактивным.
Ощутите разницу в ритме
Перестаньте просто «читать почту». Начните управлять своим вниманием с помощью дизайна.
Попробовать MailPulse