Хабр Курсы для всех
РЕКЛАМА
Большая витрина: от крупнейших школ до частных авторов. Сравнивайте по цене, длительности, формату и выбирайте самый подходящий курс!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 42
Заголовок «Из-за тощих шрифтов интернет становится нечитабельным», а текст в основном про контрастность цветов. Да, тонкие шрифты должны быть более контрастны, но, например с любой контрастностью шрифты с засечками читаются на экранах значительно хуже, так зачем подменять понятия? Плюс, слабовидящие люди могут форсированно указать браузеру использовать только тот шрифт, который они хотят, но не могут сделать это с цветом.
Во-первых, проблема не высосана из пальца. Слабовидящих людей очень много. Причём не только старых, но и молодых. Полагаю, Вы не входите в их число, поэтому так весело поёте.
Во-вторых, проведите эксперимент — уменьшите фонт на Хабре, возьмите лупу и попробуйте денёк почитать сайт таким образом. Оцените степень удобства.
В-третьих, режим высокой контрастности, к примеру, на Андроиде реализован простым инвертированием цветов на экране. Всех. Да, бледненький текст при этом становится значительно более читабельным, но при этом инвертируются также и все картинки — что делает их совершенно уродскими. В результате при чтении приходится то и дело включать/выключать этот режим, что удовольствия вовсе не добавляет.
Во-вторых, проведите эксперимент — уменьшите фонт на Хабре, возьмите лупу и попробуйте денёк почитать сайт таким образом. Оцените степень удобства.
В-третьих, режим высокой контрастности, к примеру, на Андроиде реализован простым инвертированием цветов на экране. Всех. Да, бледненький текст при этом становится значительно более читабельным, но при этом инвертируются также и все картинки — что делает их совершенно уродскими. В результате при чтении приходится то и дело включать/выключать этот режим, что удовольствия вовсе не добавляет.
Чтобы мне сейчас прочитать ваш комментарий, мне приходится или менять положение относительно монитора (садится ближе или сутулиться) или напрягать глаза до того состояния, что они начинают слезиться. И хорошо, что ваш комментарий всего 3 абзаца текста с измененным цветом шрифта, а если вся страница светлое на светлом, то хочется причинить боль её дизайнеру, в тех же масштабах, что его страница причиняет моим глазам.
Я вспомнил что есть режим инвентирования. Стало интересно какой же контраст у белого текста на чёрном фоне. По идее белые буквы за счёт своего свечения на чёрном фоне должны казаться чуть жирнее чем чёрные которые наоборот будет поглащать фон.
Когда переключился на инверсию даже показалось что глазам легче.
Когда переключился на инверсию даже показалось что глазам легче.
Это всё индивидуально. У меня, например, наоборот, при чтении белых букв на чёрном фоне уже через несколько десятков секунд начинает резать глаза, и ещё пару минут после этого полоски перед взглядом плавают. Если попадается сайт с таким оформлением, где надо прочитать много текста, приходится применять юзерстиль, возвращающий белый фон и чёрный текст.
Сейчас для браузеров существуют разные расширения, позволяющие рисовать шрифты более толстыми и приятными глазу. Например, в своём Chrome пользуюсь Font Rendering Enhancer.
Одно из тех практически незаметных, но безумно полезных расширений, которые и не уродуют дизайн страниц своими шрифтами, и спасают глаза (а то после очередного апдейта Хрома около года назад шрифты на некоторых сайтах стали смотреться совсем уж нечитабельными).
Но это немного в сторону от основной мысли статьи.
Одно из тех практически незаметных, но безумно полезных расширений, которые и не уродуют дизайн страниц своими шрифтами, и спасают глаза (а то после очередного апдейта Хрома около года назад шрифты на некоторых сайтах стали смотреться совсем уж нечитабельными).
Но это немного в сторону от основной мысли статьи.
У меня стоит stylebot для хрома, поставил 145% для всех текстов на Хабре (разница). Можно читать, откинувшись на спинку. Очки не ношу, но вроде по глазам 0 и -2. При обычном размере хочется наклониться к монитору.
Можно проще — масштаб в 125%. Заодно и пустые поля по бокам пропадают.
chrome --force-device-scale-factor=1.25
Ну или сколько там вам понравится…
Ну или сколько там вам понравится…
окей, вместо того чтобы дизайнеры делали свои дизайны в нормальном, читаемом виде, мы скатываемся в какие-то жуткие костыли… давайте тогда уж сёрфить через Lynx, чего уж там!
имхо, проблема нормального отображения контента сейчас становится все более острой…
имхо, проблема нормального отображения контента сейчас становится все более острой…
Нет, не проще. Повышение масштаба затрагивает всё, в том числе картинки. Мне не надо увеличивать отображение других элементов. Мне нужно увеличить только текст.
С масштабом удобней, т.к. для каждого сайта можно подобрать свое значение. Например Хабр и ГТ у меня 125%, а МойКруг и ВК на 110%. А еще удобно, когда хочется откинуться на стуле и почитать не напрягаясь, тогда можно и все 200% поставить)
Это можно сделать толко на компе. Мобильный хром не поддерживает расширения.
Ещё разок: http://contrastrebellion.com/
У меня стоит uBlock Origin. В нём можно просто выключить к чёрту все эти навороченные нестандартные шрифты. И дополнительного расширения не надо…
Надуманная проблема, версию для слабовидящих и масштабирование никто не отменял. Сайты с действительно нечитабельными «тощими» шрифтами можно отнести к неадаптированным сайтам с плохим дизайном. Это не показатель и не тенденция. Для этого достаточно посмотреть на сайты к примеру банков и интернет-магазинов. Там где сайт — это инструмент извлечения прибыли, вы такого не увидите.
версию для слабовидящих и масштабирование никто не отменял.
Её почти никто и не заказывает, так что было бы чего отменять.
Что мешает браузерам увеличивать шрифт скролбарчиком? На контент пофигу, пусть плывет.
иронично, что Хабр рисует части этой статьи как раз светло-сереньким по белому :)
И в тексте статьи о важности контраста — не контрастные подписи светло серым по белому под изображениями. Браво. Самое забавное, что это относится и к оригиналу.
В этом плане Windows 10 и Windows Phone всегда двигались навстречу людям, так что к ним у меня претензий нет абсолютно. С читаемостью и контрастностью цветов всё отлично, да и дизайн хорош! Черный на белом, либо белый на черном.
http://imgur.com/a/ZN7A5
http://imgur.com/a/ZN7A5
Это сделали за счёт пользователей большой винды, где вытекают глаза без HiDPI.
Тонкая гельветика в яблочных девайсах появилась благодаря ретине. Как ещё показать, что экран стал выше по разрешению? Сделать сверхтонкие линии в интерфейсе, чтобы пользователь видел, что они без лесенок.
Мы живем в информационную эру. Практически в каждом доме есть ноутбук, компьютер, смартфоны, и ля-ля-ля всякие гаджеты. Ни для кого не секрет что эти все чудо-устройства портят глаза. Дети начинают в них зависать чуть ли не с пилёнок, в результате много детей до своего совершеннолетия уже будут или испытывают проблемы со зрением. Выходит парадокс, все эти компы, ноуты и смарты, не добавляют нам зрячести, а тексты в дизайнах наоборот становятся всё более лайтовые, и вместо того чтобы тексты становились более жирными учитывая зрительный вред от устройств, буквы тем не менее становятся чуть ли не с волосину в толщину, я встречал такие сайты где тексты ну прям очень тонкие, трудности с чтением даже у меня возникали при виде такого текста, чего уж говорить о стариках. Красота требует жертв — ох, и какие же жертвы нам приносят такие ходы со шрифтами, а жертва такая что с подобных сайтов уходит кое-какая аудитория, и вместо того чтобы человек смог купить какой-то товар, он просто уходит потому что тонкий текст не кричит, но НЕ КРИЧИТ — «Купи меня, я ведь тут, разве не видно?», нет, не видно. Я в дизайнах тоже употребляю лайт-начертания, каюсь, но уж такая сейчас мода, тренды и т.д., но я пытаюсь подобрать не слишком тонкий лайт, и положить стараюсь на контрастный фон, чтобы текст бросался в глаза.
Вам не нравятся сайты с голубыми шрифтами по лазурному и сиреневому фону, перелистываемые постранично?
Вы ретроград!
А когда подложка ещё и переливается, как масляная пленка на луже, это же креатифф!
Теперь эта мода пошла и в официальные сайты ведомств и министерств. И так они были не самые удобные в плане поиска информации, теперь же приходится продираться через «плиточки», «тапчики», «сладеры».
Вы ретроград!
А когда подложка ещё и переливается, как масляная пленка на луже, это же креатифф!
Теперь эта мода пошла и в официальные сайты ведомств и министерств. И так они были не самые удобные в плане поиска информации, теперь же приходится продираться через «плиточки», «тапчики», «сладеры».
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Из-за тощих шрифтов интернет становится нечитабельным