emo - современный интернет, веб-разработка и графический дизайн глазами профессионала

Emo | Мониторо-зависимые тенденции разработки веб-сайтов

26
03/2007

Монитор – зеркало души человека за компьютером, в нем отражаются наши интересы и страсти. Глянешь соседу на монитор – и сразу многое проясняется, кто он и чем живет. Однако заметка эта не философского характера, а более прозаического.

перейти к комментариям (19)

Пролог к мониторной теме

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

Ну сами вспомните: сперва безопасные палитры для веб в угоду засилья режимов в 256 цветов, потом 800×600 как стандарт де-факто для большинства сайтов, еще позже «резиновый» дизайн – как тонкий дизайнерский фокус («Резину делать умеешь? Нет? Ну какой ты на фиг профессионал!»). Мониторо-строение развивается и вместе с ним эволюционирует веб.

Недавно, я встал перед необходимостью приобрести новый монитор. 19” ЭЛТ хоть и неплохого качества, но все меньше меня устраивал. Не хватало рабочей области, уставали глаза, да и занимала эта «бандура» уйму места на столе. Делая свой последний апгрейд, я окончательно решил избавиться от старого монитора и приобрести какое-нибудь LCD чудо.

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

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

В целом, рынок мониторов находится на разрыве смены технологий – ЭЛТ мониторы уже практически не производят и не продают, а ЖК – еще не научились нормально делать. И требовательный покупатель, решивший пересесть на ЖК, вдруг обнаруживает, что за переезд берут серьезные деньги, да еще и новый агрегат не обладает всеми плюсами старого. На бедного пользователя обрушиваются битые пиксели, углы обзора, цветопередача, бандинг, засветка, время реакции и input lag. И покупка монитора становится сплошным компромиссом между ценой, качеством и технологией.

Ситуацию прояснили – теперь переходим собственно к конкретным проблемам.

TN+film против веб-дизайнера

На самой низшей ступени LCD мониторов стоит технология TN+film – Twisted nematic с дополнительной пленкой, призванной увеличить углы обзора. Технология TN дает весьма посредственное качество изображения – а именно низкую контрастность и ущербную цветопередачу. Единственным неоспоримым преимуществом данной технологии является ее цена. Именно данный, бюджетный класс мониторов выжил ЭЛТ – сопоставимая по цене, ЖК панель выглядит симпатичнее и места занимает меньше.

Будьте уверенны, когда ваш дизайнерский выхлоп обозревается пользователями, то подавляющее большинство из них смотрит вашу работу именно на таких мониторах. Возможно, вы и сами работаете на таком мониторе – что ж, примите мои соболезнования. Но в данном случае вы и ваши зрители нашли друг друга.

Итак, проблема выглядит так: TN панели плохо передают оттенки. Ситуация ухудшается тем, что многие LCD мониторы этого класса имеют очень высокие параметры яркости, настройки которой установлены на заводе в максимальные значения. Большинство пользователей даже не потрудятся уменьшить яркость, и цветопередача становится катастрофической – все оттенки выгорают, мелкие детали вроде сеточек и тонких паттернов просто исчезнут. Помните об этом, когда будете рисовать очередной эффектный градиентый эскиз с большим количеством приглушенных деталей, в частности в черно-серой палитре. И особенно когда сидите на шикарном ЭЛТ с безупречной цветопередачей и правильно настроенных яркости и контрастности.

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

Возможно, здесь бы помог некий аналог старой-доброй безопасной палитры (которая web safe palette), ее можно было назвать TN safe palette – но я думаю царство таких мониторов продлится не долго.

Тем не менее, предупрежден – значит вооружен.

20+” wide или смерть и перерождение «резины»

Ломать копья о плюсах и минусах жесткого и резинового дизайна я тут не буду – на эту тему было много споров – праведных и религиозных.

Я никогда особо не жаловал «резиновый» дизайн. Именно табличная верстка – очень хорошо вписывается в концепцию «резины» и перестав верстать таблицами, я стал очень редко обращаться к «резиновому» дизайну – если только случай был подходящий или клиент особенно настаивал. Вообще, мне кажется что «резина» больше всего прижилась именно на территории экс-совкового пространства. Любят ее тут, по-видимому.

Пересев на 21” широкоформатный монитор, я внезапно осознал: «резина» – зло. Зло именно в той безконтрольной концепции, в которой ее сейчас используют. А особое зло – «резина» табличная.

В итоге, теперь мой браузер никогда не открывается на весь экран – приходится довольствоваться окошком. Что собственно сводит к полной неэффективности и пустой трате сил создателей «резиновых» сайтов – я должен принудительно ограничивать их попытки растянуться во всю необъятную ширь. Честно – для меня бордюры вокруг видимой области сайта вызывают гораздо меньший дискомфорт, чем длинные строки текста, превращающие чтение в муку.

Вот где max-width станет просто спасительным атрибутом. «Резина» недолжна быть бесконечной, сайт должен подстраиваться под размеры окна, так чтобы было удобно пользователю. Уже не говоря о том, что не может быть «резинового» дизайна, который при любых размерах окна выглядит с «иколочки» и без потери изначальной концепции.

Я уверен, что популярность и все большая доступность широких и больших экранов заставит производителей «резины» подойти к вопросу более интеллектуально. А пока что держите окна в полуприкрытом состоянии.

Написано 26/03/2007, 15:44. Автор: Юрий Поспелов.
Тэги: ,



Живой поиск

другие записи по тематике


Gigabyte GA-P35-S3G (Gigabyte P35-S3G) купить
The UK"s best office furniture suppliers.
Транспортная логистика. Страхование суда груз, складские терминалы.


Комментарии

  1. от IDcontent (http://idcontent.com/)

    Согласен насчет резины. Насчет max-width – эта проблема будет еще долго, пока будет существовать MS IE 6 (можно эмулировать для него) у семерки с этим свойством все в порядке.

    Эластик – вот мне кажется то, что сейчас хорошим трендом рулит :) Ширина от 900 до 1000 пикселей, которая эластично сжимается до 800, не вызывая появления горизонтальной прокрутки.

    А вообще мне почему-то кажется, что скоре “левое центрирование” сайтов вернется.

    Рад, что ты написал новый пост :)

  2. от Billard (http://billard.com.ua)

    Я Думаю, что резиновые сайты все же будут актуальны для определенных направлений деятельности в Сети. Графическая и табличная форма представления информации никуда не денутся в ближайшие ковырнадцать лет!

    Странички с текстом, действительно, приходится ограничивать. Я например установил для себя 1000 пикселей.

    А вообще проблема подмечена верно. Сам мучаюсь после приобретения 20 дюймов вайд... ))

  3. от ARKAN (http://arkan.myst-lit.com.ua)

    У самого была проблема с поиском нового ЭЛТ монитора, о чем писал на своем блоге. Щас сижу за 21” и радуюсь. Резину не признаю, оптимальный вариант это 900 или 1000 px по ширине. Смотриться везде нормально. Доступные тонкие дисплеи пока полная гадость (палитра извращается ужасно). А нормальные дисплеи стоят очень дорого.

  4. от Yuri "Emo" Pospelov (http://emo.com.ua)

    Рад, что ты написал новый пост :)

    Было забросил, но сейчас опять почувствовал вдохновение :)

  5. от Дмитрий ()

    Юрий, я хоть в комментах никогда не отписываюсь, но Ваш блог с удовольствием почитываю. Т.к. Вы давно не писали, то я и не заходил сюда. Как же было приятно зайдя сегодня, увидеть, что Вы снова пишете!

  6. от Yuri "Emo" Pospelov (http://emo.com.ua)

    Спасибо на добром слове, это придает мне сил и рвения :)

  7. от AngryCAT ()

    Хочу вступиться за LCD мониторы. Монитор монитору рознь. Я недавно был озадачен выбором монитора и остановился на Nec 1970NX (на больший не потянул). Матрица в нём S-IPS и передаёт цвета отменно. Сравнивал на ЭЛТ и на своём. Всё равнозначно.

  8. от Yuri "Emo" Pospelov (http://emo.com.ua)

    Про матрицы на S-IPS и S-PVA не шла речь, ругал я дешевые TN мониторы. Но если говорить о S-IPS – мне не нравится кристалиция на таких мониторах, но это скорее вопрос привычки :) Будь моя воля – взял бы SA Superfine TFT монитор, или как минимум A-TW-IPS.

  9. от МУХОМОР (http://muhom.org)

    По поводу резины согласен, действительно очень неудобно читать текст растянутый по всей ширине на большом мониторе. Дело в том, что по правилам книжной вёрстки длина строки не должна превышать 66 символов, иначе такой текст будет неудобно читать (при переходе на следующую строку лекго потеряться).
    Поэтому резиновую вёрстку в принципе следует использовать на страницах с большим колличество небольших блоков. Например, на порталах типа mail.ru и тп.

  10. от василий (http://waterfishes.ru/)

    Не знаю чем вас так не устраивает резина, но большинство web-мастеров работают под ней.... а для форумов резиновый дизайн например идеально подходит.

  11. от vlad (http://www.webmeteo.ru/)

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

  12. от Gosjvd (http://genvia.makeforum.org/)

    Нифига себе!

  13. от разработка сайта (http://interweb.by/)

    Скорее вопрос стоит поднимать в контексте специфики браузера и его настроек применяемых для посмотра сайтов :) имхо

  14. от andrew (http://autoccessories.ru/)

    А почему блог называется “эмоциональное совершенство”, когда тут ни слова об этом нету?

  15. от Алексей Гусев (http://www.gooseff.ru/)

    Да не понятно но понятно что блог живой и тут общаются

  16. от Тихонов Костя ()

    Я постояно слежу как в поисковых машинах продвегается мой сайт

  17. от Гармонь (http://garmoshka.cn/)

    А как по мне нужно просто делать отдельно кнопочку для пользователей ноутов, и если им не нравться картинка пусть переходять на этот же сайт ток с другими настройками. Ток опять же от всего этого ток веб-мастеру больше хлопот.

  18. от Просто мысль ()

    Левая центровка не вернется никогда.
    У меня 2х22” LCD монитора, когда окно браузера развернуто на мой монитор, а сайт занимает 1000 пкс слева – это пиздец.

    Когда сайт растягивается на монитор – да, сначала тяжело читать, но потом (буквально за 2 дня) привыкаешь.

    +дизайнеры любят рисовать так, что иначе как резиновым сайт не зделаешь, ибо будет некрасиво.

    Короче ничто особо не меняется. А чтоб не было казусов с мониторами заказчиков – надо посмотреть на говенном мониторе, перед тем как идти чтото показывать ;)
    Сам один раз так обжогся.

  19. от Мерседесов (www.natachke.ru)

    читал уже



Оставить комментарий

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

имя

email

URL

Комментарий

Как писать комментарии на Textile