Викия

ru-Викия

коммент.25

Макет страницы: размеры экрана и шрифтов

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

В первом обновлении будут внесены изменения в динамический макет страницы и частично в размеры шрифтов. Эти изменения коснуться только широкоэкранных мониторов. В нашем определении - это мониторы с разрешением более, чем 1575px по горизонтали. В галерее ниже вы можете увидеть эти изменения.

Размеры области с контентом страницы

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

Устройство Размер области с контентом Мин. ширина экрана устройства Макс. ширина экрана устройства Просмотры страниц в %
Планшет (верт.) 768рх 768рх 1023рх 16,2
Планшет (гориз.) 1024рх 1024рх 1063рх 49,6
Обычный монитор 1084рх 1084рх 1594рх 49,6
Широкоэкранный монитор 1238рх 1595рх не определена 34,2

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

Шрифты

Шрифты, а также межстрочные расстояние останутся неизменными для планшетов и обычных мониторов. Они останутся такими, какими вы видите их сейчас. А вот для широкоэкранных мониторов их значения будут увеличены. Точные цифры вы можете увидеть в таблице ниже:

Планшет и монитор
(шрифт/межстр. интервал)
Широкоэкранный монитор
(шрифт/межстр. интервал)
Заголовок H1 28/28 34/34
Заголовок H2 20/22 28/30
Заголовок H3 17/22 22/24
Заголовок H4 15/22 20/22
Основной текст 14/22 16/26

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


Проверить, как выглядят страницы вашей вики с обновлёнными шрифтами для широкоэкранных мониторов, можно, добавив
?oasisbreakpoints=1&oasistypography=1 к URL страницы. Например,
http://gameofthrones.wikia.com/wiki/Tywin_Lannister?oasisbreakpoints=1&oasistypography=1

Если вы заметите ошибки в поведении обновлённого динамического макета или в размерах шрифтов, пожалуйста, сообщите нам через Служебная:Contact/bug.

Дата релиза изменений в макете страницы: 19 мая

Викия-сеть

Случайная вики