Навигация
Графический дизайн. Выбор цветовой схемы
9593
знака
0
таблиц
0
изображений
2. Графический дизайн. Выбор цветовой схемы
Графический дизайн – это художественно-проектная деятельность. От того, как оформлен сайт, как он предстает перед аудиторией, во многом зависит и его популярность.
Считается, что графическое наполнение web-страницы должно быть выполнено в едином стиле. Нет ничего важнее правильного подбора цветов для оживления веб-страницы.
Выбор цветовой гаммы сайта – важный аспект успеха сайта.
Цвет – основополагающий фактор в юзабилити, привлекательности, оригинальности дизайна. Цветовая схема часто состоит из хорошо подобранных оттенков, но могут использоваться цвета, которые не принадлежат семейству оттенков. Необходимо стремиться к тому, чтобы цветовая схема усиливала выразительность сайта, при этом не отвлекая пользователей от контента.
Цветовая гамма страницы дает возможность выделить наиболее важные части страницы, например, навигационные элементы, содержательные блоки, акценты, взаимосвязи и т.д. Для большинства людей цвет играет роль подключения их внимания к объекту, или же наоборот – отключения внимания от оного.
Цвета фона и основного текста должны быть контрастными. Чем контрастнее, тем удобнее будет читать текст.
Модель RGB. Основными цветами при построении любой гаммы являются красный, зеленый и синий. Смешением этих трех цветов можно получить любой другой цвет или оттенок.
Фон и текст страницы должны быть оформлены контрастными цветами. Наилучшая разборчивость обеспечивается при использовании черных символов на белом фоне (так называемого позитивного текста). Белый текст на черном фоне (негативный текст) способствует некоторому рассеянию внимания читателя и несколько замедляет чтение. В качестве фона страницы следует использовать либо однотонный цвет, либо узор, имеющий минимальную контрастность. Фоновые изображения затрудняют распознавание текста глазом человека.
Веб-страница, кроме текстовой информации содержит еще и графическую. На сегодняшний день самым основным графическим форматом в Internet является GIF (Graphics Interchange Format). Обусловлено это тем, что файлы картинок, сохраненные в формате GIF, весьма компактны. GIF очень плотно сжимает графический файл, при этом на качестве самой картинки подобное сжатие практически не отражается. В формате JPEG имеется только одно очевидное преимущество: JPEG способен работать не только с 256 цветами (количество цветов в GIF может быть от 2 до 256), а с полноцветными картинками с 16 миллионами цветов. Кроме того, для стандартных рисунков формат JPEG вообще противопоказан, так как этот формат не способен сохранять всю насыщенность гаммы. GIF обладает еще одной необыкновенной возможность. Этот графический формат позволяет определять в исходной картинке прозрачные цвета, т.е. части картинки при ее просмотре в обозревателе становятся невидимыми. Таким образом, в формате GIF сохраняют рисунки, а в формате JPEG фотографии.
3. Техническая реализация
Весь процесс создания веб-сайта я разделила на несколько этапов. Это разработка дизайна и подготовка графики, создание навигации, наполнение контента.
Дизайн веб-сайта разрабатывался в программе Photoshop. Для решения выбора цветовой схемы мой выбор пал в пользу оранжевых и нежно-зеленых тонов. Я использовала три основных цвета: оранжевый (#e7834f), белый(#FFFFFF) и нежно-зеленый (#9be28e). Для создания связности и целостности была соблюдена верность одной цветовой схеме.
Были прорисованы кнопки, созданы различные состояния кнопок.
интерфейс пользовательский навигационный сайт
После чего, дизайн веб-страницы был порезан на функциональные куски, которые были оптимизированы и сохранены в папку images, которая, в свою очередь находится в папке site.
Для создания сайта я воспользовалась программой Dreamweaver. Сайт состоит из 5 страниц, представлена фотогалерея. Все страницы связаны между собой с помощью ссылок. Использовалась линейная система навигации.
Для форматирования текста применялись каскадные таблицы стилей. Как наиболее удобочитаемый использовался шрифт «Courier New», темный на светлом фоне (правило контраста).
В дизайне применяются как текстовые, так и графические ссылки. Для обратной связи с пользователем применялись формы. В виду того, что у многих пользователей может быть отключен показ картинок или скорость интернет-каналов невелика, использовался альтернативный текст для графических элементов.
Библиография
1. Нильсен Я. Веб-дизайн: книга Якоба Нильсена – Пер. с англ. – СПб: Символ-Плюс, 2003 -512 с:
2. Леонтьев Б. Web-дизайн: Тонкости, хитрости и секреты. – М.: Познавательная книга плюс, 1999. – 192 с.
3. Кирсанов Д. Веб-дизайн: 2006 г.
Похожие работы
... . Существует также ряд послепечатных технологических операций, применяемых только при растровой печати, он включает штамповое высекание, вакуумное формование и тиснение. Глава IV. Методика обучения книжной иллюстрации старших школьников на уроках компьютерной графики 4.1 Эстетическое воспитание ребенка средствами компьютерной графики Ребенок входит в жизнь распахнутый к принятию красоты. ...
... прочие). В соответствии с принципами формирования изображения аддитивным или субтрактивным методами разработаны способы разделения цветового оттенка на составляющие компоненты, называемые цветовыми моделями. В компьютерной графике в основном применяют модели RGB и HSB (для создания и обработки аддитивных изображений) и CMYK (для печати копии изображения на полиграфическом оборудовании). Цветовые ...
... с теми или иными атрибутами (цветом и толщиной контура, видом заливки и т.д.). Векторная графика позволяет масштабировать изображение без изменения качества.) Перед курсом компьютерной графики студенты уже имеют подготовку по черчению (из школы, а студенты-технологи и в вузе изучают этот предмет). Следует исходить из того, что построение и чтение чертежа (по крайней мере, простого) не составляет ...
... что сегодня компьютерная графика является значимым фактором современной эстетической среды (организации материально-предметного и духовного окружения человека). В этом и заключается первостепенное значение компьютерной графики для эстетического воспитания ребенка. Это остается справедливым даже тогда, когда сам ребенок не имеет непосредственых контактов с инструментарием и технологиями создания и ...
0 комментариев