Современный дизайн сайтов

avatar sobaka

389

16

sobaka

Пользователь

Регистрация: 15.02.2013

Сообщения: 3055

Рейтинг: 2023

sobaka

Регистрация: 15.02.2013

Сообщения: 3055

Рейтинг: 2023

Смотрим главную Dota2.ru. На всем ли экране есть информация? Нет, конечно. Но д2ру хотя бы использует пространство по бокам для релкламы.
Да тот же дотабафф так устроен. Ну, и популярный вк. Контент по центру примерно 1000px, а бока свободные. Почему, если большинство сидит на full hd? Почему не используют полезное пространство. Для меня это выглядит, как если бы я по два метра у двух стен забетонировал.

Может быть, на д2ру сидят веб-дизайнеры? Объясните, пожалуйста, популярность такого вида сайтов?

MaryDay

Пользователь

Регистрация: 13.09.2016

Сообщения: 395

Рейтинг: 1357

Нарушения: 100

MaryDay

Регистрация: 13.09.2016

Сообщения: 395

Рейтинг: 1357

Нарушения: 100

Ну если многие сайты так устроены, значит их дизайнерам виднее?

begl

Пользователь

Регистрация: 27.05.2015

Сообщения: 2946

Рейтинг: 1620

begl

Регистрация: 27.05.2015

Сообщения: 2946

Рейтинг: 1620

Щас тебе аццкий распишет что и как. Запилишь наконец аниме2.ру на новом движке.

Hy6o_Hy6

Пользователь

Регистрация: 16.11.2013

Сообщения: 3526

Рейтинг: 2188

Hy6o_Hy6

Регистрация: 16.11.2013

Сообщения: 3526

Рейтинг: 2188

Sobaka сказал(а):
Смотрим главную Dota2.ru. На всем ли экране есть информация? Нет, конечно. Но д2ру хотя бы использует пространство по бокам для релкламы.
Да тот же дотабафф так устроен. Ну, и популярный вк. Контент по центру примерно 1000px, а бока свободные. Почему, если большинство сидит на full hd? Почему не используют полезное пространство. Для меня это выглядит, как если бы я по два метра у двух стен забетонировал.

Может быть, на д2ру сидят веб-дизайнеры? Объясните, пожалуйста, популярность такого вида сайтов?
Нажмите, чтобы раскрыть...

вообще-то это стандарт и дизайн тут не при чем, типо это называется фиксированная ширина, чтобы не делать адаптивность под десктоп устройства

unspect

Пользователь

Регистрация: 11.08.2015

Сообщения: 1576

Рейтинг: 940

unspect

Регистрация: 11.08.2015

Сообщения: 1576

Рейтинг: 940

Fixed size мутится для более удобной адаптивной вёрстки. Простым языком такие сайты лучше скейляться для разных типов устройств с разным разрешением экрана.

sobaka

Пользователь

Регистрация: 15.02.2013

Сообщения: 3055

Рейтинг: 2023

sobaka

Регистрация: 15.02.2013

Сообщения: 3055

Рейтинг: 2023

Hy6o_Hy6 сказал(а):
вообще-то это стандарт и дизайн тут не при чем, типо это называется фиксированная ширина, чтобы не делать адаптивность под десктоп устройства
Нажмите, чтобы раскрыть...

А, кажется понял. До определенного разрешения уменьшаются только ширина полосок, а потом уже сам контент видоизменяется?

unspect

Пользователь

Регистрация: 11.08.2015

Сообщения: 1576

Рейтинг: 940

unspect

Регистрация: 11.08.2015

Сообщения: 1576

Рейтинг: 940

Sobaka сказал(а):
А, кажется понял. До определенного разрешения уменьшаются только ширина полосок, а потом уже сам контент видоизменяется?
Нажмите, чтобы раскрыть...

Обычно да. Зачастую есть 2-3 вида отображения установленные "медиа-запросами" в некоторые диапазонах.

EnzOo

Пользователь

Регистрация: 10.05.2013

Сообщения: 522

Рейтинг: 673

EnzOo

Регистрация: 10.05.2013

Сообщения: 522

Рейтинг: 673

Почему? Наверно потому, что есть куча (и реально так) людей, которые имеют мониторы с разрешением около 1000px? У тебя есть fullHD моник - молодец - таких процентов 10 и не больше. Потому пилят в основном под 1к px, ибо подходит подавляющему большинству пользователей. Не нужно здесь сказки рассказывать, что все на fhd сидят - не смеши пожалуйста. Если у всех твоих одноклассников fullHD, то у их бабушек/дедушек/теть/дядь обычные моники, примерно 1280*1024. Пилить адаптивную верстку - в любом случае придется делать какие-то ограничения, либо тратить много времени, а соответственно и средств на данные действия, а у нас, к сожалению, бюджеты на сайты выделяют достаточно скромные и экономят на чем только могут.
Да и нет у ВК того же такого количества информации, чтобы выдавать ее на все 1.9к+ px - основная прокрутка там в ленте новостей, а если растянуть ее в ширину, получится адская ахинея.

Авторитет 228

Пользователь

Регистрация: 16.09.2016

Сообщения: 43

Рейтинг: 39

Авторитет 228

Регистрация: 16.09.2016

Сообщения: 43

Рейтинг: 39

Sobaka сказал(а):
Смотрим главную Dota2.ru. На всем ли экране есть информация? Нет, конечно. Но д2ру хотя бы использует пространство по бокам для релкламы.
Да тот же дотабафф так устроен. Ну, и популярный вк. Контент по центру примерно 1000px, а бока свободные. Почему, если большинство сидит на full hd? Почему не используют полезное пространство. Для меня это выглядит, как если бы я по два метра у двух стен забетонировал.

Может быть, на д2ру сидят веб-дизайнеры? Объясните, пожалуйста, популярность такого вида сайтов?
Нажмите, чтобы раскрыть...

У доты2.ру дизайн образца 2001-го года.

errorstalker

Пользователь

Регистрация: 01.11.2013

Сообщения: 3392

Рейтинг: 1340

Нарушения: 50

errorstalker

Регистрация: 01.11.2013

Сообщения: 3392

Рейтинг: 1340

Нарушения: 50

img
Sobaka сказал(а):
Почему, если большинство сидит на full hd?
Нажмите, чтобы раскрыть...

Можно пруф ?
Как по мне очень большая доля мобильных устройств
также популярны планшеты\нетбуки с разрешением в 1024

Авторитет 228

Пользователь

Регистрация: 16.09.2016

Сообщения: 43

Рейтинг: 39

Авторитет 228

Регистрация: 16.09.2016

Сообщения: 43

Рейтинг: 39

errorstalker сказал(а):
Можно пруф ?
Как по мне очень большая доля мобильных устройств
также популярны планшеты\нетбуки с разрешением в 1024
Нажмите, чтобы раскрыть...

Мы же не будем сравнивать смартфоны и нормальные мониторы? Все эти мелкие разрешения - это как раз смартфоны, в большинстве мониторов сейчас Full HD. Если ты не бабушка 80-ти летняя, то позволить себе Full-HD монитор за 100 баксов может кто угодно, уже лет 5 наверно.

errorstalker

Пользователь

Регистрация: 01.11.2013

Сообщения: 3392

Рейтинг: 1340

Нарушения: 50

errorstalker

Регистрация: 01.11.2013

Сообщения: 3392

Рейтинг: 1340

Нарушения: 50

img
Авторитет 228 сказал(а):
Мы же не будем сравнивать смартфоны и нормальные мониторы? Все эти мелкие разрешения - это как раз смартфоны, в большинстве мониторов сейчас Full HD. Если ты не бабушка 80-ти летняя, то позволить себе Full-HD монитор за 100 баксов может кто угодно, уже лет 5 наверно.
Нажмите, чтобы раскрыть...

При чем тут это ?
Я говорю про долю людей которые заходят на сайты с компактных и переносных устройств.
На таких устройствах в основном разрешение - 1024px по ширине
Зачем делать сайт который будет обрезаться или плохо отображаться на таких устройствах ?
Или попробуй окрыть текстовый файл на весь экран и почитай - увидишь как у тебя глаза начнут напрягаться двигая зрачками.

Авторитет 228

Пользователь

Регистрация: 16.09.2016

Сообщения: 43

Рейтинг: 39

Авторитет 228

Регистрация: 16.09.2016

Сообщения: 43

Рейтинг: 39

errorstalker сказал(а):
При чем тут это ?
Я говорю про долю людей которые заходят на сайты с компактных и переносных устройств.
На таких устройствах в основном разрешение - 1024px по ширине
Зачем делать сайт который будет обрезаться или плохо отображаться на таких устройствах ?
Или попробуй окрыть текстовый файл на весь экран и почитай - увидишь как у тебя глаза начнут напрягаться двигая зрачками.
Нажмите, чтобы раскрыть...

Все кто заходят с мобильных устройств - смотрят с зумом, а там вообще пофиг на твоё разрешение сайта.

errorstalker

Пользователь

Регистрация: 01.11.2013

Сообщения: 3392

Рейтинг: 1340

Нарушения: 50

errorstalker

Регистрация: 01.11.2013

Сообщения: 3392

Рейтинг: 1340

Нарушения: 50

img
Авторитет 228 сказал(а):
Все кто заходят с мобильных устройств - смотрят с зумом, а там вообще пофиг на твоё разрешение сайта.
Нажмите, чтобы раскрыть...

с зумом ? Ясно, понятно.
Просто два вопроса:
1. Зачем им зум если ширина экрана - 1024 пикселя, а рабочая ширина на сайте 1000 пикселя
2. Ты слышал про адаптивный дизайн - это когда сайт и контент подстраиваются под моб устройства - оптимизируя рабочие области, увеличивая шрифты, иконки и кнопки ?

sobaka

Пользователь

Регистрация: 15.02.2013

Сообщения: 3055

Рейтинг: 2023

sobaka

Регистрация: 15.02.2013

Сообщения: 3055

Рейтинг: 2023

errorstalker сказал(а):
с зумом ? Ясно, понятно.
Просто два вопроса:
1. Зачем им зум если ширина экрана - 1024 пикселя, а рабочая ширина на сайте 1000 пикселя
2. Ты слышал про адаптивный дизайн - это когда сайт и контент подстраиваются под моб устройства - оптимизируя рабочие области, увеличивая шрифты, иконки и кнопки ?
Нажмите, чтобы раскрыть...

Лол, думал все об этом знают. Можно просто размер окна браузера менять и будет заметно.

Авторитет 228

Пользователь

Регистрация: 16.09.2016

Сообщения: 43

Рейтинг: 39

Авторитет 228

Регистрация: 16.09.2016

Сообщения: 43

Рейтинг: 39

errorstalker сказал(а):


1. Зачем им зум если ширина экрана - 1024 пикселя, а рабочая ширина на сайте 1000 пикселя
Нажмите, чтобы раскрыть...

Что ты увидишь на 4-5 дюймах без зума.

yuokiex

Пользователь

Регистрация: 18.01.2015

Сообщения: 772

Рейтинг: 819

yuokiex

Регистрация: 18.01.2015

Сообщения: 772

Рейтинг: 819

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

Главная страница д2ру не адаптивна.