Советы по выбору графического формата

На вопрос: “Какой формат выбрать?” — трудно дать исчерпывающий ответ, т.к. любая развернутая рекомендация, претендующая на полноту и непротиворечивость, может быть опровергнута специально подобранным контрпримером. Поэтому рассмотрим лишь предельные случаи, когда выбор оптимального способа хранения диктуется не вкусами или пристрастиями, а объективными причинами:

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

Анимированное изображение должно быть записано в формате GIF, если только речь не идет о сложных динамических эффектах, для получения которых следует воспользоваться инструментарием языка Dynamic HTML или возможностями Flash-технологии.

3. Навигационные кнопки обычно выполняются в стиле плакатной графики. Это значит, что в их дизайне прямые линии преобладают над кривыми, зоны сплошной заливки — над цветовыми градиентами, ограниченная цветовая палитра — над красочностью полноцветных цветовых моделей. Для таких рисунков хорошим выбором будут форматы PNG или GIF.

4. Несмотря на то, что мы сохраняем изображения в GIF-файле с поддержкой 256 цветов или в JPG-файле с 16,7 млн. цветов, работать с изображением нужно в каком-нибудь промежуточном формате, который позволяет сохранять картинку без искажений и без потери глубины цвета (например, TIFF и внутренние форматы редакторов типа PSD). Дело в том, что в процессе работы Вам понадобится многократно изменять или искажать изображение, что, в конце концов, приводит к многократной перезаписи файла. Многократная запись в формате GIF приведет к тому, что потеряются оттенки изображения, а в формате JPG - каждая новая перезапись файла будет вносить новые искажения, и через некоторое время фотография будет выглядеть ужасно. Поэтому всю работу по обработке графики делайте в промежуточном формате (и не смущайтесь огромными размерами файла) и только на самом последнем этапе преобразуйте изображение в нужный формат (часто - одновременно с оптимизацией размера файла).

3. Цвет в Web-дизайне

Для того, чтобы увидеть свет, нужны две вещи:

- источник света, т.е свет + освещенный им объект

- приемник света (то есть излучения) – глаз.

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

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

Поэтому тела, отражающие и поглощающие различные цветовые лучи по-разному называются хроматическими.

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

В компьютерном дизайне различают две основные цветовые палитры (цветовые модели). Цветовая модель – это способ указания цвета при его выводе на экран или печать.

Палитра RGB – это цветовая палитра, которая используется для описания реальных цветов и для их восприятия на мониторе компьютера.

Палитра CMYK – используется при создании изображений, которые вы видите на бумаге, например в полиграфии. Когда солнечный свет падает на какой либо предмет, часть цветов поглощается, а часть отражается. Отраженный свет попадает в глаз и образует изображение объекта. Аналогичным образом «работают» краски на листе бумаги. Палитра CMYK содержит противоположные RGB цвета (Cyan - синий, Magenta - сиреневый, Yellow - желтый) и черный (blacK) цвет.

Палитра RGB (RED – красны, GREEN – зеленный, BLUE – голубой) названа по названиям трех базовых цветов, используемых в ней для образования всех прочих. Цветовую палитру RGB обычно иллюстрируют картинкой в виде трех пересекающихся кружков. В центре пересечения эти три цвета в сумме дают белый цвет. Попарно пересечение смежных кружков дает дополнительные цвета: Y - желтый (Yellow); C – голубой (Cyan); M – пурпурный (Magenta).

Каждый из трех цветовых компонентов RGB может принимать одно их 256 значений – от максимальной интенсивности (255, 255, 255 – белый) до нулевой интенсивности (0, 0, 0), т. е. Абсолютно любой цвет и оттенок цвета в различных пропорциях.

У каждого цвета есть три основных свойства: цветовой тон, насыщенность и яркость.

Цветовой тон (Нue) - определяет качество цвета и его название: красный, зеленый, оранжевый, фиолетовый и т. д.

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

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

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

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

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

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

Рассмотрим этот круг: он разделен на сегменты, все вместе они составляют полный цветовойспектр.

Основные (первичные) цвета — красный, синий и желтый — обозначены цифрой 1. Вторичные — цифрой 2 и третичные, соответственно, — цифрой 3. Все они составляют внешнюю кайму круга.

Дата добавления: 2015-10-02