Другие файлы cookie можно настроить.
Урок 4. Выравнивание: магия невидимых линий
Магия невидимых линий
Когда вещи разбросаны как попало — это визуальный мусор. Когда они стоят ровно по краю — это идеальный порядок.
Вспомним Minecraft: блоки примагничиваются к строгой сетке. Если бы они висели в воздухе со случайным смещением на полпикселя, строить было бы невозможно. В дизайне эту роль играют невидимые направляющие.
Почему левый край — лучший друг
Самое надежное выравнивание в дизайне — по левому краю. Это связано с тем, как устроено наше зрение.
В нашей культуре люди читают слева направо. Когда глаз дочитывает строчку до конца, он совершает резкий прыжок обратно влево, чтобы найти начало следующей строки.
Где глазу будет проще всего найти начало новой строки?
Смертельный грех: длинный текст по центру
Центрирование выглядит красиво только для коротких заголовков из 1-3 слов. Для абзацев — это катастрофа.
Когда длинный текст стоит по центру, его левый край становится «рваным». Глазу приходится каждый раз заново искать, где начинается новая строчка. Попробуем прочитать такой блок.
насколько неудобно глазу искать начало каждой следующей строки.
По краям образуется некрасивая «рваная елочка»,
а скорость чтения падает в несколько раз.
Наводим порядок в списке
Списки, меню и перечисления работают по тем же правилам. Выберите правильное выравнивание для элементов меню.
Визуальный батл: Карточка игрока
Задача: выбрать карточку профиля, где соблюдено строгое выравнивание элементов.
... UI design, clean grid layout, strict alignment, left-aligned typography, neat interface structure
Суперсила «Выравнивание» активирована!
Невидимые линии создают порядок. Левый край — самый удобный для чтения, а центрирование длинного текста ломает интерфейс.