Плохая, плохая резина

Резиновые сайты — это миф. Покажите мне любой резиновый сайт старой (лебедевской) школы и я скажу вам какое разрешение монитора дизайнера, а какое у директора (заказчика). Я имею в виду, что подавляющее большинство дизайнеров рисует макет в программе, которая не поддерживает динамическую ширину экрана. Такая фича есть только в последних версиях Adobe Indesign, насколько я знаю.

Обычный же «резиновый дизайн» делается с учетом разрешения монитора дизайнера и в нем же тестируется. Потом, получив благословение святого Артемия, дизайнер передает шаблон верстальщику (с таким же монитором), который натягивает его на резиновый шаблон. То есть подробно сайт тестируется максимум на двух разрешениях. На остальных же остаточным методом — не развалилось и хорошо. А мы посетители сайта наблюдаем лапшу текстовых блоков на весь экран, конские расстояния между колонками и прочие радости «резиновой верстки».

Выхода два: первый, простой — использовать качественный статичный шаблон 960 пикселей, который нормально выглядит на всех мониторах. Второй, продвинутый — использовать адаптивную верстку на CSS3, где у нас есть конечное число вариантов представления сайта (960, 1160 и т. д.), каждый из которых тестируем и дизайним отдельно.

А резиновый сайт — это миф. В лучшем случае он будет выглядеть везде одинаково плохо.

6 комментариев к материалу «Плохая, плохая резина»

Denisator пишет:

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

Однако, однажды, жена мне сказала: «Денис, пойдём в кино — давай выберем фильм». Я, конечно же, решил воспользоваться своей собственной афишей и начал выбрать по ней фильм. И каково-же было моё удивление когда я осознал что для выбора фильма я тупо кликаю на все подряд названия фильмов даже не читая их для того что-бы посмотреть чёртов постер.

Дружище, говорю тебе! Картинка описывает событие гораздо лучше названия! И если тебе не пофиг на пользователя — всегда сопровождай название события картинкой!

Вот тут можно чуть подробней прочитать об этом случае: http://kafisha.livejournal.com/4384.html

Дмитрий Вишняков пишет:

Проблема в том, что картинка не всегда есть. Ко многим интересным мероприятиям не делают постеров. А рисовать что-то самому много времени отнимает. Я думаю как найти разумную середину.

Кирилл пишет:

Про то, как делаются сайты в Студии Лебедева вы сами насочиняли. И вообще статья ни о чем.

Дима пишет:

Про Лебедева это был сарказм.

Denisator пишет:

>>Ко многим интересным мероприятиям не делают постеров.
>>А рисовать что-то самому много времени отнимает.

У меня супруга просто подбирала к событию подходящую фотку в инете.

Дима пишет:

Вот это как раз медленно получается.

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>