Какой вид дизайна выбрать?

Итак, уважаемые сайтостроители, скажите мне, сколько видов дизайна вы знаете? А? Так, слышу справа кричат - жесткий... Верно! А еще? Резиновый... Так! А какой лучше? Ой! Не надо так кричать... Давайте разбираться.
Давайте дадим определения, чтобы не было разногласий.
Жесткий дизайн - табличный дизайн, в котором величина каждой ячейки либо задана в пикселях, либо задаётся картинкой или другим элементом, помещённой в эту ячейку.
Резиновый дизайн - табличный дизайн, в котором ширина одной или нескольких ячеек задаётся в процентах от ширины окна.

Ну мы с вами, как образованные люди, сразу понимаем, что жесткий дизайн гораздо проще разрабатывать! А что? Все элементы фиксированной ширины, расположены статически друг от друга... Так что тем, кто хочет иметь больший контроль над разметкой страницы, следует разрабатывать страницы фиксированной ширины, которая будет оставаться постоянной для всех пользователей, независимо от размера монитора или изменений размеров окна. Этот подход основан на принципах создания страниц в издательском деле, таких как поддержание постоянной сетки, отношений элементов, расположенных на странице, и удобные длины строк. Красота... Как в журнале!
В этом месте давайте остановимся и пораскинем мозгами, что нам это сулит.
Достоинства:
Страница будет выглядеть одинаково независимо от разрешения монитора. Это представляет огромный простор для создания сложных и стильных дизайнов.
Страницы и столбцы с фиксированной шириной обеспечивают лучшее управление длинами строк. Слишком длинные строки неудобны для чтения.
Недостатки:
У жёсткого дизайна есть только одно оптимальное разрешение экрана. Если при разработке упор был сделан на совместимость (оптимальный размер 640х480), то уже на 1024х768 поля занимают почти половину ширины страницы - и чем дальше, тем хуже.
Если при разработке акцент был сделан на "среднее" разрешение (800х600), то у пользователей маленьких мониторов появляется горизонтальная полоса прокрутки, и часть содержания им становится не видна. Некоторые разработчики ориентировались по своему монитору (1024х768), и у них даже для 800х600 (а это почти 50% всех пользователей!) страница выглядит плохо — а для 640х480 обычно нечитабельна.
Стремление полностью контролировать отображение страницы означает своего рода выступление против среды. Web - это не печатное издание; у него нет "правильных стандартов", а HTML - язык универсальный с логической разметкой!
Мда... куда ни кинь - всюду клин...

Тут на помощь приходит гибкий дизайн. Web-страницы по умолчанию гибкие. Текст и элементы HTML-файла попадают в окно браузера, заполняя все доступное пространство, вне зависимости от размеров монитора. Если размер окна браузера изменяется, элементы повторно выводятся, чтобы настроиться на новые размеры. В этом и проявляется сущность Web. Разработчиков поначалу шокирует непредсказуемость места появления элементов страницы, но потом они обычно обучаются обходиться без полного управления страницей.
Итак, что мы имеем?
Достоинства:
Страницы БУДУТ отображаться на мониторах с разным разрешением; гибкую страницу можно настроить для вывода на любом дисплее.
Заполнено все пространство монитора, отсутствует нежелательное свободное место.
Дизайн наиболее близок по духу к HTML.
Недостатки:
На больших мониторах длина строки может оказаться чрезмерной, что ухудшает условия для чтения.
Результаты гибкого дизайна часто непредсказуемы.
Браузерам (всем, но особенно Нетскейпу версии 4) очень тяжело переваривать ячейки переменной ширины. Каждому, кто писал совместимый HTML, знакомы ячейки шириной 100%, которые не занимают всю свободную площадь; ячейки фиксированной ширины, которые занимают больше, чем им положено; ячейки с заданной одинаковой шириной, но неизменно выходящие разной ширины и т.д. — перечислять фокусы каждого из браузеров можно очень долго.
Отливка "резиновой" страницы занимает вдвое-втрое больше времени от аналогичной "жёсткой".

Так что теперь видно, что однозначно ответить, какой дизайн подходит именно ВАМ должны ВЫ сами. Моя первая страница была фиксированных размеров, и в этом нет ничего страшного! Она была рассчитана на разрешение 800Х600, и отцентрирована по центру экрана, так что даже на больших мониторах смотрелась очень прилично, так как не наблюдалось эффекта пустого экрана справа.(Но учтите, что при использовании этого метода невозможно точно расположить таблицу относительно фонового изображения.) Единственным недостатком (притом очень крупным) были шрифты фиксированного размера. Это было сделано из-за того что при укрупнении размера шрифта, происходили неожиданные изменения на странице, не в лучшую, понятно, сторону... В связи с этим дизайн этого сайта имеет полностью гибкую структуру. Вы должны всегда помнить, что выбор размера шрифта - право пользователя! Ведь страницу вы делаете для него? Тогда пользователь должен выбирать как ЕМУ удобно смотреть вашу страницу.
Можно использовать также комбинированный подход, когда страница состоит из столбцов (или фреймов), заданных комбинациями абсолютных и относительных размеров. В этом случае при изменении размера окна один столбец сохраняет прежнюю величину, в то время как остальные изменяют размер и заполняют свободное место. В большинстве случаев наиболее предпочтительно использовать именно этот метод.
Подводя итог, еще раз скажу, что выбор в любом случае за вами. В вебдизайне нет строгих законов и правил. Но все же я рекомендую, если есть возможность, использовать блочный, а лучше резиновый дизайн. Да, это дольше и сложнее, но это наиболее удобно пользователю, и близко по духу идее Web.

Статьи по теме

Гигантская подборка сервисов для веб-дизайна. Логотипы, фотобанки, иконки, шрифты и прочее

Онлайн-сервисы для работы с визуальным контентом и дизайном сайта, собрали бесплатные и недорогие площадки. Материал обновлен...

2023-12-28

Дизайн сайта: особенности творческого процесса

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

2019-08-07

Создание логотипа: семь сервисов в помощь

После того, как основная бизнес-идея сформирована, определены продукты и услуги, которые компания будет продвигать на рынке, возникает н...

2019-01-30

20 ценных уроков дизайна от "Мстителей"

Может это и звучит как-то странно, но марвеловские супергерои могут не только скрасить наш досуг своими приключениями, но и дать нам нес...

2015-05-11

15 трендов веб дизайна в 2014-2015 году

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

2014-06-05

Как не надо верстать сайт или 7 ошибок начинающего веб-мастера

Прежде чем приступить к продвижению сайта в сети Интернет, необходимо позаботиться об отсутствии в нем ошибок, связанных с неправильно�...

2011-12-27

Факторы, определяющие хороший логотип

Если вы решили создать логотип, то нужно подумать о том, где он может использоваться. Существует пять факторов, которые определяют наско�...

2011-12-27

Борьба поисковиков и оптимизаторов

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

2011-04-13

Почему не стоит скачивать шаблоны с варезников

Нам часто задают один и тот же вопрос, — какой смысл платить нам за установку шаблона, если полно варезников, где все шаблоны можно скача�...

2011-04-13

О пользе точности темплейтов

Лирическое отступление: Темплейты для сайта (сториборды, вайрфреймы) - спроектированные проволочные схемы страниц сайта. Темплейты пок...

2011-04-07

Методы веб-дизайна и юзабилити

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

2011-04-07

Шаблонные решения для web-сайтов

При проектировании стандартных элементов веб-сайта посмотрите, как это сделано на других веб-сайтах, и не изобретайте велосипед. Меньше...

2011-04-07

Как сделать картинки в стиле Карсона

Самое модное сейчас в дизайне — шрифты. Их в работе должно быть как можно больше. Неважно, ЧТО вы этими шрифтами пишете, главное — раск�...

2011-04-07

Переживания должны передаваться

Поток безопасного оформления сайтов, не оставляет после их просмотра никаких переживаний, кроме безысходности. Несмотря на все огранич...

2011-03-29

Про заказчиков

Сегодня наш выпуск посвящён не дизайну или дизайнерам, а тому, с кем они имеют дело — заказчикам. Заказчики делятся на несколько групп. Т...

2011-03-29