При заказе дизайна каждый раз задаю себе вопрос, на которое разрешение экранов ориентироваться?

У меня на блоге картина следующая (по версии Google.Analytics):

И вообще топ15 разрешений в статистике больше 1024 по ширине. Это 95% посетителей сайта. У думаю, что именно на это и надо ориентироваться.

Вот мнение Мэта Катса из Гугл по этому поводу:



  • http://lolkot.ru/ Лол Кот

    Резиновый сайт резиновому сайту – рознь.
    Мешает дизайн! Некоторые дизайны будут смотреться отвратительно, если их сделать резиновыми.

  • http://joomla15.ru/ voland

    и не стоит забывать что пользователи с широким экраном редко делают браузер на всю ширину экрана

  • http://ahover.ru/ Константин Тимохин

    Видео ни о чём. Основная мысль – надо смотреть ЦА сайта или сервиса, универсальных решений нет.
    Я вот например, как пользователь могу зайти на сайт как с компьютера с разрешением 1440х900 так и с коммуникатора с разрешением 340х480 и хочу, чтобы везде мне было удобно.

  • http://www.youngseo.ru/ y0ung5eo

    Я ориентируюсь на ширину 1024, хотя действительно последнее время все меньше и меньше пользователей работает с таким разрешением экрана и, как правильно заметил Константин Тимохин, надо ориентироваться на ЦА сайта, для разных сайтов разные правила

  • Palavin

    я сижу на 1600х1200, но это уже устаревший формат. сейчас наиболее популярным становится широкоформатное разрешение (увы тендеции производтелей мониторов и ноутов)

  • Natalika

    Сейчас большей популярностью пользуються широкоформатные мониторы на 19 дюймов! Не думаю что умный человек не поставит для него оптимальное разрешение!!! Вот по этому принципу я и предлагаю продвигаться!! Спасибо

  • http://twitter.com/i247 i247

    Многое зависит от тематики будущего сайта. Если это будут рецепты для домохозяек, то нужно брать по миниуму. А если для игроков World of Warcraft то по максимуму. Статистика собвственных предыдущих проектов, по моему мнению, никак не пригодится.

  • http://www.proofsite.com/ Yaroslav.CH

    ИМХО, самым «безопасным» разрешением все же пока что является 1024х768. Кроме того, ориентироваться только на блог – нельзя, поскольку все очень сильно зависит от проекта.

    Как совершенно верно сказал i247 – под каждую тематику нужно смотреть и оценивать каждый раз заново.

  • http://webolife.ru/ Ramster

    Хороший сайт хорош в любом разрешении =)

  • webpavilion

    что мешает делать сайты резиновыми?

  • http://twitter.com/sergeysl SergeySL

    Тема должна быть резиновой с ограниченной минимальной шириной. Также нужно проверять UserAgent пользователя и, если пользователь зашел с компьютера, отдавать нормальную версию сайта, если с мобильного устройства – облегченную (именно такой подход реализован в плагине WP PDA and iPhone). Все разговоры про 1440 и 1600 – бред, если Ваш сайт ориентирован не только на Московских геймеров.

  • http://timesnet.ru/ TimesNet

    Не знаю как другие, но для меня оптимально разрешение 1024… когда монитор больше и сайт «резиновый», то очень не удобно вертеть головой, что бы прочитать строчки… да и внешний вид становится хуже.

    Что бы хорошо смотрелся хорошо на коммуникаторе, мобильнике и т.п. необходимо иметь мобильную версию сайта. имхо

  • aggat

    Ширину делай 1280, а тем у кого меньше – рекламу интернет магазина по продаже мониторов :)

  • http://twitter.com/i247 i247

    Чем дальше забираешься в «дебри» техники тем больше забываешь про обыкновенных пользователей. Это верно. Тем более сидя в Москве, Питере или каком-нибудь другом крупном городе. Ладно мы, exUSSR, просмотрите пару тысяч иностранных акаунтов в Twitter и исходя из их background станет понятно какие разрешения у среднестатистических пользователей. Тут я с вами согласен. Бороться нужно за всех, а не за основную массу. Ибо все это новая кровь заменяющая тех, кто остывает к теме или просто отсеивается.

  • yuriy88

    не стоит забывать и о пользователях сидящих за старыми мониками, что они увидят…

  • http://twitter.com/sergeysl SergeySL

    В том числе владельцам маленьких ноутов ;)

  • moneyseeker

    На данный момент в мире наиболее распространенным трендом являются сайты шириной 960px. В СНГ же делают в основном на 20 пикселей шире. Я считаю, что этот тренд совсем незря вошел в нашу жизнь и следую именно ему. Т.е. все мои сайты открываются и на 1024, и на 1280, и на большем разрешении абсолютно одинаково.

  • jenex

    Все таки даже по статистике пользователей с «квадратами» хватает, печально :-)

  • http://ahover.ru/ Константин Тимохин

    А мне кажется, что это разделение на основную/мобильную версию сайта должно уйти в прошлое, также как ушло в прошлое выбор кодировки в интернетах 90-х.
    Нормальные мобильные девайсы уже вполне не отстают в плане отображения страниц от своих старших братьев.
    Сайт должен подстраиваться под клиента, а не клиент под сайт.

  • http://antonblog.ru/ Антон

    Для клиентов (коммерческие сайты) обычно делаю резиновое, от 1024, либо фиксированное – 1024, а дальше фон, если разрешение выше

  • http://kinospark.com/ BackSpark

    С ностальгией вспоминаются времена, когда по статистике половина пользователей имела 1024, а вторая – 800. А ведь всего три года прошло)

  • http://brusentsov.com/ Сергей Брусенцов

    А что подразумевается под «ширОким экраном»? Имеется в виду диагональ монитора более 20″?

  • http://blog.dimok.ru/ dimok

    насколько маленьких? хотя бы 1000 пикселей то есть там?

  • http://blog.dimok.ru/ dimok

    «разделение» должно делаться автоматом: сайт сам определяет, с какого устройства его запустили и подбирает верстку

  • http://blog.dimok.ru/ dimok

    я думаю, 22-24. у меня разрешение 1920 – я где-то на 2/3 разворачиваю браузер, иногда еще меньше

  • http://blog.dimok.ru/ dimok

    почему увы? широкий формат – это удобно, имхо

  • http://blog.dimok.ru/ dimok

    как вариант, надо ходить по статистике сайтов схожей тематики – смотреть, какими разрешениями к ним заходят.

  • http://blog.dimok.ru/ dimok

    угу, есть такой момент: надо анализировать сайты схожей тематики

  • http://blog.dimok.ru/ dimok

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

  • http://blog.dimok.ru/ dimok

    согласен, что ограничение по минимальной ширине должно быть. вопрос: какое? пост собственно об этом.

  • http://blog.dimok.ru/ dimok

    всем мил не будешь. кто-то ведь и под доисторическими браузерами ходит – не отключать же ради них яваскрипт?

  • http://blog.dimok.ru/ dimok

    именно, я последние дизайны делаю на 960 пикселей.

  • http://blog.dimok.ru/ dimok

    а в чем проблема с «квадратами»?

  • stod

    Сколько себя помню приходится расширять шаблоны для вордпресс до 1024, дизайнеры упорно рисуют узкие сайты)) Сам сижу на 1280*1024, больше пока не хочется, особенно если речь идет о сайтах – мне удобнее читать узкие.

  • http://lolkot.ru/ Лол Кот

    Не пойму, причем тут минимальная ширина. Меня больше интересует максимальная ширина. Сайты с красивой и специфичной графикой обычно трудно или просто невозможно сделать резиновыми или растягивающимися. Что будет с сайтом, если он растянется на 2000 пикселей? Если уж думать в этом направлении, то нужно учесть всевозможные ситуации.

    Свои сайты обычно делаю 950-970px по ширине. На 800 и ниже уже давно пора забить, это прошлый век.

  • anerdy

    Ну к примеру у меня 1024 на 768, но я точно знаю что можно же както делать растягивающиеся сайты…

  • http://brusentsov.com/ Сергей Брусенцов

    Это конечно мегакруто, вот только у меня ноут и дома, и на работу. Но тебе
    для того, чтобы дизайн делать конечно такой монитор нужен :)

    2010/2/3 Disqus <>

  • jenex

    та не проблема )) просто у меня среди друзей бытовало мнение что у всех уже давно широкоформатки,пока я сам не показал статистику одного сайта забугорного оказалось что почти у всех квадраты,я аж сам удивился !

  • http://twitter.com/sergeysl SergeySL

    1024. Ноуты с 12″ экраном поддерживают. Всему что меньше, имхо, нужно скармливать мобильную версию.

  • http://twitter.com/sergeysl SergeySL

    12″ 1024 точно есть, бывает и больше, но голова быстро квадратной становится от бОльших разрешений на таких экранах.

  • http://blog.dimok.ru/ dimok

    растянуть обычно не проблема. а вот минимальную ширину сделать уже не просто. имеется в виду, как будет выглядеть сайт не на 2000, а на 800, например. важно, чтобы ничего не «пололзло»

  • aggat

    Согласен. Особенно с ростом популярности маленьких ноутов…
    Сам делаю ширину 1024.
    Резиновые сайты, которые меняют ширину в зависимости от разрешения не делаю, очень часто не корректно отображаются, в основном IE

  • http://www.cmsblog.eu/ Andrei

    Сейчас много технических вопросов при создании сайтов , кроме задуманной ширины ещё встаёт вопрос и про совместимость в браузерах. Так что если схитрить и угадить заказчику , то надо знать его монитор ии браузер и проект получиться удачным (шутка). А так надо сопоставить много факторов. От себя , то последние проекты делал для мониторов 1024-1280 шириной. Для того же твиттера , на 1280 беграунд более информативным можно сделать.

  • kalne

    о, как рас актуально, иду рисовать свой первый макет…, парадокс, баннеры и остально делаю уже больше полгода, но макет ещё не делал!

  • http://xcinema.org.ua/ Olve

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

  • Anokaliptik

    Мониторы растут и будут расти, хотя и ноутбуки все больше людей юзают. Прям дилема получается, имхо нужно отталкиваться от 1280

  • http://www.beliv.de/ beliv

    Нетбуки все больше набирают популярность. Именно поэтому 1024 как оставался стандартом при разработке дизайна последние несколько лет, так и останется.

  • http://www.beontop.ru/ Demonman

    я сам оптимизаторо сайтов и теперь при создании и редактировании сайта, я исхожу из мнения что, когда пользователь открывает страничку ему не нужно было бы мышкой листать, а сразу мог бы увидеть интересующую его информацию я за разрешение 1024 на 1280

  • http://domikmeda.ru/ Poloskin

    ИМХО: 1024х768 или резиновый!

  • http://anton.shevchuk.name/ Anton Shevchuk

    Сайт затачивал под 1280, если кто смотрит под 1024 – то он всегда увидит контент, а вот до боковой навигации надо будет скролить…

    Я все думал поменять местами левый и правый сайдбары – тогда на 1024 будет резаться не критичная инфа (твиты, баннер, лабуда), собственно считаю это самым правильным решением – контент и желательно навигация должна влазить в 1024…

  • arkady21

    Думаю лучше- 1280. А маленьки мониторы прокрутят – думаюничего в этом страшного нет…

  • http://nebo9.ru/ Знакомства

    Главное – тестировать, сделаешь ли ты резиновый, или под определенное разрешение.

  • http://po-moemu.ru/ Mad

    По-моему, неприлично вместо ответа приводить видео на вражеском языке. Если ты сам понимаешь, что этот лысый бакланит, так напиши в двух словах.
    Ориентированться на топ разрешений нельзя. Дорог КАЖДЫЙ читатель.

  • http://it-blog.net.ru/ Matskoff-Lion

    А я привык к тому, что большинство окон разворачиваю полностью.
    У меня 1280х800.
    Подсоединял к телевизору 40″ – вообще убойно смотрится все. Головой как в кинотеатре только приходилось крутить :)

  • http://yasa.in.ua/ yasa

    У меня все сайты под 1024х768 – считаю это самым оптимальным. Но спасибо за идею, буду теперь мониторить статистику по этому вопросу.

  • seosasha

    А нельзя ставить в процентной соотношении ???

  • http://twitter.com/shebeko Nikolay Shebeko

    напрягает очень нижняя прокрутка на 1024 делаю, хотя статистика dimka тоже заставляет задуматься

  • MihanNaZavode

    Почему удобно? Мне превычней обычные пропорции обычного монитора, а за ноутбуками когда сижу – кажется все слишком растянуто. Дело привычки.
    А по поводу сайта – то нужно смотреть для каждого конкретно сайта и выбирать по максимальным значениям. А не подстраиваться – и еще под одного с экспериментальным расширением экрана.

  • http://blog.dimok.ru/ dimok

    это называется «резиновы», но у него тоже есть минимальная ширина

  • TristanVI

    Заметил, что большинство шаблонов WP узкие , а вот joomla и др. резиновые.
    Самому боьше нравится когда сайт аккуратный такой, НО сайтов с резиновый дизайном именно в рунете намного больше.
    PS может слово портал у многих асоциируется с «большим» сайтом, чтобы на весь экран ?:))

  • http://po-moemu.ru/ Mad

    Дак ты параметры экрана выстави на ноуте в соответствии с его нативным разрешением матрицы и не будет растянуто.

  • mycashnet

    Если это статика, то 1024. Если содержание сайта позволяет делать резину – однозначно резина. По-моему, ответ вообще очевиден. :)

  • kleviy

    Как я понял разрешение 1280х1024 преобладает у большинства пользователей.

  • http://seotochka.com/ SeoTochka

    1024 даже на 10-ти дюймах нормально смотрится. Так что не зря 95% )

  • http://xtoozee.ru/ qatro

    в продаже практически не найти моники < 19 дюймов. меньше либо ноуты, либо нетбуки – для них 1024 в самый раз. а доисторические пусть наслаждаются мобильной версией

  • http://nicothin.ru/ Николай Громов

    в стетистике выше черным по белому: 1024* — 20%
    какие вопросы?

  • http://blog.dimok.ru/ dimok

    ты не понял смысла моего поста? я ж говорю, что разрешений 1024+ – это 95%, а не 20% ;)

  • http://www.english-globe.ru/ garumna

    резиновый – самый оптимальный вариант

  • http://blog.anadikt.ru Константин

    А как можно сделать к примеру минимальная ширина 1000 пикселей, но если экран шире то пусть тянется?

  • http://blog.dimok.ru/ dimok

    да, так можно. верстальщика какого-нибудь дерни – они знают как делать

1

Облако тегов

Связаться со мной можно по почте: dimokru@gmail.com или через твитер @dimokru (9873 фолловеров)

Последние комментарии

    follow me on Twitter

    ТОП комментаторы

    Статистика

    • Рейтинг блогов
    • Участник Blograte.ru