Веб-дизайн (от англ. Web design) — отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений.
Веб-дизайн — вид графического дизайна, направленный на разработку и оформление объектов информационной среды интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества. Подобная трактовка отделяет веб-дизайн от веб-программирования, подчеркивает специфику предметной деятельности веб-дизайнера, позиционирует веб-дизайн как вид графического дизайна
В настоящее время под термином веб-дизайн понимают именно проектирование структуры веб-ресурса, обеспечение удобства пользования ресурсом для пользователей.
Немаловажной частью проектирования ресурса в последнее время стало приведение ресурса в соответствие стандартам W3C, что обеспечивает доступность содержания для людей с ограниченными физическими возможностями и пользователей портативных устройств (см. юзабилити — «удобство использования»), а также кроссплатформенность (в данном случае — т. н. кросс-браузерность) вёрстки ресурса. Также непосредственно с дизайном сайтов смежны маркетинг в Интернете (интернет-маркетинг), то есть продвижение и реклама созданного ресурса, поисковая оптимизация.
Распространенные стили веб-сайтов
Наиболее распространенными стилями в дизайне являются: Классический; Журнальный; Мультипликационный; Гранжевый; Ретро-стиль; Футуристический Векторный; Бизнес-стиль.
Классический дизайн. Такое оформление в веб-сайтах встречается очень часто, обычно это современный дизайн в стиле WEB 2.0.Журнальный дизайн. Похож на печатную версию газет и журналов, в нем присутствуют большие заголовки, крупные фотографии. Чаще всего можно встретить такие тематики сайта: о косметике, о взаимоотношениях, товарах для дома и семьи и прочее.Мультипликационный дизайн. На таком сайте могут присутствовать мультяшные герои, сам ресурс оформляется в ярких и светлых тонах. Наиболее часто используется на сайтах и форумах для мам, или товаров для детей. Гранжевый дизайн. Этот дизайн обычно оформлен в темных, неброских цветах, элементы выглядят как будто «потертыми», в сочетании с различными пятнами, обрывками каких-то изображений. Ретро-стиль в дизайне. Выглядят такие сайты по-старинному, на них можно встретить различные элементы старого декора, предметов интерьера. Футуристический дизайн. Думаю, достаточно просто представить такой стиль. В оформлении используется все, что связано с роботами, фантастикой, металами и прочим. Векторный дизайн. В основе такого дизайна присутствует только векторный элемент, который позволяет избавится от излишней детализации. Бизнес-дизайн. Такой сайт легко распознать по большому количеству изображений деловой тематики. Для бизнес-сайта характерны наличие белых цветов и четко расположенных блоков с информацией.
Типографика – важный элемент в процесс создания веб-дизайна сайта. Как правило, шрифты и оформление текста сайта используется стандартное, без особых изысков, максимум, что делается это выделение заголовков в тексте и некоторых других элементах сайта. Те же, кто уделяет достаточно внимания веб типографике могут лишь за счет одних шрифтов получить шедевреальный дизайн сайта, сделать его необычным, ярким и креативным.. Типографика позволяет добиться нужного эффекта для восприятия текстовой и графической информации на веб-странице. Базовые принципы веб типографики 1. Тип шрифта Выбор типа шрифта является базовой основой типографии и является одним из ключевых этапов в разработке дизайна сайта.2. Размер шрифта Размер шрифта – один из простых способов управления текстом на экране, однако очень часто ему не придают особой важности в веб типографии. 3. Акцент Одним из способов акцентирования внимания на чем то важном в тексте является выделение ключевых слов среди основного текста.4. Расстояние между строками (Line Spacing) Критическая деталь при использовании шрифта в сети – установление оптимального промежутка между строками Вертикальная дистанция между строками оказывает большое влияние на четкость и стиль отображения текста. 5. Расстояние между буквами (Letter Spacing) Как правило, в основном тексте использования CSS для изменения расстояния между символами не является хорошей идеей. Так как при этом, то что отобразит ваша страница при помощи FireFox, необязательно будет иметь тот же вид под Internet Explorer или Safari. 6. Расстояние между словами (Word Spacing) Данное свойство изменять не рекомендуется, однако CSS предоставляет такую возможность. 7. Границы (Margin) и выравнивание (Alignment)Границы оказывают удивительно большое влияние на общее восприятие страницы. Они помогают удерживать текст на различном расстоянии от смежных элементов, а также от границ браузера.