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

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

Десктоп

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

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

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

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

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

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

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

Комментарии

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

Когда пишешь ответ (Васе пупкину),то неплохо бы 

Если перед текстом комментария

Автоматически  (после нажатия ОТВЕТИТЬ) отображалось что ответ васе пупкину.

ибо путаницы и непоняток ненужных много.

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

поддержу !!!

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

Полоски же, долбаные вы соцсевики!

Тут изначально существует цветовая диффренциация. 

Мне повезло - я прозрачный.

 

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

Замечания и предложения приветствуются!

 тут что написАно?долбанный

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

Это мне был вопрос?

Аватар пользователя evangelena
evangelena(9 лет 1 час)

Обязательно.)

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

Вот так и вскрываются нубы. :)

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

Да, дельный совет. Прокачает ветки обсуждений

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

Это вряд-ли. (С)

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

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

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

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

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

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

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

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

Солидарен. Как-то всё зализано.. Плюс страница обновляется с большей задержкой..И заголовки через-чур глобальные..

п.с. В принципе нормально, основное - размер заголовка категорически не прикольный..

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

Плюс страница обновляется с большей задержкой

я думаю это из-за отладочных костылей. потом должно намана стать.

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

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

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

когда день голосования?smile235.gif

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

Ужеж идёт..smile306.gif

Аватар пользователя Roman Nebezbesov
Roman Nebezbesov(6 лет 4 месяца)

Вау! Еще и дистанционно!

Комментарий администрации:  
*** отключен (перевирание собеседников, манипуляции) ***
Аватар пользователя Великий Кукурузо

Вот это странно

Плюс страница обновляется с большей задержкой.

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

Понаблюдайте, пожалуйста, если проблема не уйдет за день - напишите мне в личку

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

Ок

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

Основой шрифт изменён на Roboto

Что за говношрифт? Читать невозможно. 

Аватар пользователя КришнасВами
КришнасВами(5 лет 10 месяцев)

Да ты неграмотный небось?smile194.gif

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

Куда уж нам, брахманам, до вашего высокого социального статуса.

Аватар пользователя КришнасВами
КришнасВами(5 лет 10 месяцев)

Нам, брахманам, не рожать: сунул, вынул, и - бежать!smile56.gif

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

Стандартный шрифт, например, в Android

Аватар пользователя ДК
ДК(12 лет 1 месяц)

неравномерные расстояние между равнозначными элементами.

ощущение фрагментарности. нецельности. куски картонной коробки - я такие дизайны называю.

дизайн в 2560х1080 смотрится неудобно. 

вопросы при голосовании составлены нерелевантно. поскольку три ЗА дизайн, а единственный ПРОТИВ в категорической форме. опрос направлен не на опрос, а на подтасовку за определённое заранее принятое решение.

пожалуйста, не трогайте эйриэл как основной шрифт.

изменения необходимы в очень минимальных количествах - чисто пофиксить существующие негоразды, как-то:

заменить шрифт заголовков с 700 толщины эйриэл на хотя бы тот же робото. 

выравнивать иконки в боковых панелях по верхнему срезу заголовка (особенно режет глаза когда три стоки и более) если грамотно, то делается вместе с min-height заголовка  выставленным в две строки и правильными марджинами картинки.

нужно казать до свидания всем нелепым огромным закруглениям картинок, labels и кнопок. радиус 2px вполне достаточно.

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

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

заголовок сайта вполне может быть инверсным, а не белым.

дисклеймер. всё сказанное основано на опыте дизайна и полной разработки 300+ сайтов профессиональной сферы на протяжении 15+ лет.
Аватар пользователя Великий Кукурузо

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

Это напрашивается, да. Но в этой итерации я этого делать не буду

 

вопросы при голосовании составлены нерелевантно. поскольку три ЗА дизайн, а единственный ПРОТИВ в категорической форме. опрос направлен не на опрос, а на подтасовку за определённое заранее принятое решение.

Именно так, в этом весь план

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

Стоило закрепить тему на Главной. Маловато проголосовали.

Аватар пользователя Oler
Oler(4 года 6 месяцев)

поддерживаю

Комментарий администрации:  
*** отключен (дешевые манипуляции) ***
Аватар пользователя ИЮЛь Майский
ИЮЛь Майский(8 лет 9 месяцев)

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

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

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

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

Поддерживаю, даже на 150% мелко.
Еще можно уменьшить отступы между колонками (центральной)

Комментарий администрации:  
*** Уличен в жидких набросах ***
Аватар пользователя AFG
AFG(6 лет 4 месяца)

///Не нравится "растяжка" текста по горизонтали....///

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

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

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

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

Какой либо пользы не вижу. Если требуются технические изменения - голосовать за них нечего (и так разбалованные)

Зря убраны символы сверху: Георгий победоносец, промышленность.

Добавьте ночной стиль.

Аватар пользователя Эхо Горло Нос
Эхо Горло Нос(4 года 8 месяцев)

Зря убраны символы сверху: Георгий победоносец, промышленность.

Добавьте ночной стиль.

Поддерживаю, нужно убрать значки говно сетей и вернуть Гошу с элементами энергетики 

Комментарий администрации:  
*** Отключен (агрессивный инфомусор) ***
Аватар пользователя Pepenez
Pepenez(9 лет 2 месяца)

Для чтения ночью есть браузеры с таким режимом. Мобильные Opera и Vivaldi имеют его встроенным, компьютерные версии решают этот вопрос через расширения.

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

Без НПЗ лучше.

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

Заметно лучше! Только шрифт чуть покрупней сделать. Можно шапку закрепить и вывести на неё базовую нафигацию.

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

ИМХО(мобильная версия):

Для того чтобы ответить на комментарий, нужно сначала на него нажать, потом появляется кнопка ответить, потом нажать на ответить и написать сам ответ. Зачем сии манипуляции и лишние тыканья? Удобнее не терять время и нажимать сразу ответить.

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

Отступы между комментами слишком велики.

Верхний Блок с меню узковат по высоте. Надо целиться в меню. Если наспех, то иногда нажимаю на номер страницы вместо иконки меню.

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

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

АШ - это не с/с. Только ради этого.

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

Понятно что нет.. Но комменты пишут, и довольно активно.

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

php рулез. 

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

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

Для того чтобы ответить на комментарий, нужно сначала на него нажать, потом появляется кнопка ответить, потом нажать на ответить и написать сам ответ. Зачем сии манипуляции и лишние тыканья? Удобнее не терять время и нажимать сразу ответить.

Упустил, верну текущий функционал

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

Должен остаться только один. Или левая, информативная, или правая, ниочёмная фрейма.

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

Про левый и правый блоки?

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

В мобильной шрифт мелкий! (Я Вас порву!), где цветовая гамма ответов?

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

Ну вот, уже лучше. Вот два раза тыркать чтобы ответить пока непривычно.))

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

Глаза разуй, тут цветовая гамма цветов штанов цветёт и пахнет аццким цветом! 

;)

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

Фсё, шрифт опять мелкий, цвета бледные, "сроков" нет.

Скока бились с прошлым дизайном? И всё коту под хвост? Я категорически против и таких почти четверть! 

Если что, то Xiaomi Redmi 4A, экран 720/1280

Страницы