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 Августа (ред.)

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

  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. MAPC2012 MAPC2012 28 Августа (ред.)

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

  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 Августа (ред.)

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