Дизайн форума

[Кузя]

В этой теме обсуждаем внешний вид форума. Если нашли косяк дизайна или хотите предложить изменение -- пишите сюда.

[Greedy]

таьь

[Greedy]

текст теперь не цветной

кайф

[Martenfur]

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

[Martenfur]

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

Кому лень листать вверх, вот так оно выглядит сейчас:

Финальное решение оставляю за народом.

 

 

[Martenfur]

Доделал обновление для светлой темы.

Что нового:

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

Скрытый текст

Было:

Стало:

- Окошки цитат и спойлеров теперь выглядят так же, как и в тёмной теме.

Скрытый текст

Было:

Стало:

- Перекрасил большую часть тёмно-серых элементов, которые сильно выбивались из общего стиля.

Скрытый текст

Было:

Стало:

 

 

Зальётся это дело скорее всего через день-два -- полностью зависит от товарища Кузи.

[Martenfur]

Товарищ Кузя решил подождать одобрения Мартина, так что пока обновлённую светлую тему установили дополнительной.

 

[Martenfur]

Мне не очень нравится текущая палитра тёмной темы -- слишком много серого. Думаю перекрасить. Набросал вот такой мокап.

Собственно, палитра.

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

 

 

 

[Перси]

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

[Martenfur]

53 минуты назад, Перси сказал:

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

С картинкой в опросе ничего не сделаешь – разве что, просить тов. Мартина дизайнить так, чтобы нейтрально смотрелось и там, и там. А хедер мелкий, с ним особо не страшно. Хотя, по-хорошему, было бы неплохо заиметь его тёмную версию – но это надо дёргать рисовальщиков руками, и либо плотить, либо пробуждать дух волонтёрства. : - D

Так что работаем с тем, что есть.

[Martenfur]

Хотя вообще, есть вариант инвертировать меню сверху, как в белой теме, чтоб верхняя часть была залита светло-количневым. Тогда, может, картинка не будет сильно выделяться.

[Martenfur]

Думаю сделать цвет хэдеров чутка помягче. Как вы на это смотрите?

[Кот]

Немного блекло, контрастность определённо сильно убыла. Может дефолтная тема чуть резкая и не мягкая, но в ней есть свои резоны.
В принципе, мне она кажется и так неплохой (хотя я чаще предпочитаю "классику"), однако попробуй на 1/2 или 1/3 сместить титульный цвет к тому что на картинке и посмотреть что получится в промежуточном.

Кстати, в вэб-науках нет каких-то принятых/вычисляемых метрик и соотношений по сочетаемым цветам или читабельной яркости? Помню на каких-то лекциях по дизайну или чему-то вроде были какие-то круги с противолежащими палитрами из разряда 2-3-4 противолежащих цвета и всякой подобной онйлайн-инструментальной ересью как раз для целей бесконечных штамповок и удобных подборов пар fore-back.

[Martenfur]

10 часов назад, Кот сказал:

однако попробуй на 1/2 или 1/3 сместить титульный цвет к тому что на картинке и посмотреть что получится в промежуточном.

Собственно, да, позже я это и сделал. Сейчас оно выглядит вот так.

 

Стандартная тема была сплошь #FFF, что не есть хорошо. Сейчас я хочу всё это дело свести к четырём основным цветам, на основе которых можно будет сделать тёмную тему.

 

[Martenfur]

Закончил (нет) с основной темой. Товарищ Кузя выделил мне тестовый форум, где можно играться с админкой и CSS прям на форуме. Собственно, что было сделано: перепилил светлую тему фактически по второму кругу, но в этот раз с доступом к режиму дизайнера, что хорошенько так скосило время.

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

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

Первоначально планировалось слепить нормальную светлую тему и на её основе "простым свопом палитры" сделать нормальную тёмную тему, которые затем можно будет поддерживать как одну тему, просто меняя им палитры и включая\выключая вспомогательные кусочки кода.

 

План с треском провалился.

 

Однако поклонникам тьмы не стоит отчаиваться. Полностью новая тёмная тема грядёт, однако потом.

 

 

[Martenfur]

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

Если кто-то горит желанием -- стукните мне в ЛС, я дам более точное ТЗ и полноразмерную картиночку.

[Martenfur]

Наполовину слепленный в Паинте мокап. Цвет текста сбит на половине элементов, это сейчас не особо важно, пока что балуюсь с самими цветами. Что думоете? :?

[Перси]

28.06.2019 в 19:57, gn Fur сказал:

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

А какого размера нужно? Ничего не гарантирую, но возможно будет настроение сообразить что-то. 

[Martenfur]

7 минут назад, Перси сказал:

А какого размера нужно? Ничего не гарантирую, но возможно будет настроение сообразить что-то. 

3125х1685?

Матерь лисья, а даже не подозревал, какая эта дура гигантская. : - D

Думаю, можно просто уменьшить вдвое (1563х843) и ничего особо не потеряется. Оригинал в полном размере:

 

Я думаю, вкатило бы сделать повторяющуюся текстуру с двухцветными розами вроде вот такого.

Затем затайлить эту балду по размеру картинки, и будет атлишна - сам тайл может быть небольшой.

Только надо учитывать, что картинка будет скейлиться до вот таких размеров -- а значит, не надо слишком мельчить.

При этом я думаю сделать две вариации -- для светлой и тёмной тем. Но это уже простой своп палитры. Могу скинуть палитры, которые я сейчас использую для ковыряния тем, если нужно.

 

Если есть альтернативные предложения -- выкладывайте.

[Martenfur]

Более завершённый вариант тёмной темы.

[Martenfur]

Я сделяль. Полностью новая тёмная тема -- Ночь в Аббатстве. :0

Стало капельку светлее и желтее.

Так как тема полностью новая, тем, кто сидел на старой, надо будет сменить её вручную.

 

[Покрыс]

Уютненько выглядит! Теплые тона воспринимаются как-то мягче, глаза,  по идее,  на ней должны теперь меньше уставать 

[Martenfur]

Сделал кастомные скроллбары для обеих тем.

Было:

 

Стало:

Работает на всех браузерах кроме Edge.

Также пофиксил странности фоном белой темы на Edge. Обновление выкатится через энное количество дней, как у тов. Кузи руки дойдут залить.

 

 

[Кролл]

Господа, поменяйте цвет текста ввода сообщения в чате, черным по темному в темной теме сложно писать  Спасибо за оперативность! 

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

Изменено 31 мая 2020 пользователем Кролл

[Гаянэ]

Тёмная тема просто супер! Дизайн нравится! ?