Дизайн темы Lugree (для LiveStreet)

Дизайн темы Lugree (для LiveStreet)

Дизайн темы Lugree (для LiveStreet)

Хочу презентовать наш вариант нового дизайна для LiveStreet. Мы долго думали как его назвать :). Название Lugree получилось от названий основных цветов использованных в дизайне — blue и green.

Разрабатывая тему Street Spirit, мы получили бесценный практический опыт, который нам пригодился при разработке этого дизайна. Давайте рассмотрим тему в деталях. Начнем со страницы списка топиков.

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

Главная страница (для гостя)

Главная страница

  • Основные пункты меню выполнены в виде симпатичных вкладок. В полосу вкладок без проблем поместятся пункты, создаваемые дополнительными плагинами.
  • Кнопка «Войти» хорошо заметна в шапке.
  • Размеры шрифтов специально подобраны для удобного чтения. Например, размер шрифта заголовков топиков позволяет бегло пройтись по списку и ознакомится материалом.
  • Кнопка с количеством комментариев меняет цвет на синий, если к топику есть комментарии. Форма кнопки специально выполнена в форме «балуна» комментария. Количество новых комментариев для пользователя также выделено.
  • Прямой эфир стал более понятным для пользователя. Мы упустили некоторые детали, которые по нашему мнению не столь важны и попытались сохранить общую компактность блока.

Сила в мелочах

Сила в мелочах

Сила в мелочах

Мелочи решают. Мы их можем не замечать, но они влияют на наше восприятие веб-интерфейса. Что же я подразумеваю под этими «мелочами».