DEV: Работы по улучшению дизайна (LibArea)

Необходимо слегка улучшить дизайн. Всегда пишу это слово, когда изменений множество. Например, для наглядности переведем сайт в «Ночной режим» и посмотрим на этот участок сайта:

На самом деле мы может ткнуть пальцем куда угодно, в любую часть сайт, чтобы увидеть, что есть явные несоответствия.

Так, что не так на фото выше?

• Наверное, заливка input (формы поиска) в Ночном режиме не должна быть белой?

  • Это касается только этой формы? Почему разные формы в css описаны по разному?

• Если мы ставим border-radius, то возможно он должен быть одинаков?

• Если мы используем цвет для выделения, и при наведение, то не стоит использовать разные цвета, вводя в заблуждение участников?

Далее, если идти глубже, то мы можем увидеть, что иконки используются разные стили. Одни на тонких линиях, другие нет. Тонкие линии доступны в Font Awesome в PRO версии. Для одного сайта (после покупки) можно их поставить, но для репозитория на GitHub явно нет.

И лицензия. Основной репозиторий MIT, а иконки? Вот мы сделали сборку, файл лицензии в папку, как положено. А там они разные. Это допустимо, на насколько необходимо?

Надо менять иконки.

Некоторые наборы иконок могут быть красивыми, но знаете, история была, когда приложение в Discourse было отклонено массово, на десятках форумах, потому, что иконка FB отличалась от логотипа и товарного знака FB и модераторы приложения FB просто не пропускают приложение с вольной иконкой. Радиус букв был другой и т.д.

Можно продолжать. На центральной странице, на самом деле, более сотни разных моментов которые могут быть улучшены сходу.

Как детально мы хотим проработать дизайн? А шаблоны, скрипт, а базу…

Часто думаю о целесообразности. Насколько глубоко и детально стоит идти? Это время.

В общем, иконки будут переделаны в ближайший день. Вот их точно надо менять.

Доп. Иконки заменены.

Файлы на GitHub добавлены. Можно просто стереть следующие каталоги:

• app
• resources
• public/assets/css

И заменить их полностью.

Ресурсы:

• GitHub: https://github.com/AgoutiDev/agouti
• Иконки (Bootstrap): https://icons.getbootstrap.com