Общепринятые правила оформления

Основы графического дизайна

Средства и материалы дизайна. Основные понятия компьютерной графики. Цвет. Форма. Web-дизайн. Общие принципы оформления. Основные понятия компьютерной графики. Палитра. Общие принципы работы в графических редакторах.

Десятилетие назад машинная графика считалась частью системного программирования для ЭВМ. Сейчас это уже вполне самостоятельная область деятельности.

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

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

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

1. Программа обработки растровой графики (для коррекции отсканированных изображений);

2. Программа векторной графики (для изготовления рекламной продукции и полно цветных печатных изданий; для создания графических элементов; для вставки в web – сайты, электронные презентации и.д.; для вывода на печать графических изображений);

3. Редактор анимационной графики (для создания фильмов);

4. Для тех кто занимается web – дизайном, кроме текстового редактора необходимого для написания HTML – кода, понадобится и визуальный редактор web – страниц, такой как Microsoft FrontPage.

5. Различные вспомогательные средства: такие как программы распознавания текста, просмотра графики и свертывания документов.

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

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

q Единство;

q Контраст;

q Баланс.

Цвет – один из основных аспектов восприятия графики. Различают фоновые и цвета спектра.

Фоновые цвета

1. белый – лучший цвет фона;

2. серый – хороший цвет;

3. черный – угнетающий цвет, нов зависимости от тематики подходит в качестве фона.

Цвета спектра – располагаются в порядке от теплого к холодным:

1. красный – возбуждающий;

2. розовый - цвет надежды;

3. оранжевый – тепло, веселье;

4. коричневый – приземленность, суета;

5. темно-желтый – недоверие, скупость;

6. желтый – солнце, радостная бодрость;

7. зеленый – успокаивает;

8. сине-зеленый – напряжение;

9. голубой – рассеивающий;

10. синий – душевный покой, деловой цвет;

11. фиолетовый – смирение, снижает работоспособность;

12. пурпурный – торжество, королевский цвет.

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

Форма – оказывает значительное эмоциональное влияние на зрение.

Условно можно разделить формы на:

q круг;

q квадрат;

q прямоугольник;

q треугольник;

q зигзаг.

Круг – люди мягкие, готовые компромисс;

Квадрат – педанты, любящие порядок;

Прямоугольник – люди в поиске;

Треугольник – надежность;

Зигзаг – творческие натуры.

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

Существует правило золотого сечения – это такое соотношение размеров объекта, при котором объект укладывается в прямоугольник со сторонами А и В, причем В=0.618А или В так относится к А, как А к А+В. Этот закон был обнаружен в древние времена и считается эталоном пропорциональности.

Общепринятые правила оформления

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

Например: деловое письмо.

В одном из верхних углов располагается логотип фирмы. Если логотип ставится внизу, он ассоциируется с печатью или подписью фирмы и имеет малый размер. Вверху логотип может занимать до 1/3 листа.

Если на странице присутствует текст, то заголовок выравнивают по центру и делают его жирнее, чем сам текст. Ширина текста должна быть не менее 2/3 ширины листа (при отсутствии рисунков или фотографий).

Информация должна быть легко доступной для восприятия. Текст лучше всего выводить черными буквами на светлом фоне.

Замечание Избыток информации может существенно затруднять поиск и понимание материала. Поэтому при размещении информации и рисунков следует придерживаться логической и простой структуры. Это особенно остро понимаешь при поиске информации в Интернете.

Web - сайты

Занимаясь web – дизайном, нужно иметь в виду несколько особенностей:

1. web – страницы создаются в расчете на просмотр на компьютере;

q достоинством компьютерной графики является свечение монитора, благодаря чему можно получить гораздо широкий диапазон цветов;

q усиливает восприятие и трехмерная графика и анимация;

q со шрифтами и текстом можно обходится более свободно.

К недостаткам можно отнести необходимость придерживаться стандартных шрифтов.

2. следует учитывать технические ограничения, связанные с технологиями обмена данными в Интернете:

Интернет состоит из множества компьютеров, объединенных линиями связи в сеть. Источником информации является сервер –на их жестких дисках находятся файлы с HTML –страницами, доступными для просмотра.

Серверы предоставляют клиентам возможность просматривать web – сайты с помощью браузеров – Intertet Explorer и других.

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

Обычно для изготовления сайта задействовано несколько человек:

q заказчик ставит задачу;

q web – дизайнер готовит графику и делает оформление сайта;

q web – программист пишет программные модули для вставки на страницы;

q web – мастер все компонует и размещает на сервере.

Графику в Интернете можно разделить на две большие группы:

q информационную;

q украшающую.

Требование к информационной – быстрый и удобный доступ; декоративная графика должна быть не навязчива и занимать небольшой объем.

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

Декоративная графика должна только подчеркивать информацию, ане отвлекать от нее.

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

Основные понятия компьютерной графики

Цветовые модели – это система представления цветов с помощью ограниченного числа доступных красок цветовых каналов монитора.

Замечание Не следует путать с палитрой.

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

Разностные цветовые модели ориентированы на полиграфию (CMYK)/

Цветовые модели на основе сложения предназначены для демонстрации изображений на мониторе.

Модель RGB – самая распространенная цветовая модель при воспроизведении изображения на экране монитора. В ней используются цвета трех лучей монитора: красного, зеленого, голубого. Интенсивность – от 0 до 255. Чем выше интенсивность, тем темнее цвет.

Существуют также и другие модели: HSB, HSV, HLS, YIO, LAB.

Палитра – набор цветов составленных на основе определенной цветовой модели. Палитру можно создать самостоятельно.

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

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

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

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

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