1.3. Определение потребителя

Сайт детской художественной школы ориентирован на работу с учащимися образовательного учреждения, а так же с будущими учениками и их родителями. На сегодняшний день, по статистике, более чем у половины школьников дома есть компьютер, подключенный к интернет, а интернет в школе есть практически у всех детей, и подавляющая часть им пользуется (см.Приложение1). Исходя из этого средний возраст основного потребителя: учащихся – 10-15 лет, родителей – 30-45 лет. Учитывая то, что возрастной диапазон потребителей достаточно широк, при разработке дизайна сайта следует обращать внимание на возрастные особенности каждого возраста.

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

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

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

1.4. Основные направления и тенденции

Веб-дизайн (от англ. Web design) — отрасль веб-разработки и разновидность графического дизайна, направленный на разработку и оформление объектов информационной среды интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества. Подобная трактовка отделяет веб-дизайн от веб-программирования, подчеркивает специфику предметной деятельности веб-дизайнера, позиционирует веб-дизайн как вид графического дизайна [4].

Дизайн сайта может быть типовым – т. е. выполненным на основе шаблонов, либо уникальным, он предполагает отрисовку эскизов с нуля, полностью уникальную разработку под конкретный заказ. Конечным продуктом работы веб-дизайнера является дизайн-макет: картинка, представляющая предполагаемый будущий внешний вид страниц сайта, размером приблизительно 960х640 px (пикселей) — размер, соответствующий среднему стандарту, связанный с необходимостью дальнейшей привязки к разным разрешениям экрана монитора. Картинка эта является многослойной, где, на усмотрение дизайнера, почти каждая деталь — отдельный слой, приложенный к другим слоям-картинкам, за счёт чего может легко выполняться доработка, замена, перекомпоновку и другие задачи. В зависимости от идеи и целей макет может включать фотографии, сложные коллажи, иллюстрации, текстовые слои, уникальные иконки.

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

• Полиграфический дизайн.

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

• Шрифты с засечками

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

• Крупные заголовки

Издатели веками привлекали внимание к статьям огромными заголовками. Чтобы тексты читали, они должны были сразу же производить сильное впечатление. В вебе тренд на крупные заголовки начался в 2009 году, и с тех пор его популярность только росла. Заголовки гарантированно привлекают внимание и сразу же передают свое сообщение аудитории.

• Верстка в несколько колонок

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

• Крупные входные иллюстрации

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

• Минималистичный дизайн, использование сетки

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

• Одностраничная верстка

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

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

• Акварель

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

• Рукопись

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

• Приемы CSS3

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. CSS3 — Сильно расширена по сравнению с предыдущими версиями. Нововведения, начиная с малых, вроде закругленных углов блоков, заканчивая трансформацией (анимацией) и, возможно, введением переменных [17].