Графика для веб сайтов

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

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

Работа с веб графикой

Чтобы изображение можно было хранить, просматривать и обрабатывать на компьютере, оно должно быть представлено в так называемом цифровом виде. Такое представление или, другими словами, описание изображения можно выполнить различными способами. Самый простой (по крайней мере, для понимания) способ состоит в том, чтобы каждый элемент изображения (точку или, как принято говорить, пиксел) описать отдельно. Описание точки это описание ее цвета. Все изображения, представленные таким способом, называют растровыми. Фотографии, произведения живописи, картинки с плавными переходами цветов обычно представляются в компьютере как растровые изображения. Для редактирования растровых изображений существуют специальные программные средства - графические растровые редакторы. Многие из них предназначены только для просмотра изображений и, возможно, не которой коррекции (яркости, контрастности, цветового баланса). Другие же являются мощными средствами не только для коррекции, но и для комбинирования фрагментов различных изображений (создания коллажей), а также для собственно рисования. Лидером среди редакторов растровых изображений является Adobe Photoshop. Однако следует заметить, что рисование «от нуля» в редакторах растровой графики, хотя это и возможно, является довольно сложным делом. Для этой цели лучше подходят редакторы так называемой векторной графики.

Векторные изображения

Векторные изображения описываются математическими формулами. В них элементами являются не пикселы, а объекты (линии, фигуры и т. п.). Например, чтобы описать такой объект, как отрезок прямой линии, требуется указать координаты его начала и конца, толщину и цвет линии. При растровом описании линии нам пришлось бы описывать каждую ее точку, причем чем толще линия, тем больше точек она содержит и тем объемнее ее общее описание. Рисовать картинки от руки в редакторах векторной графики существенно удобнее. чем в растровых. В частности, схемы и чертежи, а также рисунки типа плакатов (т. е. без плавных переходов цветов), несомненно, надо делать с помощью векторных редакторов. Однако они являются не очень хорошими помощниками при создании изображений с качеством фотографий или произведений живописи. Лидер среди векторных редакторов - CorelDRAW, хотя есть множество других векторных графических программ, например, Macromedia FreeHand и Macromedia Flash. (лично я рекомендую последний)
Растровые изображения плохо переносят масштабирование. Увеличение размеров картинки обычно приводит к ухудшению ее качества (проявляется зернистость). Если же требуется сохранить качество при увеличении размеро!! изображении, за это платит увеличением объема занимаемого места на диске. Качество векторного изображения практически не зависит от масштаба его представлении и. следовательно, изменение масштаба не сказываетси на объеме занимаемого места на диске. Это - одно из главных достоинств векторной графики.

Графическое оформление сайта

Во-первых, графическое оформление должно укладываться в общую цветовую схему. Во-вторых, Вы должны продумать общую концепцию графического оформления.
Все графические элементы можно разделить на два больших класса: рисованные и фотореалистические. Постарайтесь не смешивать эти два типа в оформлении. Кроме этого, в случае, если Вы используете на сайте фотографии в качестве иллюстраций, то перед использованием обработайте их - сделайте в случае необходимости тоновую и цветовую коррекцию, кадрирование, выберите примерный размер фотографий в публикации, найдите способ обработать края фотографии. А потом используйте данное оформление по всей публикации. И всегда пишите пояснения к фотографиям в параметре ALT тэга IMG - это будет восприниматься как подпись к фотографии и, кроме того, избавит пользователя от ожидания в случае, если его не интересует данная страничка.

Графические программы

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

Большинство начинающих заниматься компьютерной графикой обычно плохо разбирается, в каких случаях следует использовать тот или иной редактор. Часто бывает и так, что они пытаются в векторных редакторах применить технологии, естественные для растровых редакторов, и наоборот. Опытный специалист по компьютерной графике легко выберет наиболее подходящий редактор в зависимости от стоящей перед ним задачи. У него всегда под рукой и растровый, ивекторный редактор. Поэтому обычно приходится полагаться на оба типа редакторов - растровый Photoshop и векторный Flash. Photoshop мы выбрали в силу его чрезвычайной популярности и огромных функциональных возможностей. К Флэш мы обратились потому, что он является простым и достаточно удобным векторным редактором, имеет чрезвычайно мощные и удобные средства работы с анимационной графикой, а также потому, что его выходные файлы могут восприниматься Веб-браузерами.
Вместе с тем обратите внимание, что обычно векторные редакторы могут импортировать растровые изображения в векторную графическую композицию и, наоборот, экспортируют векторные изображения в растровые. Например, Флэш позволяет это делать легко

• веб дизайн и брэнд
• фирменный стиль в веб-дизайне
• графика в веб дизайне
• особенности графики для веб
• что такое графический дизайн?
• графика для веб сайтов
• компьютерный дизайн
• стиль в веб дизайне
• цветовая схема веб сайта