разрешение экрана

Редизайн сайта: как выбрать ширину шапки?

Ширина экранаРекомендую SatellitPro - реальные сателиты для реального заработка!


Когда мы проводили редизайн этого блога о поисковой оптимизации сайта, то в шапку поместили красивую картинку со звездой (не ту что вы видите сейчас, а более стильную и большую), и оставили место под баннеры шириной 468 пикселей. Однако, как оказалось, то, что отлично смотрится на моих мониторах с разрешением 1280 и 1600 точек, не всегда кажется красивым на экранах посетителей. После публикации новости о редизайне, пользователи в комментариях оставляли критические отзывы о том, что баннеры наползают на шапку. Причина тому - значительный процент мониторов читателей имеет разрешение по ширине в 1024 пикселя.

Это теперь кажется очевидным и простым – проанализировать статистику, которую показывает, например, Google Analytics, и попытаться найти оптимальное соотношение между красотой и функциональностью. Так, например, я очень люблю резиновые дизайны. Понятно, что резиновый дизайн будет смотреться по-разному на экране шириной в 1024 и 1600 пикселей. Ориентироваться тут нужно на минимальное разрешение, которым обладает значительный процент ваших посетителей. Потому, мы доделали дизайн, изменив немного шапку так, чтобы сайт красиво смотрелся на экране с шириной в 1024 пикселя, а у остальных пустое пространство просто заполнялось текстурой. При этом баннеры уплывают вправо.

Подпишись на RSS