[Техническое] Новый дизайн АШ

Аватар пользователя Великий Кукурузо

Десктоп

Недавно я предложил "пользовательские стили" для улучшения читаемости АШ. Идея многим понравилась, и главред предложил не делать кастомизацию под себя, а переработать дизайн для всех.  

Итак, встречайте! Приглашаем читателей опробовать новый дизайн АШ.

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

 
Основные изменения

АШ в новом тестовом дизайне расположен по адресу https://design.aftershock.news/

Просьба оценить и проголосовать вот здесь, на основании чего будем принимать решение о замене дизайна по-умолчанию. Замечания и предложения приветствуются!

Авторство: 
Авторская работа / переводика

Комментарии

Аватар пользователя Vlad2018
Vlad2018(4 года 2 недели)

Предлагаю скопировать с worldcrisis выставление оценок текстам. Очень помогает решить, стоит ли тратить время на статью. Да автору полезно узнать оценку.

Комментарий администрации:  
*** Отключен (наглое чмо) ***
Аватар пользователя eprst
eprst(12 лет 1 неделя)

Я думаю, что, с таким подходом, вам стоит читать только Букварь. Тема кармадрочества обсуждалась уже много раз.

Аватар пользователя FANAT
FANAT(12 лет 3 месяца)

В открывающемся меню нет отступа между аватарами и заголовками статей (Chrome, PC): http://ipic.su/img/img7/fs/clipboard.1592638479.png

Размер шрифта хоть и прежний15 px, но визуально он меньше, и чувствуется размытость Roboto по сравнению со старым Arial на обычном мониторе. К примеру, Open Sans читабельнее. Но это некритично, привыкнуть можно. На смартфонах хороший DPI, там проблем с размытостью, понятно, нет.

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

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

Аватар пользователя pascendi
pascendi(6 лет 10 месяцев)

В старом дизайне при каждом переходе не выскакивало диалоговое окно с вопросом: Разрешите использовать на этой странице плагин Adobe Flash.

Я его не собираюсь разрешать. Можно ли где-то это отключить глобально?

Аватар пользователя Великий Кукурузо

Ваш браузер? Устройство?

Аватар пользователя pascendi
pascendi(6 лет 10 месяцев)

Сафари на Маке.

Аватар пользователя Великий Кукурузо

Мне кажется, что у вас в настройках стоит "Всегда спрашивать/Ask" по-умолчанию. Для главного домена включена болокировка, а вот уже для design - нет.

Всё что могу посоветовать - проверить настройки:

https://support.apple.com/ru-ru/guide/safari/ibrwe2159f50/mac

https://support.apple.com/ru-ru/guide/safari/ibrw1036/13.0/mac/10.15

Аватар пользователя osoboye_mneniye
osoboye_mneniye(6 лет 1 месяц)

без шапки сайт безликий становится

Аватар пользователя Системник
Системник(9 лет 2 месяца)

Срочно! перевести сайт на этот дизайн! smile9.gif

 

Аватар пользователя RussianDoctor
RussianDoctor(6 лет 9 месяцев)

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

Аватар пользователя Борода Берни
Борода Берни(5 лет 7 месяцев)

smile9.gif Вот да, поддерживаю.

Аватар пользователя megodan
megodan(5 лет 3 месяца)

Неплохо.

Лично мне всплывающие ярлыки мешают(мобильный вариант). Как отключить? Или перевести в фиксированное место.

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

Комментарий администрации:  
*** Свиная харя - aftershock.news/?q=comment/10272571#comment-10272571 ***
Аватар пользователя nehnah
nehnah(11 лет 7 месяцев)

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

Аватар пользователя Великий Кукурузо

Сам по себе личнве комментарии не выделяются.

Это выделение при переходе к комментарию по якорной ссылке. Также происходит при публикации своего нового комментария. То есть выделен свой новый сразу после его публикации.

Аватар пользователя nehnah
nehnah(11 лет 7 месяцев)

Ясно, однако как-то сбивает с толку. Возможно иная подсветка была бы лучше, золотистым или ещё каким-то...

Аватар пользователя Великий Кукурузо

Спасибо учтём!

Аватар пользователя andreypastushenko
andreypastushenko(5 лет 6 месяцев)

Мне нравится. На мобилке значительно лучше стало.

 

Аватар пользователя Александр Михайлович.

Может быть у "зелёных пиджаков" что-то и улучшилось, может для "телефонистов" стало лучше. Я же вижу, что боковые меню увеличились до половины экрана. Сама статья практически теряется. Внизу наоборот, половина экрана пустая. Далеко не айс!    

 
 

 

Комментарий администрации:  
*** Уличен в немотивированном хамстве и засорении эфира ***
Аватар пользователя Великий Кукурузо

Спасибо за отзыв!

Какое у Вас разрешение экрана?

Аватар пользователя Александр Михайлович.

Обычный прямоугольный экран нетбука. 1024 * 600.

Комментарий администрации:  
*** Уличен в немотивированном хамстве и засорении эфира ***
Аватар пользователя Великий Кукурузо

Учтём, это поправимо)

Аватар пользователя Александр Беккер

Все нормально. Только шрифт не имеет четкости. Как ретушированный. Напрягает глаза

Аватар пользователя Великий Кукурузо

Сможете скриншот скинуть?

Аватар пользователя Александр Беккер

Аватар пользователя Великий Кукурузо

Какой браузер?

Аватар пользователя Александр Беккер

Хром родимый

Аватар пользователя Александр Беккер

Хотя с телефона отлично. 

Аватар пользователя word77
word77(9 лет 2 месяца)

Ну шапку Афтершока не следовало бы трогать. Я представляю если бы программисты -дизайнеры добрались до музея.

Полное непонимание значения символов. Георгий победоносец- а че давайте уберем,быстрей загрузка будет летать.

Зачем тратиться на символы? Можно и с флагов их убрать, экономия.

Аватар пользователя Великий Кукурузо

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

Аватар пользователя word77
word77(9 лет 2 месяца)

Тогда норм. 

Глядя на картинку внимание активизирует процессы памяти хоть вскользь.

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

Аватар пользователя breduin
breduin(8 лет 10 месяцев)

а нормально.

Аватар пользователя ExMuser
ExMuser(10 лет 11 месяцев)

Динамическое обнобление комментариев не будет большой проблемой, камрад? Я иногда по этому поводу Алексу плешь подъедаю, он лениво от меня отпинывается, типа ресурсов мало. А тут переехали вна новое железо, и новый копеечный скрипт будет в самый размер. Тупо будет меньше срачей. Кхм... Или больше работы Алексу и ЧитаюВсё.......  

Просто очередное предложение.

Аватар пользователя ExMuser
ExMuser(10 лет 11 месяцев)

Не, Куки, без полосок уже непонятно, кто, кого и куда послал. Не говоря уж об ответных мероприятиях. Подумай над этим вопросом.

Аватар пользователя Vitolt
Vitolt(8 лет 3 месяца)

Большая проблема с пропорциями

  1. Текст мелкий
  2. Заголовки мелкие
  3. Много пустого пространства между контентом и внутри контента
  4. При этом реклама стала непропорционально большой, сильно стала отвлекать, текст в рекламе сильно больше текста контента из-за этого тяжело быстро выхватывать заголовки, приходится вглядываться. 

Основной посыл размер текста контента должен быть не меньше чем в рекламе.

Аватар пользователя Охранитель
Охранитель(4 года 7 месяцев)

По мне не очень... Безпонтово как-то...

Аватар пользователя Великий Кукурузо

Насыпьте конкретики, а то совсем не ясно

Аватар пользователя Александр Михайлович.

Проголосовал! Категорически не нравится!

По процентам одобрения побеждают "телефонисты"

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

Если для "телефонистов" стало лучше, то, может быть, стоит сделать какое-то переключение: - одно для телефона, другое для обычного экрана?

Шапка тоже лучше прежняя, предлагаемая не впечатляет, нет ощущения "державности"

Комментарий администрации:  
*** Уличен в немотивированном хамстве и засорении эфира ***
Аватар пользователя oblomingov
oblomingov(10 лет 8 месяцев)

vs

а где стаж?

Аватар пользователя Великий Кукурузо

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

Но его всё ещё можно посмотреть в профиле конкретного пользователя.

Аватар пользователя oblomingov
oblomingov(10 лет 8 месяцев)

и так тоже узкий? ) не, это неправильно

там и в портрете места полно

и почему мои комменты то зелёные, то нет?

Аватар пользователя Великий Кукурузо

Это подсветка при переходе по якорной ссылкой к коментарию. Когда отвечаешь - происходит автопереход на свой новый комент, тогда он и подсвечен (только для себя и только сразу после публикации). Цвет подобран неудачно, поменяем

Аватар пользователя oblomingov
oblomingov(10 лет 8 месяцев)

посмотрите, тут вообще обрезка ника

Аватар пользователя Ярик FantomI
Ярик FantomI(8 лет 8 месяцев)

Верните стаж, не нарушайте порядок. Нету даже на экране 720*1280.

Почему-то на первой странице комментариев мелкий шрифт, а здесь нормальный.

Аватар пользователя Ярик FantomI
Ярик FantomI(8 лет 8 месяцев)

Хрень какая-то.. опять мелкий шрифт вышел.((

Аватар пользователя Не скажу
Не скажу(5 лет 2 месяца)

Ну его в баню, текущая версия рулит, ничего менять я бы не стал.

Комментарий администрации:  
*** отключен (невменяемое общение) ***
Скрытый комментарий Повелитель Ботов (без обсуждения)
Аватар пользователя Повелитель Ботов

Годный срач. Ахтунг - пахнет трольчатиной! Автор, нет ли в обсуждении упырей? Сим повелеваю - внести запись в реестр самых обсуждаемых за день.

Комментарий администрации:  
*** Это легальный, годный бот ***
Аватар пользователя Vovan220
Vovan220(5 лет 7 месяцев)

В моем деревенском интернете грузится раз в пять дольше :(

Аватар пользователя Великий Кукурузо

Для первой загрузки - это нормально. Наоборот общий объём загрузки стал меньше. Если проблема за сутки не разрешится - маякните в личку.

Аватар пользователя Скиталец
Скиталец(8 лет 5 месяцев)

Всем братский салам!

Некий оффтоп. Но, честно говоря, достало! Я про отсутствие режима автосохранения. Малейший глюк, или пропала напруга на какое-то время и привет. Набирай "простынь" по новой. Я понимаю, ресурсы сервера(ов), то, сё. Но, вроде как, новое "железо". И ещё про один глюк, ставший уже фичей сайта. Я про игнорирование сайтом ссылок кириллицей. Так, намедни, при дебатах с одним пЕЙсателем, я дал ссылку: http://repo.ssau.ru/bitstream/Uchebnye-posobiya/Vvedenie-v-proektirovani...Волоцуев%20В.В.%20Введение%20в%20проектирование.pdf . Должно быть было это

по ссылке же, что появляется на сайте, видно это

Можно с этим что-то сделать или нет? 

Если сильно не в тему - можете снести, я тогда "запилю" отдельным постом.

И, да, по теме: верните "шапку" АШ! С остальными изменениями пока не рзбирался. 

Аватар пользователя atorn
atorn(6 лет 2 месяца)

Да, верно, это тема - не по новому дизайну.

Про ссылки с кириллицей - посмотрел сейчас, как отправляется пост. Отправил такое тестовое сообщение.

Test 1 send link. https://example.com/text?f=234klm.
Test 2 send link. https://example.com/text?f=567klm)
Test 3 send link. https://example.com/text?f=678klm-пример в ссылке и далее текст
Test 4 send https://правительство.рф и далее текст
Test 5 send https://правительство.рф, и далее текст

Сразу было видно, что сам редактор ссылок не нарисовал, текст на сервер отправился без ссылок. Значит, ссылки рисует сам сервер (какой-то модуль Друпала). Пришла страница сразу в таком виде (на тестовом сервере)

Как видно, правильно отсеклись точки и скобка. Включился в ссылку дефис (правильно). Не включается кириллица. Проблема на серверной стороне и эта часть кода мне  (и Кукурузо) недоступна. Т.е. сейчас нет действующих разработчиков ,кроме Алекса, который бы решил эту проблему на сервере.

Если поискать плагины редактора, чтобы ссылки ставились на клиенте и уже в этом виде отправлялись на сервер (подключать плагины - тоже требуется Алекс, т.к. конфигурируется редактор через сервер и все плагины - тоже с него), есть https://ckeditor.com/cke4/addon/autolink . Это - после дизайнов.

По шапке - не слышал, чтобы хотели сделать таку высокую шапку, как была. А в имеющиеся 60 пикс не поместится всадник, остальное могло бы без потери смысла. Сама механика с 3 картинками у меня отработана на тестовом сервере и в этой шапке учтены замечания из этой темы (отступ для кнопки меню на мобильном, не делать сильно пустую шапку на мобильном). Остаётся вопрос с картинкой. Может, объявить дизайн-конкурс на шапку высотой 60 пикс.?

Страницы