Общепринятые правила оформления
Основы графического дизайна
Средства и материалы дизайна. Основные понятия компьютерной графики. Цвет. Форма. 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 шрифтов на одной странице является дурным тоном. Не надо боятся экспериментировать, но и не следует также увлекаться экстравагантностью шрифтов.
Дата добавления: 2016-01-30; просмотров: 571;