Основы Web-дизайна

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

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

Адаптивный веб-дизайн (Adaptive Web Design) - дизайн веб-страниц, обеспечивающий корректное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.

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

В русском языке дизайн ближе к эстетике, изобразительному или оформительскому искусству - в таком понимании web-дизайнер это в первую очередь художник. То есть, то, что в английском языке соответствует слову web-artist, web graphical designer.  Из-за этого зарубежная литература по web-дизайну - это в большей части техническая информация о том, как верстать таблицы, как создавать навигацию, как оптимизировать изображения. Из-за этого отечественные книги по web-дизайну (в том числе единственная на этот день книга, посвященная главным образом визуальному дизайну - это книга Дмитрия Кирсанова “Веб-дизайн”) во многом рассказывают о визуальном дизайне. Сравнение содержания книг Дмитрия Кирсанова и Якоба Нильсена, посвященных Web-дизайну показывает, что каждый из авторов пишет в своих книгах совершенно о разных вещах (о сочетаемости цветов, о балансе композиции, контрасте, использовании шрифтов, создании коллажей, придумывании метафор и прочее).

Выделяют следующие этапы проектирования:

1. Дизайн основной и типовых страниц сайта.

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

При этом дизайнер должен учитывать ограничения стандартов html (не создавать дизайн, который затем не сможет быть реализован стандартными средствами html). Исключение составляет Flash-дизайн.

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

Якоб Нильсен в одном из журналов опубликовал статью, в которой рассказывал о наиболее распространенных ошибках web-дизайна. Вот некоторые из них:

1. Проблема с читаемостью.

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

2. Нестандартные ссылки.

 Вот пять главных правил для ссылок: Ясно указывайте на странице, что является ссылкой: если это текст, пусть он будет цветным и подчеркнутым (не используйте подчеркивание для обычного текста) Не скрывайте различие между посещенными и непосещенными ссылками. Объясните пользователям, что они обнаружат, перейдя по ссылке, добавьте хоть немного ключевой информации в текст самой ссылки, чтобы контент можно было легко сканировать человеку и поисковому роботу. Не используйте в ссылке текст "щелкнуть здесь" или другие подобные ничего не говорящие фразы. Избегайте использования JavaScript-а в ссылках, а также прочих изощренных приемов, которые нарушают стандартное взаимодействие со ссылкой. В особенности не открывайте страницы в новых окнах Ссылки - это первейший элемент взаимодействия в Web-е. Нарушая привычную работу ссылки, Вы путаете пользователей, а это затрудняет им работу с вашим сайтом.

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

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

Хорошо известно, что Web-дизайн - сфера приложения усилий не только профессиональных художников и программистов. Вот уже скоро десятилетие, как интерес к разработке Web-страниц не оставляет огромную армию любителей по всему миру. Медленно, но неуклонно растут и требования к «домашним страничкам»: уже стало хорошим тоном наличие гостевой книги, нередко используются JavaScript и даже Macromedia Flash.

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