Web дизайн

кондиционер

Если вы в силу своей деятельности решили завести себе сайт, то конечно вы не должны забывать о его оформлении, как техническом так и художественном. В этом вам помогут основы web-дизайна. Что такое web-дизайн? Термином «web-дизайн» объясняется как совокупность работ по разработке логической структуры и художественного оформления веб-страниц. Задачей web-дизайна является более удобная подача информации пользователю сайта или web-приложения, удовлетворение эстетических предпочтений посещаемой аудитории.

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

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

Модульная сетка в свою очередь содержит два стартовых блока: для основного теста сайта и для меню. Но если в процессе создания сайта необходимы дополнительные элементы, например, еще одно меню, «подвал» («footer») или «хедер» («header»), то модульная сетка разбивается еще на несколько блоков.

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

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

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

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

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

Работа над шаблоном требует обязательного теста на кросс-браузерность, т.е. на совместимость с различными браузерами и их версиями. Разные браузеры могут по-разному интерпретировать код html, поэтому такое тестирование необходимо, чтобы избежать возможного «краха» дизайна.

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

One thought on “Web дизайн

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Яндекс.Метрика