24 февраля 2020 к новости в блоге админа Обновление страницы чтения
|
|
Никогда не догадался бы полезть в настройки сайта, чтоб скрыть панель.
И выше заметили: клик для смены состояния второй панели — неочевидный с большим количеством ложно-положительных срабатываний. |
24 февраля 2019 к новости в блоге админа Новый (адаптивный) дизайн сайта
|
|
Жопожуй Конидзэ,
Показать полностью
детали можно обсуждать, но с текущей читалкой делать что-то надо. Какие-то решения могут быть вкусовщиной, но основные довольно типичны, просто потому что должны решать одну задачу: увеличить читабельность минимальными средствами, для большого количества разных пользователей (то есть, быть как можно более незаметными и универсальными). Задача оформления текста в читалке — минимально напрягать человека и не давать ему потерять читаемое место. — Про абзацы: красная строка появилась, как средство выделить новый абзац при экономии бумаги. Когда бумага стала дешёвой (и, особенно, бесплатной, как экранное место), появились широкие поля и абзацные отбивки, для лучшего выделения важного. Красная строка выделяет только начало абзаца, отбивка — всю ширину, и даёт визуальный якорь на периферии зрения. Использовать и то, и другое добавляет визуальный шум и никак не решает задачу. — Про выравнивание по ширине и межстрочный интервал: ближайшее слово должно быть следующим, а не тем, что на соседней строке. Расстояние между словами не должно изменяться от строки к строке просто для внешней красоты блока текста. — Персональные настройки — это цветовая схема, ширина абзаца и размер текста. Про ширину абзаца мы уже говорили, её достаточно ограничить сверху (и можно убрать возможность настройки). Цвета и кегль — штуки контекстуальные, не универсальные. Их достаточно хранить в куках или браузерном хранилище — уникально для устройства, а не пользователя в целом. * * * Говоря про вкусовщину, переписал пока для себя стили так: .ReadContent { width: 100% !important; } .ReadContent .chapter { margin: 0 auto; font-size: 18px; max-width: 40em; } .ReadContent p { text-indent: 0; line-height: 1.5em !important; word-spacing: -.1ex; letter-spacing: -.01ex; } |
24 февраля 2019 к новости в блоге админа Новый (адаптивный) дизайн сайта
|
|
Написал тут про типографику в читалке:
http://fanfics.reformal.ru/proj/?ia=1123174 |