Дизайн. Как строить сайт
Это слово в WEB означает многое. Многое из видимого на мониторе скрыто в сотнях тысяч символов кода страницы, скриптов и функций. Простая с виду страничка HTML изнутри может выглядеть ужасно сложной в понимании и «расшифровке». Но сейчас есть ряд автоматических конструкторов сайтов и страниц, где легко можно построить свой вариант, причем нередко эти конструкторы бесплатные (онлайн-сервисы). Но эффектнее, все же, будет выглядеть грамотно сверстанная и собранная лично вами страница.
Почему дизайн, и зачем он сайту? Много факторов успеха заложено именно в старте, в удачном и продуманном. Если пользователю приедается типовой и стандартный дизайн сайтов, то он «сквозит» через десятки ресурсов дальше, к новому и неожиданному. Дизайн не должен перекрывать удобство юзабилити, это непреложная истина. Но в погоне за непонятно чем, подстраиваясь под современные мониторы с разрешением 9:16, многие вебмастера стряпают колбасо- или сосископодобные горизонтальные страницы, просматривать которые пользователям с мониторами 3:4 крайне неудобно. Есть даже такие сайты, которые в стандартном мониторе видны частично — создатели хорошо изучили дизайнерское искусство, но понятия не имеют о кроссбраузерности. Итак, второе правило дизайна: не забывайте, что ваш сайт должен хорошо отражаться в разных (популярных) браузерах, в разных по ширине мониторах. Наилучшее решение — ширина страницы не более 1100-1200 px.
Открываем Америку и изобретаем велосипед: теперь можно и нужно грузить страницы сайта изображениями, анимацией, флеш! Когда скорость доступа в сеть была низкой, браузеры — слабоватыми, перегрузка страницы сайта изображениями вела к многочисленным отказам, пользователи даже не дожидались полной загрузки сайта. Но сейчас средняя скорость доступа (ПК) в сеть — 1 Мгб/с, что нормально даже для просмотра видео.
Важно соблюдать также психологические аспекты. Близость контрастных блоков нередко вызывает раздражение, неудачно подобранная цветовая гамма может и вовсе «убить» дизайн, а вместе с ним и потенциальную популярность ресурса.