Викия

ru-Викия

коммент.3

Как инфобоксы с новой разметкой могут изменить ваш стиль

Обнаружено использование расширения AdBlock.


Викия — это свободный ресурс, который существует и развивается за счёт рекламы. Для блокирующих рекламу пользователей мы предоставляем модифицированную версию сайта.

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

ColorEye.png

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

Легко забыть, что центральная 'S' в CSS означает стиль. В большинстве случаев мы просто в случайном порядке подбираем цвета и стили для своего сообщества, словно наугад доставая листочек с вариантом из шляпы. Однако, когда дело доходит до новых инфобоксов, вам лучше не торопится и мудро подобрать стиль, представив стиль инфобоксов как часть общего оформления.

Скорее всего для вас привычнее, когда каждый тип инфобокса имеет свой стиль, свою цветовую схему. Но чем больше развивается и растёт ваше сообщество, тем больше шанс того, что придуманные ваши стили уже не будут работать так, как раньше. Бесконечное количество цветов, которое читатель видит, переходя со страницы на страницу, лишь будут работать против вас. А если вспомнить и о неудачных цветовых схемах, когда яркий и пёстрый цвет текста находится на не менее ярком и пёстром фоне? Или же слишком тёмное на тёмное? Кто сможет прочитать такой инфобокс, не напрягая глаз?

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

Индивидуальные темы

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

Воссоздание того, что уже есть

Первым сообществом, о котором упоминалось выше, стала англоязычная Walking Dead вики. Здесь были созданы инфобоксы с новой разметкой, которые почти не отличались от своих предшественников. Стоит заметить, что часть прошлых инфобоксов была взята с других сообществ и весьма отличалась от "родных". Однако, когда новые инфобоксы были готовы, а стили под них применены, все инфобоксы стали идеально подходить друг к другу и прошлые различия уже отсутствовали. Вот пример того, что было и что стало:

Tyreese-nPI.png

До (старый инфобокс)

Tyreese-PI.png

После (инфобокс с новой разметкой)

Создание нового

Вторым счастливчиком, принявшем участие в "эксперименте", стала англоязычная Borderlands вики. Сотрудники отказались от существующей на вики цветовой схемы старого инфобокса и использовали одну из двух стандартный тем для модульных инфобоксов — «Европа». Она использует цвета сообщества, уменьшая надобность в кастомизации цвета шаблона и подгоняя сам шаблон под общий стиль проекта. Более того, данная тема оптимизирована как для настольных компьютеров, так и для планшетов/телефонов.

Конечно же тему «Европа» можно кастомизировать с помощью CSS и сообщество вики приняло решение немного изменить стандартные стили. Однако во изменения оказались действительно небольшими, оставляя главную идею самой темы. Вот, что получилось:

HB-nPI.png

До (старый инфобокс)

HB-PI.png

После (инфобокс с новой разметкой)

Заключение

Этот блог не предназначен для того, чтобы запретить вам кастомизировать каждый инфобокс в отдельной статье на вашей вики. Его задача — донести до участников, что создание дизайна для инфобокса с новой разметкой является такой же важной задачей, как и создание общего стиля вики, а также показать пару примеров. К оформлению инфобоксов нужно подходить мудро и разумно, в противном случае вы устанете бегать и искать нужный стиль на вашей CSS странице, а читателям будет не так приятно читать ваши статьи. Хочу заметить, что CSS-ники некоторых вики доходят до 2000 строк! (пример)

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

Викия-сеть

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