Разработка для разрешения 4K на рабочем столе, или позволить браузерам обрабатывать масштабирование?
У меня есть общий вопрос веб-дизайна. Недавно наш офис приобрел пару очень больших телевизионных экранов 4K. Первым делом люди подключили к нему Surface Pro 3.
Я загрузил сайт нашей компании на него. Это не здорово. Это очень, очень, очень тонкий. Он был разработан, чтобы реагировать на разрешение до 1080p.
Теперь это был IE11 в Windows 8.1. Я не знаю, что Edge хранит в Windows 10. Однако я знаю, что в Chrome есть режим "HiDPI", который, как мне кажется, устанавливает размер экрана устройства и масштабирует все, и они активно улучшают эту функцию.
Если экран обрабатывался так, как если бы он был 1080p, а все масштабировалось в 2 раза, я в чистоте для всех своих сайтов.
У меня вопрос, стоит ли рассчитывать на масштабирование браузера? Станет ли это нормой? Или это просто необходимое зло, которое они должны реализовать для обратной совместимости с нынешним большинством всего Интернета?
Стоит ли продолжать добавлять более отзывчивый дизайн и обеспечивать его хороший внешний вид, вплоть до разрешения 4K? Есть ли какие-либо метатеги, о которых нужно знать, чтобы я мог использовать преимущества масштабирования браузера, когда это возможно?
Извините за кучу вопросов. Чтобы это было коротким и сладким, я просто спрошу это:
Должен ли я сосредоточиться на том, чтобы мои отзывчивые сайты выглядели хорошо до разрешения 4K, или продолжать разработку для 1080p, и молиться, чтобы масштабирование браузера стало нормой для дисплеев 4K?
2 ответа
У меня вопрос, стоит ли рассчитывать на масштабирование браузера? Станет ли это нормой?
Масштабирование DPI важно на мобильных устройствах, где у вас маленькие экраны с высокой плотностью пикселей.
На десктопах история не такая прямолинейная. Существуют 24" 4K-дисплеи, которые вы можете легко рассмотреть с высоким разрешением, и, таким образом, пользователи, вероятно, решат применить масштабирование DPI, когда оно будет доступно.
Но также есть большие 30-дюймовые и более 4-дюймовые дисплеи. Кто-то может даже предпочесть использовать 60-дюймовый 4-дюймовый телевизор в качестве монитора компьютера. Там плотность пикселей намного ниже, а масштабирование DPI приведет к значительным потерям. Таким образом, пользователи могут запускать такие конфигурации без масштабирования.
Таких пользователей может быть небольшое меньшинство в ближайшем будущем, но те, кто существует, могут по достоинству оценить адаптивный дизайн, который делает что-то разумное с такими высокими разрешениями.
Стоит ли усилий, решать вам. У пользователей всегда есть возможность использовать пространство на экране по-разному, например, отображая два приложения рядом друг с другом.
Используйте медиа-запросы для размещения дополнительного варианта использования. Даже если браузеры в конечном итоге проявят мудрость и начнут по-разному воспринимать 1px для разных экранов рабочего стола, это может занять некоторое время, и в то же время ваш сайт выглядит чепухой на этих экранах 4K.
Руководство по работе с 4K вы можете найти в этой статье: http://www.infiniteproduction.eu/blog/building-4k-uhd-website-3840-2160
Основная суть заключается в том, что вы хотите увеличить размер макета, по возможности сделать векторы изображения, чтобы их можно было также увеличить, а также увеличить размеры шрифта.
Когда / если браузеры в конечном итоге получат поддержку экранов с разрешением 4K, ваш сайт все равно будет хорошо отображаться, так что на самом деле нечего терять.