Студия дизайна «Разумный подход» Владимира Соловьёва, podhod.ru

Графика в интернете

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

Фотографии

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

Конечно, одновременно проводится и коррекция цвета.

Текст

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

Обман зрения

Также стоит помнить о том, что на мониторе пиксель «собирается» из трёх цветовых элементов — красного, зелёного и синего. Это служит причиной различных обманов зрения. Например, если провести вертикальную границу от красного к синему, появится ступенька шириной 4⁄3 пикселя, а это будет сильно бросаться в глаза.

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

Слева: Кажется, что красная полоска уехала влево, на самом деле она стоит прямо Справа: Красная и синяя полоски состыковываются ровно, а нарисованы они со ступенькой

На некоторых LCD мониторах этот эффект может выглядеть иначе, чем описан.

Иллюзии

На сайте chernogolovka.ru есть кнопка, которая выглядит, как прямоугольник с закруглёнными углами. А самом деле, это трапеция. Это тоже необходимо учитывать.