Как сделать шрифт контрастнее. Как сделать читабельным текст поверх фотографии. Установлено не родное разрешение экрана

Доброго часа всем!

Вообще, идеально, чтобы вы спокойно могли работать с монитором на расстоянии не менее, чем 50 см. Если вам работать не комфортно, некоторые элементы не видны, приходиться щуриться - то нужно настроить монитор, чтобы было все видно. А одно из первых в этом деле - это увеличить шрифт до удобно-читаемого. Итак, этим и займемся в этой статье…

Горячие клавиши, чтобы увеличить размер шрифта во многих приложениях

Многие пользователи даже не знают, что есть несколько горячих клавиш, которые позволяют увеличить размер текста в разнообразных приложениях: блокноты, офисные программы (например, Word), браузеры (Chrome, Firefox, Opera) и пр.

Увеличение размера текста - нужно зажать кнопку Ctrl , а затем нажать кнопку + (плюс) . Нажимать «+» можно несколько раз, пока текст не станет доступен для комфортного чтения.

Уменьшение размера текста - зажать кнопку Ctrl , а далее нажимать кнопку - (минус) , пока текст не станет мельче.

Кроме этого , можно зажать кнопку Ctrl и покрутить колесико мышки . Так даже несколько быстрее, можно легко и просто отрегулировать размер текста. Пример этого способа представлен ниже.

Рис. 1. Изменение размера шрифта в Google Chrome

Важно отметить одну деталь : хоть шрифт и будет увеличен, но стоит вам открыть другой документ или новую вкладку в браузере, как он станет снова таким, каким был ранее. Т.е. изменения размера текста происходят только в конкретном открытом документе, а не во всех приложениях Windows. Чтобы устранить эту «деталь» - нужно настроить соответствующим образом Windows, а об этом далее…

Настройка размера шрифта в Windows

Представленные ниже настройки были сделаны в ОС Windows 10 (в ОС Windows 7, 8 - почти все действия аналогичны, думаю, у Вас не должно возникнуть проблем) .

Сначала необходимо зайти в панель управления Windows и открыть раздел «Оформление и персонализация » (скрин ниже).

Рис. 3. Экран (персонализация Windows 10)

Затем обратите внимание на 3 цифры, представленные на скриншоте ниже (кстати, в Windows 7 этот экран настроек будет несколько отличен, но настройка вся аналогичная. По моему мнению, там даже нагляднее) .

Рис.4. Варианты изменения шрифта

1 (см. рис. 4): если открыть ссылку «используйте эти параметры экрана » то перед вами откроются разнообразные настройки экрана, среди которых есть ползунок, при передвижении которого размер текста, приложений и др. элементов будет изменяться в режиме реального времени. Таким образом можно легко подобрать оптимальный вариант. В общем, рекомендую попробовать.

2 (см. рис. 4) : подсказки, заголовки окон, меню, значки, название панелей - для всего этого можно задать размер шрифта, причем, даже сделать его полужирным. На некоторых мониторах без этого никуда! Кстати, на скриншотах ниже показано, как это будет выглядеть (было - 9 шрифт, стало - 15 шрифт) .

3 (см. рис. 4): настраиваемый уровень масштабирования - достаточно неоднозначная настройка. На некоторых мониторах приводит к не очень удобно-читаемому шрифту, а на некоторых позволяет взглянуть на картинку по новому. Поэтому, ее рекомендую использовать в последнюю очередь.

После того, как откроете ссылку, просто выберите в процентах, насколько вы хотите увеличить масштаб всего, что отображено на экране. Имейте ввиду, что если у вас не очень большой монитор, то некоторые элементы (например, значки на рабочем столе) сместятся со своих привычных мест, к тому же, вам придется больше прокручивать страницу мышкой, xnj.s увидеть ее полностью.

Рис.5. Уровень масштабирования

Кстати, часть настроек, из приведенных выше, вступает в силу только после перезагрузки компьютера!

Изменение разрешения экрана для увеличения значков, текста и др. элементов

От разрешения экрана зависит довольно многое: например, четкость и размер отображения элементов, текста и пр.; размер пространства (того же рабочего стола, чем больше разрешение - тем больше значков поместиться:)).; частота развертки (это связано больше со старыми ЭЛТ-мониторами: там чем больше разрешение, тем меньше частота - а ниже 85 Гц использовать крайне не рекомендуется. Поэтому, приходилось подгонять картинку…) .

Как изменить разрешение экрана?

Самый простой способ - это зайти в настройки вашего видео-драйвера (там, как правило, можно не только изменить разрешение, но и поменять другие важные параметры: яркость, контрастность, четкость и пр.). Обычно, настройки видео-драйвера, можно найти в панели управления (если переключить отображение на мелкие значки, см. скрин ниже).

Так же можно щелкнуть правой кнопкой мышки в любом месте рабочего стола: и в появившемся контекстном меню, часто есть ссылка на настройки видео-драйвера.

В панели управления своего видео-драйвера (обычно в разделе, связанного с дисплеем) - можно изменить разрешение. Дать какой-то совет по выбору в данном случае довольно сложно, в каждом случае нужно подбирать индивидуально.

Моя ремарка. Несмотря на то, что таким образом можно изменить размер текста, прибегать к ней я рекомендую в последнюю очередь. Просто довольно часто при изменении разрешения - теряется четкость, что не есть хорошо. Я бы рекомендовал сначала увеличить шрифт текста (не изменяя разрешения), и посмотреть на результаты. Обычно, благодаря этому удается добиться лучших результатов.

Настройка отображения шрифта

Четкость отображения шрифта даже важнее, чем его размер!

Я думаю, что со мной многие согласятся: иногда даже крупный шрифт выглядит размыто и разобрать его не просто. Именно поэтому, изображение на экране должно быть четким (без размытостей)!

Что касается четкости шрифта, то в Windows 10, например, его отображение можно настроить. Причем, настраивается отображение для каждого монитора индивидуально так, как это больше подходит вам. Рассмотрим подробнее.

Сначала открываем: Панель управления\Оформление и персонализация\Экран и открываем ссылку слева внизу «Настройка текста ClearType «.

Далее должен запуститься мастер, который проведет вас через 5 шагов, в которых вы просто будете выбирать самый удобный вариант шрифта для чтения. Таким образом подбирается самый лучший вариант отображения шрифта именно под ваши нужды.

Отключать ли ClearType?

ClearType - это специальная технология от Microsoft, которая позволяет сделать текст таким четким на экране, как будто он напечатан на листе бумаге. Поэтому не рекомендую его отключать, без проведения тестов, как будет у вас выглядеть текст с ним и без оного. Ниже приведен пример, как это выглядит у меня: с ClearType текст на порядок лучше и удобство чтения выше на порядок.

Использование экранной лупы

В некоторых случаях бывает очень удобно использовать экранную лупу. Например, встретили участок с текстом мелкого шрифта - приблизили с помощью лупы, а затем снова восстановили все в норму. Несмотря на то, что эту настройку разработчики делали для людей, у кого плохое зрение, иногда она помогает и вполне обычным людям (по крайней мере, попробовать, как это работает, стоит).

Для начала нужно зайти в: Панель управления\Специальные возможности\Центр специальных возможностей .

Когда нужно что то увеличить, просто щелкаете по ней и меняете масштаб (кнопка ).

PS

На этом у меня все. За дополнения по теме - буду признателен. Удачи!

Существует масса возможностей быстро увеличить шрифт на экране. На выбор подходящего способа повлияет установленная на вашем компьютере операционная система и несколько дополнительных факторов. Например, вы можете захотеть поработать со шрифтами избранной программы или, напротив, изменить шрифты во всех без исключения всплывающих окнах.

Метод 1. Применение экранной лупы

Откройте панель управления путем, нажав «Пуск». Перейдя к меню, отыщите «Программы» , остановитесь на категории «Стандартные». Откроется подменю, в котором нас интересует «Экранная лупа». Обратите внимание на верхнюю область экрана, где всплывет окно. Немедленно покажется часть экрана рядом с указателем мыши в большем, чем раньше масштабе. Подведите мышь к любому участку текста, и буквы автоматически увеличатся.

Метод 2. Как увеличить все окна

Этот вариант предназначен для пользователей Windows XP. Осмотрите рабочий стол и найдите на нем незанятое место, затем нажмите в эту область правой кнопкой. Если вы щелкнете на кнопку «Свойства», незамедлительно всплывет окно с экранными настройками. Выберите вкладку «Оформление», чтобы перейти в нижнюю область окна, где около надписи «Размер шрифта» располагается перечень с тремя размерами; среди них следует выбрать нужный и подтвердить свое решение нажатием кнопки «Применить».

Метод 3. Как увеличить избранные элементы

Чтобы подкорректировать шрифт в выборочных элементах, поработайте с вкладкой «Оформление», как в предыдущем варианте, и найдите категорию «Дополнительно». После этого найдите ту часть окна, которую вы желаете увеличить и щелкните ее. В нижней области всплывут настройки для форматирования, где вы сможете ознакомиться с предложенными размерами, чтобы остановиться на идеальном для вас варианте.

Метод 4. Установка шрифта при помощи

«Персонализации»

Работа начинается с нажатия кнопки «Пуск», с помощью которой опять же нужно обратиться к посредству панели управления, с тем, чтобы всплыло подменю. Вам понадобится вкладка «Оформление и личная настройка», из всех категорий которой следует остановиться на «Персонализации». Отражающаяся слева надпись «Изменение размера шрифта» подтверждает правильность ваших действий. Помните, чтобы изменить настройки, администратор должен будет ввести свои настройки. Изменение размера в сторону увеличения происходит следующим образом: выберите «Крупный масштаб» — он составляет 150% — и подтвердите решение, нажав «ОК». Важно: применение этого масштаба становится возможным только при определенном разрешении, составляющем не менее 1200 на 900 пикселей.

Так же советуем скачать программу — . Она призвана решить проблему неудобства сохранения всех вариантов шрифта на обычном компьютере. С помощью этой программы каждый пользователь сможет на свое усмотрение размещать различные шрифтовые варианты в выбранных папках.

Видео: Как увеличить шрифт

Эксперты выяснили, что интернет становится нечитабельным из-за тенденции эволюции в сторону «тощих» шрифтов, которые ухудшают видимость слов на экране для пожилых людей или людей с ослабленным зрением.

В то время как раньше текст был рельефным и тёмным, и хорошо контрастировал с преимущественно белым фоном, теперь многие веб-сайты переходят на светло-серые или голубые шрифты.

Отмеченный наградами блоггер Кевин Маркс, основатель Microformats и бывший вице-президент веб-сервисов в , решил изучить проблему после того, как заметил, что стал испытывать всё больше трудностей при чтении текста на экране.

Я призываю дизайнеров и разработчиков программного обеспечения: оставьте ваши изыски и вернитесь к типографским принципам печати.
Кевин Маркс

Кевин обнаружил «широко распространённое движение», направленное на уменьшение контраста между текстом и фоном, в ходе которого все технологические гиганты - Apple, Google и Twitter - изменяют свои типографские принципы.

Чисто чёрный на белом фоне текст имеет максимально достижимую контрастность 21:1. Большинство технологических компаний считает хорошей практикой для шрифта иметь контрастность в отношении не менее 7:1, что позволяет видеть текст людям с ослабленным зрением.

Однако г-н Маркс обнаружил, что даже собственные типографские директивы компании Apple, рекомендующие контрастность 7:1, написаны при отношении 5.5:1.


Многие пожилые люди используют интернет, чтобы оставаться на связи с родственниками

Г-н Маркс, который изданием The Telegraph был назван одним из 50-ти самых влиятельных британцев в вопросах современных технологий, заявил, что эти изменения рискуют подорвать универсальную доступность интернета. «Выбор типографики такими компаниями как Apple и Google устанавливает, фактически, дизайн по умолчанию для большой части сети, и эти два драйвера дизайна действуют уже на границе читаемости текста», - предупреждает он в заметке на Backchannel .

«Если в сети преобладает текст, который трудно читать - это ограничивает доступ к ней, исключает большое число людей, таких как пожилые люди, люди с нарушениями зрения или тех, кто использует экраны низкого качества изготовления.

»Поскольку мы полагаемся на компьютеры не только для извлечения какой-то хранимой информации, но и для получения доступа к услугам, которые порой крайне важны для наших жизней, а также для создания каких-то сервисов, то обеспечение доступности происходящего буквально для всех становится всё более и более важным."


В 2008 году организация «Инициатива по обеспечению универсального доступа к Интернету» (WAI = Web Accessibility Initiative) ввела отношение контрастности, которое должно помочь веб-дизайнерам создавать хорошо читаемые сайты.

Если текст и фон одного цвета, например, белый на белом, то это отношение составляет 1:1.
Для чёрного текста на белом фоне или белого текста на чёрном фоне оно максимально - 21:1.
Чёрный текст на сером фоне и наоборот имеет отношение 13:1; очень светлый серый на белом - 3:1.
Однако когда шрифт становится тоньше или более «легковесным», чтения текста затрудняется.

Изменения в типографике пришли потому, что по мере эволюционирования веб-дизайна шрифты, цвета и то, что служит фоном, стали отклоняться от исходного набора ""безопасных стандартов", которые были признаны разборчивыми для всех пользователей.

Развитие ЖК технологий и экранов с высоким разрешением также позволило дизайнерам использовать всё более тонкие шрифты, которые нормально работают на настольных компьютерах, но которые нередко, фактически, невозможно прочитать на смартфонах или планшетах.

В последние годы справочники, такие как «Руководство по типографике» , также рекомендовали дизайнерам не использовать большой контраст, утверждая, что традиционное расположение «чёрный на белом» чрезмерно напрягает глаза и, в частности, мешает людям с дислексией.

Вдобавок многие компьютеры теперь используют снижение яркости при уменьшении освещённости, чтобы не излучать сильный свет, мешающий людям засыпать.

Но базирующаяся в США организация «Инициатива по обеспечению универсального доступа к Интернету» (WAI = Web Accessibility Initiative), которая и предложила формулу исходного отношения, в 2008 году в порядке наставления дизайнерам заявила, что слишком низкий контраст интернет-страниц «мешает людям и разочаровывает их».


Более светлые шрифты могут хорошо работать на настольных компьютерах с высоким разрешением, но не смартфонах или в условиях сравнительно высокой освещённости.

«Выбор цветовой гаммы с низким контрастом делает навигацию, чтение и взаимодействие реально мучительным процессом», - сказал представитель организации.

«Хороший дизайн означает достаточный контраст между элементами переднего плана и фона. Это особенно существенно для людей со сниженной чувствительностью к контрасту, что больше проявляется с возрастом.»

Но г-н Маркс считает, что снижение контраста может оттолкнуть некоторых пользователей.

«Произвольное снижение контраста в погоне за модой, приводящее к хорошей картинке на моём прекрасном дисплее в моём отлично освещённом офисе, означает отказ дизайнера от обязательств перед множеством людей, для которых он творит», - говорит он.

«Вы должны делать разработки лучше для людей, читающих на небольших, неярких, дисплеях немолодыми глазами. Это, может быть, не модно, но надо посмотреть, кто же остаётся в стороне из-за вашего представления об эстетике.»

Д-р Саймон Харпер, опытный специалист по информатике, занимающийся взаимодействием человека с компьютером и информационными системами в университете г. Манчестер: «Чёрный текст на белом фоне может создать ощущение определённой жёсткости; в то же время, серый текст может породить более мягкое, более дружественное ощущение.»

«Но для некоторых людей такие варианты дизайна несут с собой ухудшение разборчивости, понимания и рост усталости от использования. Мы называем это ситуационным нарушением - при нём ухудшается работоспособность пользователя из-за действия устройства, дизайна, окружающей среды или контекста использования.»

«Если требуется напрягаться, чтобы видеть текст, то взаимодействие прекращается. В новом мире продвинутого цифрового дизайна все мы становимся в каком-то аспекте уязвимыми.»

«Обеспечение средств, позволяющих пользователю настроить конкретный дизайн под себя, а не такой подход, при котором пользователь вынужден приспосабливаться (что иногда просто невозможно), является единственным жизнеспособным вариантом.» - заканчивает Кевин Маркс.

Одним из последних трендов в веб-дизайне стало использование в качестве фона изображений с высоким разрешением. Здесь очень важно, чтобы текст, помещенный поверх такого фона, выглядел достаточно контрастно. Четкость и легкость восприятия – очень критичная составляющая информации, передаваемой через веб-сайт.

Данный урок по фотошопу познакомит вас с пятью способами оптимизации контраста при расположении текста поверх изображений.

1. Наложение цвета
Текст на представленном ниже изображении разобрать очень трудно, и причиной этому сложный, неоднородный фон. Фон содержит значительное количество деталей, особенной в области меню. Так же, в силу специфики фона, практически полностью теряется интересная текстурность использованного шрифта “Buffalo Wings”. Совершенно очевидно, что контрастность на данном изображении нуждается в доработке.

Прежде всего нужно создадим новый слой и назовем его “Наложение цвета”. Далее, возьмите образец цвета с поверхности показанной ниже рубашки (нажмите и удерживайте для этого клавишу I), и при помощи сочетания клавиш Shift + F5 залейте выбранным цветом созданный слой.

Наконец, уменьшите Непрозрачность (Opacity) залитого цветом слоя до 50%, и сместите его под слой с текстом.

Как вы можете заметить, контраст стал заметно лучше. Кроме того, детали и текстурность шрифта “Buffalo Wings” стали отчетливее.

2. Тень
Представьте себе ситуацию, когда клиент хочет, чтобы вы разместили тонкий, изящный текст поверх сильно детализированного участка фото. Такое тоже иногда случается, и приходится искать способы достижения приемлемой контрастности между фоном и текстом.

В подобных случаях, прежде всего, нужно выбрать правильный цвет текста.

Очевидно, лучше всего будет смотреться какой-нибудь светлый цвет. Например, белый.

Следующим шагом нужно применить стиль слоя Тень (Drop shadow). Уменьшите Непрозрачность (Opacity) до 52%. Затем задайте Размах (Spread): 16% и Размер (Size): 10 пикселей. Угол должен быть примерно -144 градуса.

Как видите, применение простого стиля слоя заметно улучшило контрастность.

3. Лини
Это – один из наиболее легких способов улучшения контрастности. Достаточно просто добавить две белые линии под и над надписью, зрительно отделив, таким образом, текст и фон.

Добавленные две линии…

…обеспечивают улучшают восприятие двух элементов дизайна.

4. Оттенение
Еще один способ улучшения восприятия текста за счет усиления контраста – добавление под текст оттененной фигуры. Чтобы вам легче было понять о чем идет речь, я покажу на примере.

На примере ниже надпись практически невозможно прочесть, потому, что она сливается с фоном. Разделитель между строками текста теряется среди деталей здания на фоне.

Чтобы улучшить читабельность текста выберите инструмент Произвольная фигура (Custom Shapes Tool), или просто нажмите клавишу U. Выберите любую фигуру на свое усмотрение. Здесь нет каких-либо правил и рекомендаций.

Залейте фигуру черным цветом и задайте белую обводку толщиной 3 пикселя.

Сместите слой с фигурой под слои с текстом и его разделителем, после чего уменьшите Непрозрачность данного слоя до 57%.

Результат выглядит более профессионально, да и воспринимается намного лучше

5. Размытие фона
Пятый и последний способ улучшения контрастности – применение к фону легкого эффекта размытия.

На исходном изображении текст различить довольно трудно.