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

Evg Evg 22 Августа

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

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

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

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


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

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

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


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

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


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

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


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


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


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


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


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


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

19 Ответов

  1. OleStep OleStep 22 Августа

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

  1. fomiash fomiash 22 Августа

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

    1. Evg Evg 22 Августа (ред.)

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


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

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

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

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

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

  1. Bianity Bianity 23 Августа

    I look forward to your better designs.

  1. OleStep OleStep 25 Августа

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

    1. Evg Evg 25 Августа

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

  1. MAPC2012 MAPC2012 25 Августа (ред.)

    Screenshot.png

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

    1. Evg Evg 25 Августа

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

      1. starboy starboy 28 Августа

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

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

        1. Evg Evg 28 Августа

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

          1. starboy starboy 28 Августа

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

            1. Evg Evg 28 Августа

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

  1. MAPC2012 MAPC2012 25 Августа

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

    1. Evg Evg 28 Августа

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

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

  1. Romanko Romanko 29 Августа

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

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

    1. Evg Evg 29 Августа (ред.)

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

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

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

      1. Yori Yori 29 Августа

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

      1. Ivana Ivana 29 Августа

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