Веб-дизайн в профессиональной деятельности графического дизайнера

Дадьянова Ирина Борисовна кандидат социологических наук доцент, кафедра информационных технологий и компьютерного дизайна, Санкт-Петербургский государственный университет культуры 191028, Россия, г. Санкт Петербург, ул. Моховая, 14, кв. 32 Dadianova Irina PhD in Sociology Associate Professor, Department of Information Technology and Computer Design, St. Petersburg State University of Culture 191028, Russia, g. Sankt Peterburg, ul. Mokhovaya, 14, kv. 32 newspaper2004@yandex.ru Другие публикации этого автора

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

Очевидно, что на текущий момент времени любой проект (от создания упаковки нового продукта до разработки веб-сайта) включает в себя дизайн как обязательную составную часть. В научной литературе дизайн определяется как «вид художественной деятельности, связанный с разработкой предметного окружения человека, систем визуальной коммуникации и информации, организацией жизни человека, основанной на функциональных началах» ^{[11, с.6]}.

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

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

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

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

Что касается степени изученности проблемы, то в отечественной научной литературе широким кругом авторов, среди которых Г.Н. Лола, В.А. Луков, А.А. Останин, И.А. Розенсон, В.В. Чижиков, формулируется понятие дизайна и его места в пространстве современной культуры, что дает возможность осуществить первоначальный анализ сущности веб-дизайна как одной из разновидностей дизайна. Значительный вклад в формулирование целостной концепции веб-дизайна внесли Г.П. Блуднов и Д.В. Бородаев. Также определенный интерес вызывают разработки практикующих веб-дизайнеров, таких как Д. Кирсанов, А. Лебедев, Ю. Сырых.

Среди зарубежных авторов можно выделить Д.Д. Гарретта, К. Голомбински, К. Клонингера, С. Круга, П. Макнейла, Д.С. Макфарланда, П. Морвиля, Я. Нильсена, Р. Хагена как внесших наибольший вклад в разработку темы веб-дизайна. Однако, как правило, эти работы, в большей степени, сосредоточены на технической стороне вопроса.

На текущий момент, веб-дизайн признан одной из самых интенсивно развивающихся сфер цифрового дизайна. Под “веб-дизайном” понимают вид графического дизайна, основной целью которого является разработка и оформление веб-сайтов (структурных единиц сети Интернет). Главной целью веб-дизайна выступает удовлетворение практических потребностей Интернет-пользователей в информации разного рода и обеспечение достойного уровня визуального оформления сайта. Такая трактовка позволяет отделить веб-дизайн от веб-программирования, выделить специфические черты деятельности веб-дизайнера и определить веб-дизайн как особый отдельный вид графического дизайна.

Основными задачами веб-дизайнера выступают разработка и визуализация структуры сайта, разработка концепции визуального оформления сайта, преподнесение контента в удобной и доступной форме, детальная проработка элементов интерфейса (логотипа и название проекта, пунктов меню, иконок, гиперссылок, области нижнего колонтитула или футера). ^{[16, с.52]}. Особенностью профессиональной деятельности веб-дизайнера является то, что для веб-проектирования ему необходимо владеть как базовыми художественными навыками по композиции, цветоведению, инфографике, стилеобразование, дизайн-проектированию, так демонстрировать серьезный уровень владения современными информационными технологиями – графическими пакетами Adobe Photoshop, Adobe Illustrator, Adobe InDesign, Corel Draw, а также широким спектром веб-технологий (HTML, CSS, JavaScript, JQuery и проч.). Только владение обоими компонентами веб-дизайна – художественным и техническим – позволяет проектировать сетевые информационные ресурсы на достойном уровне.

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

Один из российских исследователей, предпринявших попытку обосновать необходимость включения дисциплины «Веб-дизайн» в программу обучения студентов направления «Дизайн», был Г.П.Блуднов ^[1].В своей работе Блуднов отмечает, что именно графические дизайнеры являются наиболее перспективными специалистами, претендующими на роль веб-дизайнеров, так как они обучаются основам композиции, компьютерному дизайну, основам инфографики и типографики – дисциплинам, формирующим базу для освоения веб-дизайна. Также автор предложил собственную методику обучения студентов, основывающуюся на использовании специализированного программного обеспечения.

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

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

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

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

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

Согласно второй позиции веб-дизайнер задействует в своей работе не только навыки графического дизайнера, но и технические знания языка гипертекстовой разметки HTML, каскадных таблиц стилей CSS, языка веб-программирования JavaScript, различных библиотек анимационных эффектов (JQuery), систем управления контентом сайта. В данном случае, процесс создания сайта рассматривается как состоящий из графического оформления, формирования удобной структуры и его технической разработки. По мнению автора, данный поход более соответствует современным тенденциях развития рынка труда и позволяет будущему специалисту быть более конкурентоспособным в своей профессиональной деятельности.

Что касается визуального оформления веб-сайта, то к нему предъявляются довольно высокие требования. Так, Т.Ю. Китаевская определяет визуальный стиль веб-сайта как систему элементов, призванную обеспечить целостное восприятие сайта и его отдельных веб-страниц ^{[7, с.569]}. В веб-дизайне также существуют требования к стилевому единообразию, логическому и эстетическому сочетанию форм, шрифтов и цветов. Также важное значение в веб-проектировании имеет поиск композиционного решения и грамотное размещение текстовых блоков, элементов навигации, изображений.

Ключевые этапы разработки веб-сайта включают в себя этап целеполагания, сбора и анализа информации, разработку идеи дизайна веб-сайта, верстку макетов с использованием языков веб-программирования, этап тестирования и отладки сайта, его продвижение в сети Интернет и социальных сетях ^{[15, с. 137]}.

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

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

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

На основе разработанного дизайна осуществляется верстка макетов и использованием языков веб-программирования HTML и CSS. После этого происходит интеграция сверстанных веб-страниц с системой управления сайтом (CMS) и настройка возможностей администрирования сайта собственными силами заказчика.

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

Завершающий этап работы над сайтом – это его продвижения в поисковых системах для повышения осведомленности целевой аудитории о товарах и услугах, предлагаемых компанией посредством веб-сайта, популяризации рекламируемого ресурса, налаживания потока целевой аудитории.

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

В современном информационном обществе все более настоятельной становится потребность в новых формах представления информации и способах обучения, основанным на визуализации информации ^{[9, с.11]}. В связи с этим, широкое развитие получила такая область коммуникативного дизайна, как инфографика. В основе инфографических методов представления информации лежит требование четкого и структурированного преподнесения сложной информации до аудитории. В качестве средств инфографики могут выступать изображения, диаграммы и графики, таблицы, карты, блок-схемы, списки. Значимой задачей, которую решает инфографика, является представление данных, фактов и знаний с привлечением средств визуальной коммуникации. Также, инфографика применяется для решения следующих дополнительных задач: наглядное пояснение трудного для восприятия материала, организация информации, представленной в больших объемах, расставление акцентов внутри графического сообщения.

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

Технологии создания анимации для веб-сайтов, на сегодняшний день, довольно разнообразны. Самыми широко распространёнными являются CSS (каскадные таблицы стилей) третьего поколения и язык веб-программирования JavaScript.

Каскадные таблицы стилей позволяют создавать разнообразные анимированные переходы между различными состояниями свойств объектов. Главным достоинством анимаций, созданных при помощи технологии каскадных таблиц стилей, является высокая производительность, обусловленная отсутствием потребности в подключении внешних библиотек визуальных эффектов ^[16].

Однако, анимации, реализующиеся одновременно на одной веб-странице и следующие сложному сценарию, разработать на основе CSS нельзя. В таком случае, необходимо привлекать язык веб-программирования JavaScript, который содержит отдельные функциональные возможности для разработки анимационных эффектов. Также, часто при разработке веб-анимации привлекаются различные библиотеки визуальных эффектов, например, JQuery ^[20].

Следующая популярная технология создания веб-анимаций – это графика, созданная в формате SVG, масштабируемая векторная графика. Графические элементы, созданные при помощи SVG, можно анимировать как средствами JavaScript и CSS, так и с применением встроенного в формат SVG языка программирования SMIL ^{[21, с.221]}.

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

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