Заметки по делу.
48 коротких материалов о том, как делать страницы понятнее, тексты убедительнее, а цифровые проекты — проще в поддержке.
Тихие страницы: дизайн без лишнего шума
Хороший интерфейс не требует постоянного внимания к себе. Он оставляет его содержанию.
Крупная типографика на небольшом сайте
Большой заголовок может задать тон проекту, но должен выдерживать перевод и узкий экран.
Стеклянные панели: когда прозрачность уместна
Размытие и полупрозрачность полезны для глубины, если не мешают читать.
RSS жив: подписка без алгоритмической ленты
Лента обновлений позволяет читателю следить за публикациями без регистрации и уведомлений.
Архив — это навигация по времени
Хронологический указатель помогает находить не только новое, но и давно опубликованное.
Сначала смысл, потом оформление
Семантический HTML делает страницу понятной без необходимости разбирать её дизайн.
Ритм навигации: как не заставлять искать заново
Повторяющиеся паттерны помогают двигаться по сайту без дополнительного обучения.
Меньше зависимостей — меньше точек отказа
Небольшому статическому журналу часто достаточно собственных HTML, CSS и JavaScript.
Анимация, которая объясняет
Движение полезно, когда показывает изменение состояния, а не конкурирует с текстом.
Длина строки: пространство для внимания
Ширина текстовой колонки влияет на то, насколько легко находить следующую строку.
Карточки, в которых есть информация
Хорошая карточка помогает выбрать материал, а не просто заполняет сетку.
Sitemap и robots: два разных документа
Один файл перечисляет адреса сайта, другой сообщает правила обхода роботам.
Контраст в типографике: больше, чем цвет
Выразительность страницы может строиться на размере, насыщенности, ритме и расстояниях.
Статический сайт не обязан быть плоским
Сложный визуальный язык не требует сложного серверного приложения.
Рубрики как альтернативный маршрут чтения
Категории нужны не для украшения меню, а для поиска материалов по интересу.
Плотность главной страницы
Много информации может выглядеть спокойно, если у каждого блока понятная роль.
Нейтральный тон без пустых формулировок
Текст может быть сдержанным и одновременно конкретным, полезным и узнаваемым.
Глубина интерфейса без перегрузки
Слои помогают понять отношения между элементами, когда подчиняются одной логике.
Постоянный адрес — часть содержания
Ссылка на материал должна переживать изменение дизайна и структуры меню.
Лента обновлений — обещание читателю
Подписка ценна предсказуемостью: новые записи должны появляться корректно и вовремя.
Микровзаимодействия без раздражения
Небольшие отклики делают интерфейс понятнее, когда не замедляют действие.
Bento-сетка: каждому блоку своя задача
Асимметричные плитки работают, если размер отражает важность содержания.
Тёмные редакционные интерфейсы
Тёмный фон меняет восприятие текста и требует внимательной работы с контрастом.
Стили для печати и сохранения
Статья остаётся полезной, даже если её читают на бумаге или сохраняют в PDF.
Бюджет производительности для небольшого сайта
Лёгкие страницы быстрее открываются и проще обслуживаются.
Доступная анимация: движение по выбору
Человек должен получать информацию и тогда, когда эффекты полностью отключены.
Метаданные — каркас редакционного сайта
Название, дата, рубрика и аннотация связывают статьи, архив и подписку.
Подвал как вторая карта сайта
Нижняя часть страницы может помогать продолжить чтение, а не только завершать его.
Редакционная система вместо набора страниц
Общий язык карточек, заголовков и рубрик позволяет журналу расти без хаоса.
Сайт, который не страшно открыть через год
Долговечность начинается со структуры файлов, адресов и понятных правил обновления.
Пустое пространство помогает читать
Отступы создают границы смысловых блоков не хуже линий и карточек.
Индекс превращает материалы в коллекцию
Полный список публикаций — один из самых простых способов показать устройство журнала.
Обычный CSS всё ещё мощный инструмент
Сетки, адаптивные размеры и аккуратные эффекты можно собрать без сложной сборки.
Небольшой локальный JavaScript
Скрипт должен обслуживать задачу, а не превращать простую страницу в приложение.
Микротексты: надписи, которые направляют
Короткие подписи интерфейса могут экономить читателю больше времени, чем сложные визуальные элементы.
Визуальный указатель без лишних украшений
Навигация по десяткам материалов начинается с правильной плотности списка.
Повторно используемые блоки без повторов в тексте
Шаблон должен обеспечивать единообразие интерфейса, но не превращать статьи в копии.
Современный сайт без навязчивого отслеживания
Чтобы хорошо выглядеть, странице не обязательно обращаться к десятку сторонних сервисов.
Статус сайта: информировать, не перегружая
Публичные сообщения об ошибках должны помогать посетителю, а не раскрывать служебную информацию.
Отдельная заметка как самостоятельный материал
Ссылка на статью должна работать и без контекста главной страницы.
Главная как первая редакционная страница
Хороший первый экран даёт понять тему издания и предлагает следующий шаг.
Простота — это система решений
Лаконичный интерфейс требует больше дисциплины, чем кажется.
Режим уменьшенного движения
Настройка операционной системы должна влиять на то, как ведёт себя сайт.
Техническая нейтральность: честные утверждения
Материалу больше доверяют, когда он различает факты, рекомендации и предположения.
Содержание важнее декоративных эффектов
Дизайн помогает заметить смысл, но не может подменить хорошо написанный материал.
Сдержанная выразительность страниц
Ощущение качества складывается из точности, а не из количества дорогих эффектов.
Прокрутка как ориентир в материале
Длинная страница должна помогать читателю понимать, где он находится.
Долговечный фронтенд: меньше хрупких решений
Надёжная страница продолжает работать, когда инструменты вокруг неё меняются.
Попробуйте другое слово или сбросьте фильтр.