Глава II. Формулирование проектной концепции

Концептуальный образ

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

Концепция дизайна сайта - это слабо детализированный, исполненный в общих чертах эскиз основных страниц сайта, разработанный на основе исследования сайтов-конкурентов и оценки поведенческих реакций потенциальных посетителей. Смысл данного макета - визуализация дизайн-идеи и её развития [10].

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

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

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

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

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

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

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

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

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

Концептуальное решение

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

 Учитывая то, что ресурс будет нести достаточно большой объем текстовой и графической информации, стоит продумать два навигационных интерфейса. Ссылки на основные разделы выносятся в горизонтальное меню, расположенное в верхней части страницы. Ссылки на соответствующие подразделы располагаются в сайдбаре — вертикальном блоке, расположенным слева или справа страницы. Такая организация меню логична. В зависимости от того, какой раздел выбран для просмотра через горизонтальное меню, в вертикальном меню показываются только те пункты, которые относятся к выбранному разделу. Навигационная система сайта будет организована таким образом, что до любого материала можно добраться за 2-3 клика.

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

Техническое исполнение сайта представляет собой создание макетов дизайн - проекта в графических редакторах: Adobe Photoshop Adobe Illustrator; его нарезка в HTML код, доработка кода в HTML редакторе Adobe Dreamweaver и наполнение страниц контентом.

ГЛАВА III. ОПИСАНИЕ ПРОЕКТНОГО РЕШЕНИЯ