Дизайн сайта-визитки

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

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

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

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

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

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

Дивный дизайн сайта-визитки

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

Дивная вёрстка позволяет создавать существенно более сложные макеты, чем табличная и при этом

Тег div появился в HTML 3.2 и представляет собой контейнер способный содержать любые другие контейнеры и текст. А применение стилей позволяет выполнять форматирование в довольно гибкой форме.

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

Лучший графический дизайн сайта

Если ваши потенциальные посетители - прожжённые технари, которым надо предоставить информацию; ваш выбор - простая последовательность блоков на голом HTML, а при сложной структуре - таблица.

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

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