The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]



"Обновление дизайна сайта"
Вариант для распечатки  
Пред. тема | След. тема 
Форум Диалог с администрацией проекта
Изначальное сообщение [ Отслеживать ]

"Обновление дизайна сайта"  +/
Сообщение от we4r4tge4wtgwe4tge4 (?), 18-Авг-23, 16:45 
Не планируете обновить дизайн сайта? Самый крупный новостной сайт по Linux, но дизайн очень сильно устарел. Готово помочь с этим, чтобы сайт выглядел более современно.
Ответить | Правка | Cообщить модератору

Оглавление

Сообщения [Сортировка по времени | RSS]


1. "Обновление дизайна сайта"  +1 +/
Сообщение от Maxim Chirkov (ok), 19-Авг-23, 21:23 
Предлагайте конкретные идеи о том, что и как можно улучшить на ваш взгляд.

Современно - не всегда значит лучше, за время существовования текущего внешнего вида, когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже успели устареть :-)

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

Ответить | Правка | Наверх | Cообщить модератору

2. "Обновление дизайна сайта"  +/
Сообщение от we4r4tge4wtgwe4tge4 (?), 21-Авг-23, 04:42 
>[оверквотинг удален]
> Современно - не всегда значит лучше, за время существовования текущего внешнего вида,
> когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже
> успели устареть :-)
> Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации,
> находящийся вне времени и не ломающий мозг (как примеры бед современного
> дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде
> сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К
> тоому же нелзя всё просто взять и кардинально переделать - необходимо
> сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по
> улучшению сводятся к чему-то похожему на типовые темы WordPress).

Хотя частичное обновление имеет мало смысла, оно лучше чем нечего.

Как примеры:
- Обновление страницы результатов поиска, так-как сейчас там каша из результатов, при этом результаты кроме как заголовком и небольщим margin не как не разделены и сливаются. Как и информация каждой единицы поиска не структурирована. (Тоже самое относится и ко всем спискам на сайте)
- Обновление неудобных и непродуманных комментариев где не только можно свернуть только первый в ветке но и постоянно висят кнопки управления (ответить, к модератору и тд), плюс каждый отдельный комментарий не выделен (в сумме, а не только "панель комментария"). В итоге если сложить выше сказанное, комментарии сейчас это плохо понятное месиво из кнопок и мини панелей (Которые кстати на телефонах выглядят не очень).
- Часто не семитричные отступы с двух сторон как у кнопок так и у целых блоков, это касается также целых страниц
- Высота сайта не адаптируется под большие экраны.
- И такой список можно составить к каждому компонента сайта.

Ответить | Правка | Наверх | Cообщить модератору

3. "Обновление дизайна сайта"  +/
Сообщение от Maxim Chirkov (ok), 24-Авг-23, 10:08 
> - Обновление страницы результатов поиска, так-как сейчас там каша из результатов, при
> этом результаты кроме как заголовком и небольщим margin не как не
> разделены и сливаются. Как и информация каждой единицы поиска не структурирована.

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

> (Тоже самое относится и ко всем спискам на сайте)

Например? И как по вашему мнению можно улучшить?

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

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

> - Часто не семитричные отступы с двух сторон как у кнопок так
> и у целых блоков, это касается также целых страниц

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

> - Высота сайта не адаптируется под большие экраны.

Высота?? Не ширина? Не понял, как высота должна адаптироваться.

Ответить | Правка | Наверх | Cообщить модератору

5. "Обновление дизайна сайта"  +/
Сообщение от we4r4tge4wtgwe4tge4 (?), 27-Авг-23, 06:21 
>[оверквотинг удален]
> и я себе слабо представляют как от него можно избавиться, сохранив
> наглядно разделённое дерево комментариев. По поводу постоянно висящих кнопок - убрать
> их в динамически появляющийся блок не получится, во-первых такие блоки сильно
> раздражают некоторых, а во-вторых они не будут работать при отключении JavaScript.
>> - Часто не семитричные отступы с двух сторон как у кнопок так
>> и у целых блоков, это касается также целых страниц
> Есть такое, у меня глаз замылен на такие вещи, поэтому лучше сразу
> писать где именно что-то нужно поправить.
>> - Высота сайта не адаптируется под большие экраны.
> Высота?? Не ширина? Не понял, как высота должна адаптироваться.

Вот 3 примера хорошей организации и удобной системы комментариев по моему мнению.
https://imageup.ru/img293/4496418/2023-08-25_09-43.jpg
https://imageup.ru/img270/4496420/2023-08-25_09-40.jpg
https://imageup.ru/img84/4496421/2023-08-25_09-46.png

Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда был в низу страницы.

Сначала давай-те это.

Ответить | Правка | Наверх | Cообщить модератору

6. "Обновление дизайна сайта"  +/
Сообщение от Maxim Chirkov (ok), 27-Авг-23, 08:53 
> Вот 3 примера хорошей организации и удобной системы комментариев по моему мнению.

На тех форумах есть существенное отличие - использовние аватара, как визуального якоря. На opennet аватары не обязательны, поэтому для разделения используется заголовок. Кнопки ("ответить" и т.п.) вынесены в заголвок чтобы не тратить вертикальное экранное пространство. Кнопку "к модератору" прятать смысла нет, её, если она не бросается в глаза, тогда перестанут замечать и  использовать.

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


> Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда
> был в низу страницы.

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


Ответить | Правка | Наверх | Cообщить модератору

7. "Обновление дизайна сайта"  +/
Сообщение от we4r4tge4wtgwe4tge4 (?), 27-Авг-23, 15:45 
>[оверквотинг удален]
> ответа слева, как сделало для сообщений первого уровня, раньше так и
> было, но потом я убрал, так как показалось излишним.
> Предлагайте свои варинты.
>> Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда
>> был в низу страницы.
> Убрал пустые строки внизу за футером. Над адаптивным сдвигом, чтобы футер всегда
> был только внизу, подумаю как можно сделать - на сайте большой
> разнобой в верстке, боюсь можно что-то сильно поломать и не заметить.
> Поэтому наверно стоит отдельно прижать футер только на каких-то выборочных коротких
> страницах, типа написания комментария и авторизации.

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

Ответить | Правка | Наверх | Cообщить модератору

8. "Обновление дизайна сайта"  +/
Сообщение от we4r4tge4wtgwe4tge4 (?), 27-Авг-23, 15:51 
>[оверквотинг удален]
> ответа слева, как сделало для сообщений первого уровня, раньше так и
> было, но потом я убрал, так как показалось излишним.
> Предлагайте свои варинты.
>> Да, именно высота. Имелось ввиду заполнение 100% высоты экрана, чтобы футер всегда
>> был в низу страницы.
> Убрал пустые строки внизу за футером. Над адаптивным сдвигом, чтобы футер всегда
> был только внизу, подумаю как можно сделать - на сайте большой
> разнобой в верстке, боюсь можно что-то сильно поломать и не заметить.
> Поэтому наверно стоит отдельно прижать футер только на каких-то выборочных коротких
> страницах, типа написания комментария и авторизации.

Ещё как вариант можно как в тг писать инициалы на фоне.

Ответить | Правка | К родителю #6 | Наверх | Cообщить модератору

9. "Обновление дизайна сайта"  +/
Сообщение от Maxim Chirkov (ok), 27-Авг-23, 20:49 
> Ещё как вариант можно как в тг писать инициалы на фоне.

В комментариях на opennet половина ответов от анонимов, которые разделяются только в пределах одного обсуждения (из соображений приватности), соответственно в разных ветках автопривязанные аватары будут меняться и кроме неразберихи это ни к чему хорошему не приведёт. Из неанонимов аватар выставлен лишь у единиц. Автогенереация здесь не поможет. В reddit хорошо придумали с выбором аватара из готовой коллекции, но для подготовки такой коллекции нужны соответствующие ресурсы. В gravatar деалали геометрические узоры, но это лишь запутывает.

Посмотрите макет https://www.opennet.dev/soft/forum1.png - уменьшил контраст заголвока до цвета #E3E4D0 и убрал синий цвет со ссылок. Так лучше?

Ответить | Правка | Наверх | Cообщить модератору

10. "Обновление дизайна сайта"  –1 +/
Сообщение от we4r4tge4wtgwe4tge4 (?), 28-Авг-23, 07:09 
>> Ещё как вариант можно как в тг писать инициалы на фоне.
> В комментариях на opennet половина ответов от анонимов, которые разделяются только в
> пределах одного обсуждения (из соображений приватности), соответственно в разных ветках
> автопривязанные аватары будут меняться и кроме неразберихи это ни к чему
> хорошему не приведёт. Из неанонимов аватар выставлен лишь у единиц. Автогенереация
> здесь не поможет. В reddit хорошо придумали с выбором аватара из
> готовой коллекции, но для подготовки такой коллекции нужны соответствующие ресурсы. В
> gravatar деалали геометрические узоры, но это лишь запутывает.
> Посмотрите макет https://www.opennet.dev/soft/forum1.png - уменьшил контраст заголвока
> до цвета #E3E4D0 и убрал синий цвет со ссылок. Так лучше?

Да, вот так лучше

Ответить | Правка | Наверх | Cообщить модератору

11. "Обновление дизайна сайта"  +/
Сообщение от Maxim Chirkov (ok), 29-Авг-23, 07:49 
Ok, поменял.
Ответить | Правка | Наверх | Cообщить модератору

12. "Обновление дизайна сайта"  +1 +/
Сообщение от Аноним (12), 29-Авг-23, 13:51 
> Ok, поменял.

Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга, а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное решение.

Ответить | Правка | Наверх | Cообщить модератору

13. "Обновление дизайна сайта"  +/
Сообщение от Maxim Chirkov (ok), 29-Авг-23, 19:22 
> Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга,
> а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или
> другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное
> решение.

Сделал показ ника жирным шрифтом для более заметного разделения ответов.

Ответить | Правка | Наверх | Cообщить модератору

14. "Обновление дизайна сайта"  +/
Сообщение от we4r4tge4wtgwe4tge4 (?), 30-Авг-23, 07:49 
>> Максим, стало хуже. Раньше комменты можно было визуально отделить друг от друга,
>> а теперь они слились в одну кашу. Пока нет [псевдо-]аватаров или
>> другого индикатора начала нового коммента, убирать такой наглядный разделитель -- поспешное
>> решение.
> Сделал показ ника жирным шрифтом для более заметного разделения ответов.

Может лучше semibold?

Ответить | Правка | Наверх | Cообщить модератору

15. "Обновление дизайна сайта"  +/
Сообщение от Maxim Chirkov (ok), 30-Авг-23, 12:13 
> Может лучше semibold?

Ok, поставил font-weight: 600, но отличий от bold у себя я не заметил.

Ответить | Правка | Наверх | Cообщить модератору

16. "Обновление дизайна сайта"  +/
Сообщение от we4r4tge4wtgwe4tge4 (?), 30-Авг-23, 14:15 
>> Может лучше semibold?
> Ok, поставил font-weight: 600, но отличий от bold у себя я не
> заметил.

Это потому что для semibold нет шрифта и используется bold

Ответить | Правка | К родителю #15 | Наверх | Cообщить модератору

25. "Обновление дизайна сайта"  +/
Сообщение от rvs2016 (ok), 26-Май-24, 19:53 
> Ok, поменял.

А что там является заголовками?
Строки типа начинающихся с 1.45 Аноним ... ?
На каких конкретно словах надо смотреть предложенный цвет #E3E4D0?

Ответить | Правка | К родителю #11 | Наверх | Cообщить модератору

21. "Обновление дизайна сайта"  +/
Сообщение от Аноньимъ (ok), 06-Окт-23, 17:23 
> Вот 3 примера хорошей организации и удобной системы комментариев по моему мнению.
> https://imageup.ru/img293/4496418/2023-08-25_09-43.jpg
> https://imageup.ru/img270/4496420/2023-08-25_09-40.jpg
> https://imageup.ru/img84/4496421/2023-08-25_09-46.png

А по моему они просто ужасны.
Первая вообще не читаемая, всё сливается в одну кашу.

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

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

Ответить | Правка | К родителю #5 | Наверх | Cообщить модератору

17. "Обновление дизайна сайта"  +/
Сообщение от we4r4tge4wtgwe4tge4 (?), 04-Сен-23, 12:56 
>[оверквотинг удален]
> Современно - не всегда значит лучше, за время существовования текущего внешнего вида,
> когда-то воспринимаемые как современные и прогрессивные методы подачи информации, уже
> успели устареть :-)
> Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации,
> находящийся вне времени и не ломающий мозг (как примеры бед современного
> дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде
> сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К
> тоому же нелзя всё просто взять и кардинально переделать - необходимо
> сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по
> улучшению сводятся к чему-то похожему на типовые темы WordPress).

Точно не планируете обновить дизайн на более современный? Скруглённые края, цвета более приятные глазу? Хоть под reddit мб сделать?

Ответить | Правка | К родителю #1 | Наверх | Cообщить модератору

18. "Обновление дизайна сайта"  +/
Сообщение от we4r4tge4wtgwe4tge4 (?), 04-Сен-23, 13:03 
>[оверквотинг удален]
>> успели устареть :-)
>> Главная задача - предоставить удобный и легковесный способ подачи структурированной инфомрации,
>> находящийся вне времени и не ломающий мозг (как примеры бед современного
>> дизайна - динамически всплывающие или закреплённые шапки, компоновка заголовоков в виде
>> сетки, огромная картинка вначале статей, заставляющая лишний раз листать вниз). К
>> тоому же нелзя всё просто взять и кардинально переделать - необходимо
>> сохранить узнаваемость и привычность для имеющихся посетителей (обычно предложения по
>> улучшению сводятся к чему-то похожему на типовые темы WordPress).
> Точно не планируете обновить дизайн на более современный? Скруглённые края, цвета более
> приятные глазу? Хоть под reddit мб сделать?

Просто, зайдёт человек условно 20-ти лет на сайт, и не поймёт старый ламповый стиль. А молодежь тоже нужно привлекать к опенсорсу и linux. Мб сделать условную кнопку "Новый дизайн/Тестовый дизайн" и придумать/сделать что-то новое там?

Ответить | Правка | Наверх | Cообщить модератору

26. "Обновление дизайна сайта"  +/
Сообщение от rvs2016 (ok), 26-Май-24, 19:57 
> Просто, зайдёт человек условно 20-ти лет на сайт, и не поймёт старый
> ламповый стиль. А молодежь тоже нужно привлекать к опенсорсу и linux.
> Мб сделать условную кнопку "Новый дизайн/Тестовый дизайн" и придумать/сделать что-то новое
> там?

А для совсем ретроградов типа нас, которые Опеннет читают с года его создания, надо вообще запилить nttp usenet сервер с новостями Опеннета и ходить на него консольными утилитами типа rtin. Можно и через почтовую программу pine, конечно, конференеции тоже читать, но rtin мне нравится больше. Почте - почтовое, ньюсам - ньюсовое.

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

Ответить | Правка | Наверх | Cообщить модератору

19. "Обновление дизайна сайта"  +/
Сообщение от Maxim Chirkov (ok), 04-Сен-23, 14:08 
Я готов модернизировать дизайн плавно, шаг за шагом, на уровне переработки оформления отдельных компонентов и разделов, сохраняя общую концепцию и привычность подачи информации.

В идеале с предложением рабочих прототипов, показывающих, что CSS и HTML нужно поменять так-то и так-то.


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

Ответить | Правка | К родителю #17 | Наверх | Cообщить модератору

20. "Обновление дизайна сайта"  –1 +/
Сообщение от we4r4tge4wtgwe4tge4 (?), 07-Сен-23, 11:00 
> Я готов модернизировать дизайн плавно, шаг за шагом, на уровне переработки оформления
> отдельных компонентов и разделов, сохраняя общую концепцию и привычность подачи информации.
> В идеале с предложением рабочих прототипов, показывающих, что CSS и HTML нужно
> поменять так-то и так-то.
> Кстати, насчёт Reddit, я себе в настройках старый дизайн вернул после того
> как там выкатили новый, на мой вкус он гораздо удобнее, нагляднее
> и функциональнее.  Особенно бесят закреплённые блоки, которые при скроллинге остаются
> на месте, и частичное раскрытие комменатриев, хотя оформление комментариев там стало
> определённо лучше.

В том то и суть что reddit не просто так ввёл новый дизайн, а чтобы новое поколение пользовались им тоже.

Ответить | Правка | Наверх | Cообщить модератору

24. "Обновление дизайна сайта"  +/
Сообщение от Werenteremail (ok), 03-Мрт-24, 08:11 
Реддит ужасен. А вот с ЛОРа можно много что позаимствовать.
Ответить | Правка | К родителю #19 | Наверх | Cообщить модератору

22. "Обновление дизайна сайта"  +/
Сообщение от Аноним (22), 12-Фев-24, 23:37 
Лучше не надо ничего менять. Сейчас всё идеально. Один из немногих сайтов на который приятно заходить. Быстро грузится, нет лишних свистелок, удобно читать со смартфона, в том числе на плохой связи.
Ответить | Правка | Наверх | Cообщить модератору

23. "Обновление дизайна сайта"  +/
Сообщение от Werenteremail (ok), 03-Мрт-24, 08:10 
> удобно читать со смартфона

Всё строго наоборот. Это ЛОР удобно читать со смартфона, но не опеннет. Кстати, в плане улучшения вёрстки имеет смысл что-то позаимствовать оттуда - вёрстка на той же Tango очень удобна и красива.

Ответить | Правка | Наверх | Cообщить модератору

Архив | Удалить

Рекомендовать для помещения в FAQ | Индекс форумов | Темы | Пред. тема | След. тема




Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру