DEV: Улучшение существующего дизайна

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

Изменил дизайн вкладки:
Изменил дизайн вкладки

Изменил в правой колонки дизайн заголовка.
Не вкладка

Это не вкладка (т.к. она одна).


Изменил цвет пагинации (убрал зеленый):
Цвет пагинации

Убрал зеленый цвет в блоке «Рекомендовано»:
Блок Рекомендовано
Зеленый цвет не очень вписывается в дизайн, особенно в ночном режиме.

Как получилось, можно посмотреть на ПК в правой части.


В Настройках поднял вкладки:
В настройках поднял вкладки

А то они были ранее в пределах белого фона.


Доработан пункт (видимость): «Добавить свой пост в профиль».

Доработан пункт (видимость)


Доработана шапка Тем:
Доработана шапка Тем


Поля форм регистрации и авторизации на 100% ширины (в мобильном варианте):
Поля форм регистрации и авторизации на 100% ширины


Корректировка цветов блоков в профиле (sidebar).


Не дизайн, но важно: аудит битых ссылок и исправление.


Без авторизации не показывать форму (если нажать ответить). Стоит показать текст и ссылку на страницу авторизации.


У кого есть какие предложения, давайте их рассмотрим.

19 Ответов

  1. Я бы ещё изменил «рекомендовано» с зелёными квадратами. Выбивается из стиля.

  1. Если не подчеркивать красным, а сделать светлый фон вместо оранжевого, аналогично меню слева, то будет более «ровно» по цветам.

    1. Да, так получше, спасибо. +


      Дополнил. Хотя… это вкладки и есть на сайте варианты, когда вкладки есть на белом фоне, например, на странице: «добавить статью». И насколько дизайн вкладок должны совпадать с меню, хм.

      Может быть выделить (подчеркнуть) не красным, а синим или другим цветом.

      горизонтальные вкладки

      Глядя на эти вкладки есть страницы, где они требуют переделки, например: «Настройки профиля». Там они находятся на белом фоне, их необходимо вынести.

      А где добавление поста, то там вынести затруднительно, т.к. с заголовком «Добавить» смысловая связка идет.

  1. I look forward to your better designs.

  1. Следует на страницах авторизации и регистрации сделать цвет подсказки в sidebar белым, как везде. /

    1. Готово, спасибо ➕

  1. Screenshot.png

    При публикации поста… Не видно стиль при выделении… Необходимо увеличить высоту textarea…

    1. Увеличу, спасибо, я им ещё занимаюсь.

      1. Снимок экрана от 2024-08-28 09-23-50.png

        Вы должны «войти» в систему — сделать ссылкой

        1. Если это ссылка будет, то редактор надо убирать. Ранее была идея показывать редактор при нажатие… В общем гляну, спасибо. +

          1. Снимок экрана от 2024-08-28 09-45-23.png Можно не показывать поле ввода без авторизации. Реально ли отдельно интегрировать editorjs в libarea с инструкцией по установке?

            1. Редактор editorjs не работает с Markdown разметкой. А тут всё сделано на ней. Это не поменять редактор, это переписывать многое (ядро самого сайта). И конвертировать уже то, что есть в базе.

  1. И как бы в мобильной версии нет информации о пользователе и вообще сайдбара этого…

    1. Добавил, можно посмотреть мой профиль.

      1. Так лучше) Спасибо)

  1. Евгений, красота!

    Советую вам посмотреть VK icons https://vkcom.github.io/icons/ в качестве иконок. Их юзаю в своих проектах

    1. Посмотрю, спасибо. Главное там лицензия MIT, это хорошо.

      Да и на сайте пора чуток улучшить иконки, например: class="icons во множественном числе в стилях (для 1 иконки) и т.д.

      Заменил: https://libarea.ru/post/1853/dev-smena-ikonok-na-libarea

      1. Мне тоже нравятся иконки ВКонтакте, стиль интересный.

      1. Мне тоже нравятся иконки ВКонтакте :)