// Репост, чтобы не потерялось.
Если запилить новый дизайн так сложно, потому что легаси/время/деньги/инопланетяне, то почему бы не сделать финт ушами и не сделать проще?
Не менять разметку и стили, совсем. Но сделать нормальный выбор тем, которые, по сути, будут просто ещё одним CSS файлом, который будет применяться только к самим дневникам, но не системным страницам. Запросить у юзеров помощи поделиться своими какими-то своими темами (могу поделиться своей), выбрать хорошие и встроить.
Для новых пользователей применять какую-то новую тему, которая более симпатична администрации (или даже случайно из какого-то списка). Для старых пользователей, т.е. по умолчанию, оставить «старый дизайн», который никакой CSS-файл не добавляет.
Только с !important в таких стилях, возможно, придётся распрощаться, чтобы в пользовательских стилях переопределять можно было это дело попроще. Либо при подключении пользовательского CSS (который платная услуга) файл темы не подключать вовсе, но сделать возможным импортировать стиль любой «системной» темы, которую ты дальше уже редактируешь как хочешь.
- Вместо полноценной мобильной адаптации сделать так, чтобы на маленьких экранах боковая панель скрывалась за кнопку, кроме, быть может, аватарки, названия дневника и автора. После этого можно чуть-чуть уменьшить минимальную ширину дневника, чтобы мобильным устройствам легче дышалось. Прописать meta viewport.
- Опционально на системных страницах для больших экранов можно сделать чуть-чуть шрифт покрупнее и ширину контента пошире.
- Добавить на главной для незарегистрированных пользователей какое-нибудь завлекалово.
Дёшево и сердито.

Скриншоты в разных разрешениях: https://imgur.com/a/buRdgoD
Файлы: https://mega.nz/#!QZRlSIbT!hoHOgQl_F3d24RjYxd4TS70cV_GSclCYGpyGDwJYGM4
Live: https://jsfiddle.net/gue91x8t/
Заметки
Мобильное меню по кнопке не выскакивает, потому что не реализовано (на весь экран надо, наверное). Выпадающие меню в правом меню тоже не выпадают по этой же причине. Пусть программист делает

Если заголовки слишком яркие, то их цвета можно и поменять. И фон. Но, опять же, это и без меня управятся.
Код
показать
В настройках дизайна есть, эээ, настройки различные. Можно сделать так, чтобы их значения были доступны в виде CSS переменных (кастомных свойств) для дневникового CSS (который платная услуга)? Тогда можно было бы делать темы, которые адаптируются, например, к цветам, указанным в настройках, а не хардкодить всё подряд прямо в стиле.
https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
- Например, хотелось бы видеть на блоках с постом (сейчас это .singlePost) ещё какой-нибудь отдельный класс, если этот пост закрыт. restricted-post, например.
- На блоке с комментарием (сейчас это .singleComment), что это комментарий владельца дневника. Скажем, owner-comment.
- Если комментарий от Гостя, то на блок с комментарием класс guest-comment.
- На блоке с автором и аватаркой (.commentAuthor) — если автарки нет в этом посте/комментарии. Например, no-avatar.
1) Если говорить о шрифтах, то две гарнитуры — это ок норм. НО использовать два подвида гарнитуры, один гротеск, а другой с засечками — не норм. Это ок, когда что-то из этого заголовок, а что-то текст.
Геометрия шрифта не совпадает, заголовки вытянутые и прямоугольные, а PT более «низкий» и квадратный. Можно оставить для заголовков sans, для текста serif, если уж очень хочется засечки. Хотя имхо, они только для текстов.
В верхней строке еще загадочным образом вне зависимости от кликабельности чередуются bold и regular, я думаю, стоит добавить начертанию функциональности.
2) Навигация интуитивно менее удобна, чем старая.

В старом дизайне взгляд выхватывает главное сразу: профиль, дневник, сделать запись. Внимание человека идет слева направо, сверху вниз. В новом дизайне эти функции приходится искать в правом углу, причем почему-то дневники, запись и избранное (главные атрибуты дайри) находятся в самом крайнем месте. А помощь, которую используют раз в год — чуть ли не по центру экрана.
То же самое касается кнопки поиска, она уместна и традиционна справа.
В общем, навигацию предлагаю пересмотреть.
И да, там нужно выравнивание: например, иконки по средней линии аватарки и имени, а не в линеечку, потому что они образуют один длинный прямоугольник, а не текстовую строку.
3) Визуальное соотношение блоков немного странное. Глаз все время цепляется за разделение по цветам в странном месте. Верхняя часть (меню) делится на два блока цветом, но по этой линии разделения дальше по странице ничего не происходит (обычно сайты верстают по сетке). Лучше сверстать так, чтобы было целостное визуальное разделение, и делить не в непонятном месте, а визуально узнаваемом. Сейчас это то ли треть, то ли четверть, то ли восьмая..

4) «Мои избранные» — это целое облако на всю страницу.
Мне кажется, визуально этот раздел вообще теперь доминирует над всей страницей, и это негармонично. Раньше информация была распределена ровными полосками, а теперь БАЦ ИЗБРАННЫЕ. Новости сверху давятся, снизу что — вообще не видно на мониторе высотой 1024px.
Иконки и цветовая гамма и стиль в целом — нравятся.
Впрочем, градиент (только более нежный) в красно-малиновую часть можно и вернуть.

На некоторых страницах (например, здесь: beta.diary.ru/list/) создаётся впечатление, что используется много разных шрифтов, прям в глазах рябит. Если посмотреть CSS, оказывается, что основных шрифта всего два - PT Sans и Oswald, но на этой странице есть ещё один (увы, я не отличаю их визуально, но я уверена, что их там не два!).
Вопросы:
1) Как подбиралось сочетание шрифтов? Я не дизайнер и не могу сказать, хорошо это или плохо, но тут есть таблица, составленная дизайнером: pomelnikov.com/images/Uroki/Font-pairs/Font-pai... (уж не знаю, насколько оно авторитетное).
2) Почему используется больше двух шрифтов? Насколько я слышала, больше двух использовать не рекомендуется...
3) Такой же вопрос про цвета, на странице "Все дневники" прям 50 оттенков серого и красного (или как его назвать?). Претензий нет, но интересно, как они подбирались?
Было бы замечательно или оставить цветовые схемы старого дизайна (светлого), либо дать возможность пользователям самому настраивать цветовую схему служебных страниц.
1. Изменить на светлые темы как в старом дизайне | 27 | (15.98%) | |
2. Дать пользователям возможность изменять цветовые схемы самостоятельно | 65 | (38.46%) | |
3. Дать пользователям выбор между светлой и тёмной темой в настройках | 58 | (34.32%) | |
4. Ничего не менять, всё хорошо | 19 | (11.24%) | |
Всего: | 169 Всего проголосовало: 117 |
Вот, тут видно, что отображается 3, хотя по факту там 38
С телефона то же самое.


Windows 7, Мозилла последняя, Android 4, Хром последний
Samsung Galaxy, встроенный браузер Samsung Internet
При прокрутке главной страницы до упора вниз вся центральная область, где находится список дневников, перестаёт реагировать на попытку обратной прокрутки вверх. Вправо-влево — пожалуйста. Вверх — никак. Вроде бы пустое место справа, при тычке по нему, уводит на приблизительно соответствующий по горизонтальному расположению дневник слева. Опытным путём установлено, что вернуться наверх можно либо уцепившись за серую область внизу, либо за красно-чёрную полосу вверху, причём последнее чревато открытием расположенных уже там ссылок. При том, что при скролле цепляешься обычно всё же за середину экрана это вызывает некое недоумение — ты его и так и сяк, а реакции никакой. Заметим, что если залогиниться, то тот же список избранных (вроде бы тоже заполняющий всю область ссылками) вертикальной прокрутке экрана никак не мешает, а вот со списком дневников проблема остаётся.

Дополнительно:
Очень удивила пиктограмма привидения из пак-мэна в у-мылах, неожиданно ведущая в настройки. Или я чего-то не понял, или это как-то странно. Может быть лучше туда всё же шестерёнку, как наиболее распространённый символ настроек? Ну и плюсую всем тем, кто хочет вынесенную на панель иконку избранного и вернуть нормальный значок собаки для тега [J] вместо серой кляксы, вызывающей неприятные ассоциации врачебного плана.

На скриншоте главная страница до аутентификации на сайте, но и после логина проблема никуда не девается.
iOS, Safari
В новой версии дизайна кнопка "Выход" спрятана, сразу её не найдёшь. И лично для меня это очень неудобно. Возможно, таких пользователей меньшинство.
Но я так же не вижу совсем кнопок "Вход", а точнее "Войти под другим именем:", может, я их и просто не нашла? Но вот ими как раз точно постоянно пользуются все участники Фандомных битв.
Может, есть возможность вынести "Выход" отдельной пиктограммой, тем боле там понятный значок?
Да и кнопка для перелогивания "Войти под другим именем:" - насущная необходимость, на мой взгляд.
1. Кнопка "Выход" отдельно | 28 | (22.22%) | |
2. Кнопка для перелогивания отдельно | 35 | (27.78%) | |
3. Оба пункта важны | 49 | (38.89%) | |
4. Оба пункта неважны | 14 | (11.11%) | |
Всего: | 126 Всего проголосовало: 93 |
Для полуночников и просто людей с высокой светочувствительностью хотелось бы иметь версию служебных страниц с инвертированной яркостью: светлым по тёмному (к примеру, основное наполнение меню многоточия на бете, как оно сейчас).
..Можно даже для начала неудобно, с постоянным переключением через настройки, хотя хотелось бы, конечно, переключение в постоянно-доступном месте. Вот нужно ли это выставлять каждый раз при входе на сайт, или запоминать между посещениями — не знаю (очевидно, лучший вариант — отдельная настройка "запоминать выбор дневного/ночного режима"), поэтому ставлю в голосование.
1. Очень нужно (пользоваться буду постоянно), с запоминанием выбора | 18 | (16.51%) | |
2. Очень нужно (пользоваться буду постоянно), без запоминания выбора | 2 | (1.83%) | |
3. Было бы хорошо (временами нужно), с запоминанием выбора | 19 | (17.43%) | |
4. Было бы хорошо (временами нужно), без запоминания выбора | 13 | (11.93%) | |
5. Совершенно не нужно | 57 | (52.29%) | |
Всего: | 109 |
Не уверена, что эта фича уже относится к новому дизайну, но зарепоочу:
1) Заходим в U-mail;
2) Жмём на пиктограмму нового сообщения (кстати, эти пиктограммы не интуитивно-понятны (если на десктопе есть tooltip, то на мобилке надо гадать), я бы ожидала что-то вроде карандашика для нового сообщения, но не в этом суть;
3) Жмём на пиктограмму прикрепления картинки;
4) Жмём “БИ” в открывшемся меню;
5) Пробуем скроллить вниз и видим, что скроллится страница сзади, а не меню.

Чтобы увидеть страницу целиком, я сама должна её уменьшить.
Не критично, но неудобно.
Но:
1) возможно сделать поле шире, чем левая колонка, которая отведена под текст настроек;
2) растянутое поле ввода оказывается скрыто рекламой, находящейся в правой колонке.
Проблема существует по крайней мере в Chrome, Safari и Firefox.

Бонус: не особо надеюсь, что это будут чинить, но при загрузке всех служебных страниц с новым дизайном в консоли выскакивает ошибка
2. Печалят интервалы между никами, страница растягивается, ее приходится долго прокручивать вниз. Если ники и названия сообществ - в несколько слов с пробелами, это еще и неаккуратно выглядит, потому что интервалы сильно больше пробелов. Нельзя ли вернуть разделение запятыми? И в профиле список интересов по-старому, с запятыми, а затем идет массив ников с интервалами. Режет глаз.
3. Много шрифтов.

4. А сокращать списки избранных и ПЧ - это обязательно? Всех сразу, не подгружая, видеть удобнее.
Для сравнения скрины создания нового умыла.
Старый:

Новый (в новых коментариях и новых записях кнопки у меня выглядят точно так же траурно):

Пы.Сы. Хром на десктопе.
2. Если кликнуть на название сервиса, то появляется развёрнутое описание, но всю страницу перематывает на начало. При повторном клике оно пропадает, а страницу так же перематывает вверх.
У всех версий "Вклада в развитие" одинаковое описание — возможно, его стоит вынести вверх, над конкретными разновидностями, и разворачивать вместе с ними?