AO3 News

Post Header

Published:
2016-01-10 00:06:54 UTC
Original:
Upcoming layout improvements for different screen sizes
Tags:

Когда мы меняли дизайн Archive of Our Own – AO3 (Нашего Архива) в 2011 году, большинство пользователей приходило на сайт через десктопные браузеры — поэтому шаблон создавался с учетом широкого формата — будь то ноутбук или монитор. За 4 года многое изменилось и большинство пользователей посещает сайт через мобильные устройства: телефоны и планшеты, поэтому мы вновь решили обновить интерфейс, чтобы идти в ногу со временем.

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

Страница с работами пользователя и Панель управления, работы, и фильтры разбиты на три колонки. Фильтры частично обрезаны из-за размера экрана.

Скоро мы добавим новую ширину строки, что поможет всем, кто смотрел на сплющенную версию AO3. Получившаяся версия будет чем-то средним между полной и мобильной: Dashboard (Дэшборд) будет находиться над основным содержимым, как раз под основной навигацией, но фильтры останутся на правой стороне страницы.

Страница работ пользователя, Дэшборд находится сверху, а основное содержимое и фильтры разбиты на две колонки.

Мы также перестанем пользоваться пикселями для определения ширины строки, а перейдем на измерительные единицы "em". Em основаны на размере шрифта, а значит, если для установления ширины строки мы будем использовать именно их, любая версия AO3 будет удобнее для всех, кто изменил стоящий по умолчанию размер шрифта браузера. Например, если в Google Chrome установить "очень крупный" размер шрифта, то даже при открытии AO3 в окне шириной 1024 пикселя, текст в фильтрах будет неполным, а описания работ станут узкими и длинными:

Страница работ пользователя при

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

Страница работ пользователя при

Новую ширину строки в 42em и 62em можно будет использовать в скинах, все существующие скины с шириной строки в 640px автоматически перенастроятся на 42em.

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

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

Этот новостной пост переведен волонтерами-переводчиками OTW. Чтобы больше узнать о нашей работе, посетите страницу "Переводы" на transformativeworks.org.