Визуальный дизайн

Оптимизация графики

Формат JPEG был специально разработан для сжатия фотографий, чтобы обеспечить их быструю передачу по сети. В отличие от формата GIF, который ограничен набором 256 цве­тов (или еще меньшего количества) оттенков, JPEG оперирует с 24-битовыми изображения­ми. JPEG-изображения содержат миллионы цветов, что так характерно для фотографий с плавными градиентными переходами.

Изображения, сохраненные в формате JPEG, не сглаживаются, так как они мо­гут свободно использовать множество разных цветов. Однако формат JPEG обусловливает появление шума (также называемого артефактами) на изобра­жении — особенно сильно эти дефекты проявляются при сохранении файла с высоким коэффициентом сжатия. Большинство графических программ, напри­мер Photoshop и Fireworks, позволяют задать процент качества JPEG-изо-бражения. Процент качества прямо пропорционален размеру файла и обратно пропорционален количеству шума

Читать полностью

 

Использование формата GIF

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

Для обеспечения максимального сжатия файла изображения были созданы форматы GIF и JPEG, кото­рые в настоящий момент наиболее популярны в Интернете. Оба вышеперечисленных формата исполь­зуют специальный алгоритм (последовательность математических формул) для того, чтобы сохранить изображение при минимальном использовании дискового пространства. Этот процесс называется сжа­тием.

GIF. В формате GIF используется схема сжатия Run Length Encoding (групповое кодирование), или RLE.

Читать полностью

 

Контраст и единообразие

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

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

Читать полностью

 

Макеты и стиль

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

Важно уметь видеть простое взаимно однозначное соответ­ствие составных частей прототипа и макета. Макет может не повторять (и в большинстве случае не повторяет) компо­новку прототипа буквально.

Читать полностью

 

Цветовая палитра

Цвет - один из самых эффективных способов передачи идентичности бренда. Некоторые бренды настолько тесно ассоциируются с цветом, что при одной лишь мысли о ком­пании на ум автоматически приходит определенный цвет. Вспомните такие фирмы, как Coca-Cola, UPS или Kodak, -они в течение многих лет систематически используют кон­кретные цвета (красный, коричневый, желтый), чтобы создать в общественном сознании устойчивое представле­ние о своей идентичности.

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

Читать полностью

 
Другие статьи...