Техническое: Новый дизайн и возможные проблемы

Аватар пользователя alexsword

Установлен новый дизайн.

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

Из известных проблем:

1) исчезло поле поиска - ИСПРАВЛЕНО

2) кнопки ответить / изменить в комментариях перестали "всплывать" - ИСПРАВЛЕНО

3) сливаются абзацы при редактировании, исчезли кнопки в меню редактирования - ИСПРАВЛЕНО

Комментарии

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

+ ! Подтверждаю. Нужна ссылка на ГЛАВНУЮ СТРАНИЦУ.

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

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

Шрифт у текста на картинках ужасен - мне всё время кажется что я ослеп и вижу расплывчато.

На http://aftershock.news/sites/all/themes/AsLoD/images/object160806627.jpg какие-то непонятные значки, какой-то парик в фиолетовом кружочке, ересь какая-то. Слова слева идут на фоне облаков, слова справа на белом фоне. Линия по которой идут буквы Э-И-О не параллельна стороне треугольника.

На http://aftershock.news/sites/all/themes/AsLoD/images/object1318932365.jpg те же ужасные шрифты с закругленными и размытыми краями и кривой "е", ненужный пафосный лозунг. Все элементы разные как в винегрете: кнопка отзывов сверху (она не на фоновой картинке, но все равно видна) - круглая, четкая и темная, белая плашка со словом Aftershock - прямоугольная, четкая и светлая, белая плашка с лозунгом - прямоугольная, размытая и светлая. На градирне с левого краю посередине видны следы фотошопа -  то ли размытия, то ли осветления. Синяя кривая полоса меняет цвет не на изломе, а просто в случайном месте ни к селу ни к городу.

В общем ужас. Можете считать меня диванным ворчуном, я наверное заслужил.

P.S.

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

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

Сделайте текст поконтрастнее, светло-голубой текст на белом фоне напрягает глаза.

Текст в комментариях начинается сразу после информации о посте - где стоит время, где написано имя автора комментария и т.д. Выглядит коряво, нужен перенос.

P.P.S

Фоновое изображение не совсем белое, оно местами серое и это опять создаёт иллюзию плохого зрения когда сложно понять, действительно ли какие-то места темнее других или просто так кажется. Вот оригинальное изображение - http://aftershock.news/sites/all/themes/AsLoD/images/page.jpg , а вот оно же с увеличенной контрастностью -

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

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

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

Полностью согласен.

Аватар пользователя Kilativ
Kilativ(10 лет 9 месяцев)
На опере мини под андроидом - очень медленно открываются все страницы, большие пропуски между блоками. На файрфоксе под винХР - страницы грузятся очень медленно, на некоторое время подвисает сам браузер. Голубой текст на самом деле негативно сказывается на глазах. Может быть стоит рассмотреть изменение на другой цвет шрифта? Всё остальное в принципе удобно и привыкаемо, реклама не мешает восприятию, лично я её перестал замечать со второго раза.
Аватар пользователя Kilativ
Kilativ(10 лет 9 месяцев)
В этом комменте было три абзаца. Опять же - они куда-то исчезли, вот и ещё один косяк.
Аватар пользователя alexsword
alexsword(12 лет 5 месяцев)

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

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

Отлично, спасибо!

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

Аватар пользователя aljon
aljon(12 лет 2 месяца)
Планшет Экран 10,1дюйма Андроид 4.2.2 Браузеры: Хром, Опера Мобайл, Опера Некст, Макстон, US Проблема: перестала масштабироваться страница. (Жестами) Проверил на сохраненной странице со старым дизайном - масштаб меняется. Некритично, но неудобно (плохое зрение, для меня это важно :) P.S М.б. WYSIWYG редактор прикрутить?
Комментарий администрации:  
*** Уличен в набросах и наглой дезинфомации ***
Аватар пользователя rand0m
rand0m(12 лет 1 месяц)
Андроид 4.4 Браузеры на движке хрома (яндекс, опера, сам хром) 1280х720. http://img-fotki.yandex.ru/get/9751/8993852.0/0_e0dbf_ba2f502d_L.png текст начинается ниже. Где-то размером с экран пустое поле.
Аватар пользователя nehnah
nehnah(11 лет 6 месяцев)

По ощущениям стал грузиться гора-а-аздо медленнее, отзывчивость сайта снизилась. Окно создания статьи работает некорректно, переключатель вида "WysiWyg/PlainText" не переключает окно редактирования, однако вставленные теги движок вроде обрабатывает нормально. Как вставить скриншоты? Исчезла панель инструментов.

Система: 3.13.5-1-ARCH #1 SMP PREEMPT Sun Feb 23 00:25:24 CET 2014 x86_64 GNU/Linux

KDE 4.12.3 Chromium 33.0.1750.146 (254388) 1920x1080

ЗЫ: Из линя текст льёт сплошным потоком, без разбивки на абзацы. В окне редактирования всё норм...

Аватар пользователя Oriaraniar
Oriaraniar(10 лет 11 месяцев)
Мне в целом новый дизайн нравится. Старый уж больно дремуче смотрелся. Единственно - загрузка страниц. Она долгая.... Очень долгая...
Аватар пользователя Suobig
Suobig(10 лет 3 месяца)

У меня одного этот комментарий появился на первой странице в нарушение хронологии?

Посмотрел на время других комментариев — во многих местах хронология "едет".

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

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

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

А, понятно. Просто он у меня отображается как "Новое" из-за этого.

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

ЗЫЫ: Исчезла панель инструментов. Из линя текст льёт сплошным потоком, без разбивки на абзацы. В окне редактирования всё норм...

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

1. Кнопки в меню вертикально наезжают друг на друга (т.е. когда окно не очень широкое)

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

скриншот прилагается... 

Браузер: Хром

XP

Экран: 1680х1050

Аватар пользователя Greathand
Greathand(10 лет 10 месяцев)
А картинки для шапки сайта нет почотче? То ощущение, что сразу -3 хватанул.
Комментарий администрации:  
*** Я что-​то не вижу признаков фашизма в Украине больше, чем в России (с) ***
Аватар пользователя Safron
Safron(11 лет 11 месяцев)

Поддерживаю. Буквы размытые, смотрится плохо.

p.s. Еще эти три цвета, которыми выделены заглавные букавы, не сочетаются с фоном и с друг другом. Я бы сделал просто черным (серым). Радугу оствим сами знаете кому)).

p.p.s. Еще нужно добавить, что это Информационный центр, а то человек впервые зашедший может подумать, что это сайт энергетиков (лично у меня такое впечатление сложилось)

p.p.p.s черную линию нужно по низу шапки пустить, тут она режет ее пополам, смотрится странно.

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

Сделаем почетче, оптимизировали размер, вот и расплылось.  

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

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

Аватар пользователя mf
mf(10 лет 11 месяцев)
Поглядел с декстопа. Картинка сверху ни о чем. Труба справа ассоциируется с чадящей промзоной на отшибе. Символы слева - какое-то сектанство, попали на сайт секты. Слова не читаемы. Разноцветные буквы в названии AFTERSHOCK больше подошли бы сайту для детей - ассоциация со стендом с книжками-раскрасками и разноцветными карандашами. Разноцветица в меню справа туда же. Раньше на сайте был ясный акцент "информативно, все по делу". Теперь акцент "от хипстеров, для хипстеров", совмещенный с классическими избитыми клише студенческих хомяков второй половины 90-х. Все новое графическое и цветовое оформление лучше под снос. Если делали сами - тем более; свое сносить легче, чем кого-то убеждать. Про блины комом поговорку все знают, и через такой дизайн тоже все, в общем-то, проходили.
Аватар пользователя ArgSerYoga
ArgSerYoga(12 лет 1 месяц)

Полностью согласен. Цветовое оформление выглядит убого.

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

О боже откуда это "Место для вашей рекламы" ?

:D

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

Я про цвета и буквы написал в отзывы. Отклонили.

Аватар пользователя На краю империи
Открываются только последние три ссылки на последние статьи, а первые 6 нет, отсутсутствует панель форматирования комментариев. Браузер Яндекс/вин ХР
Аватар пользователя alexsword
alexsword(12 лет 5 месяцев)
С форматированием, да, известная проблема. А что со ссылкам - все ссылки у меня открываются. Какое сообщение об ошибке? Приложите скриншот.
Аватар пользователя На краю империи

Ссылки заработали, просто не все открывались. Сейчас все работает, шрифт только в комментах мелкий очень и текст из полей вылезает. Собсна, вот. Масштаб - 200%

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

Работа расширенного редактора восстановлена

Аватар пользователя Читаювсё
Читаювсё(12 лет 3 месяца)

это очень хорошо.

только теперь поменялся размер шрифта.

Аватар пользователя Читаювсё
Читаювсё(12 лет 3 месяца)

и вот ещё что -

я скопировал список со ссылками, но как ссылки они не отобразились, как это было раньше.

http://aftershock.news/?q=comment/859502#comment-859502

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

УПД. ссылки активны, но это не очень заметно!

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

Таков новый дизайн, ничего с этим не могу поделать

Аватар пользователя Читаювсё
Читаювсё(12 лет 3 месяца)

хотя бы более контрастно сделать, не ?

сейчас активные ссылки слегка бледнее простого текста.

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

Мне кажется достаточно просто выделить ссылки в комментариях также, как они выделяются в записях:

http://aftershock.news/?q=node/216293

Аватар пользователя Читаювсё
Читаювсё(12 лет 3 месяца)

или таким, как выделено имя пользователя и кнопка "ответить" (в комментарии)

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

Поддерживаю

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

А нельзя ли убрать, закрепить табличку "отзывы и предожения"

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

Цель?

Аватар пользователя Ермек
Ермек(11 лет 8 месяцев)
На андроиде, браузер опера при прокручивании страницы вниз табличка также смещается и реально раздражает отвлекая внимание.
Аватар пользователя Фарцовщик
Фарцовщик(12 лет 2 месяца)

Наконец-то реклама появилась. :)

Яндекс браузер - полёт нормальный.

Комментарий администрации:  
*** Это не ник - это состояние души ***
Аватар пользователя iskatel istini
iskatel istini(10 лет 10 месяцев)

1) Верстка комментариев сбита в неавторизованном режиме (Хром, Мозилла) - текст комментария начинается сразу после прямой ссылки на него, а не с новой строки.

2) Подсветка ссылок крайне бледная - Ответить, Опубликовано в ЖЖ и пр. (Хром, Мозилла)

3) Хорошо бы добавить кнопку "наверх" или двигать оба боковых меню вместе с прокруткой страницы. (не знаю, как правильно фича называется)

4) Мелковат шрифт в визуальном режиме формирования комментария (Хром).

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

1) Подтвержаю

Аватар пользователя Читаювсё
Читаювсё(12 лет 3 месяца)

и 2 и 3 и 4 поддерживаю

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

2, 3 и 4 не относятся к техническим моментам, так что я не стал комментировать :)

Хотя тоже поддерживаю.

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

Сделайте, пожалуйста, мобильную версию!

Я даже в большом бравзере буду на ней сидеть.

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

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

Остальное вроде люди написали...

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

1. Панель слева серьезно уменьшает область чтения по центру, приходится уменьшать масштаб чтобы по центру больше текста поместилось.
2. Баннер сверху можно сделать поменьше (поуже). Занимает почти четверть страницы.
3. Баннер сверху сделать ссылкой на главную страницу http://aftershock.news
4. Предоставление вариантов при автоматической проверке орфографии лучше убрать. Подчеркивание ошибок оставить. (сейчас вообще это пропало, видимо вернулись к старой форме редактирования и появились кнопки форматирования и заработали горячие клавиши)
5. NoScript показывает скрипты с других ресурсов с некоего reformal.ru


Firefox 27, Windows 8, 1600x900

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

А есть RSS? ТК читать это убожество пока не возможно.

или еще какой  вариант когда только ТЕКСТ.

Комментарий администрации:  
*** Криптобес ***
Аватар пользователя Борей
Борей(11 лет 2 месяца)

http://aftershock.news/?q=blog/feed

Страницы