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

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

26
03/2007

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

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

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

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

Ну сами вспомните: сперва безопасные палитры для веб в угоду засилья режимов в 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. Автор: Юрий Поспелов.
Тэги: ,



мебель для офиса. стул офисный всем | каменная мозаика со склада | Все о iPhone 3GS: китайский iphone. | стихи о счастье и любви | агентства недвижимости москвы, агентство недвижимости адрес | вольтметры, мегаомметры и анализаторы спектра, миллиомметры, частотомеры, осциллографы и калибраторы | чугунные печи | Коммерческая недвижимость в Сочи | Самые лучшие туры в Болгарию у нас mymir.com.ua/country_14/. | поиск тура хорватия

Живой поиск

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


горящие туры в турцию из новосибирска
2 способа проверить, приносит ли прибыль система.
Вам нужна установка видеонаблюдения ?
Вам нужно обеспечение безопасности ?


  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)

    читал уже

  20. от Сильфон (http://www.npf-rtp.ru/)

    А где свзяь между эмо блогом и мониторами???

  21. от Станислав (http://webkirov.net/)

    Где-то я уже такое видел.

  22. от Богдан (http://moifinansy.ru/)

    Мне также уже встречалось раньше.

  23. от Марат (http://piclib.net.ru/)

    Искал материал, спасибо хорошая статья!

Комментарии к этой записи запрещены.