+0.24
Рейтинг
0.66
Сила

Вариант дизайна на конкурс "на новый дизайн LiveStreet". №3



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

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

В каждом уровне меню текущий пункт выделяется уголком-стрелкой.

Футер «расширил», сделав его более удобным.

Читать дальше →

Вариант дизайна на конкурс "на новый дизайн LiveStreet". №2

Мой вариант дизайна.

Главная


  1. Шапка и футер темно-серого цвета.
  2. На все наложена легкая текстура «шума»
  3. Постарался как-то выделить логотип.
    В идеале текст в логотипе должен идти текстом, чтобы его можно было менять через админку
  4. К логотипу добавил иллюстрацию ночного города
  5. Подразделы основного меню разместил в сайдбаре. Так можно будет не беспокоится о количестве подразделов.
  6. Пункты «Хорошие» и «Новые +17» сделал кнопками.
    Точнее, кнопкой становится текущий пункт. Возможно, переделаю в переключатель.
    Если заголовок блока слишком длинный, то кнопки-переключатели переносятся на новую строку
  7. Блок поиска разместил в сайдбаре. Так многим привычнее.
  8. В меню можно размещать всякого-рода информары для выделения отдельных пунктов меню. Например, в макете выделен пункт «Скачать» сигнализируя, что появилось что-то новое
  9. Название блога и автора разместил текстовыми ссылками под названием поста
  10. Количество комментариев сделал в виде иконки справа от названия. Так заметнее.
  11. Слева от рамки-ленты постов сделал своего-рода сайд-бар с иконками и разного рода информацией:
    — Дата-время публикации.
    — Голосовалка. Выбранная кнопка остается «нажатой».
    — Иконку «избранное», которая окрашивается при активации.
  12. Список меток отделен от поста небольшой линией.
  13. Пагинатор для страниц сделан в виде небольших закладок:
    — красная для текущей
    — оранжевая — при наведении

Читать дальше →

Вариант дизайна на конкурс "на новый дизайн LiveStreet". №1

Приветствую.
У меня несколько вариантов-идей по видению будущего дизайна LiveStreet. Платформой пока не пользовался ни разу (и на сайте только сейчас зарегистрировался), но всегда интересовался и хочу внести свою лепту. Т.к. я пока не знаю всех возможностей платформы отрисовывать нужные страницы буду постепенно. Начну с главной. Остальные страницы буду добавлять в топик по мере их готовности.

Главная

  1. Максимально оставил компоновку блоков неизменно.
    Возможно так будет удобно тем, кто уже привык к LS.
  2. Шапка и футер темно-серого цвета.
  3. На все наложена легкая текстура «шума»
  4. Постарался как-то выделить логотип.
    В идеале текст в логотипе должен идти текстом, чтобы его можно было менять через админку
  5. Блок поиска разместил в шапке и сдела его максимально заметным.
  6. Рядом с логотипом идет краткое описание сайта. Как у WP «Очередной блок на Wordpress...»
  7. Название блога разместил над названием поста, чтобы было заметнее
  8. Для голосовалки сделал кнопки, которые «фиксируют» свое нажатие
  9. В меню можно размещать всякого-рода информары для выделения отдельных пунктов меню. Например, в макете выделен пункт «Скачать» сигнализируя, что появилось что-то новое