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

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

Главная


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

Топик


  1. Данные пользователя размещаются там-же, где и сейчас. Единственно, изменил немного компоновку и добавил легкую рамку блоку.
  2. Для зарегистрированного пользователя появляется иконка карандаш (добавить топик / написать) рядом с логотипом и соответствующий пункт с меню. Хотя, по поводу добавления пункта в меню я сомневаюсь.
  3. Данные по раскрытому топику размещаются так-же, как и топика в списке. Только добавляются новые элементы.
  4. Иконку RSS разместил рядом с иконкой количества комментариев рядом с названием топика
  5. Раскрыть/свернуть сделал в виде одной кнопки в левом поле напротив заголовка «Комментарии».
  6. Баллы за комментарии разместил в «традиционном» месте.
  7. Поменял местами текст комментария и данные автора.

Профиль
Чтобы не придумывать «призрака» Взял за основу профиль avadim


  1. Компоновку блоков оставил прежней.
  2. Рейтинг и «Силу» оформил в виде ленточек. Сами ленточки, в принципе, по достижению определенного значения можно менять. Получится что-то типа наградок.
  3. Меню по данным пользователя разместил справа.
  4. Ссылки-иконки «Добавить в друзья» (звездочка) и «Написать письмо» (письмо) разместил в левом поле напротив аватарки.

21 комментарий

avatar
Вы теперь будете топики плодить при каждом изменении в дизайне?
avatar
Ориентируйтесь на качество, а не количество. Не будьте «китайцем».
avatar
У меня просто разные идеи и я хочу опробовать, все, что хватит сил отрисовать. Занимаюсь этим исключительно в свободное время. Сегодня «удачно» получилось, что слег на больничный с температурой и появилось время…
avatar
Это вариант лучше первого имхо. Даже если не займете призовое место обязательно воплотите его в шаблон. Думаю он будет пользоваться спросом. Если нужна будет помощь в верстке, то готов помочь вам.
avatar
Спасибо. Буду иметь в виду. Версткой я уже дано серьезно не занимался, поэтому не силен в ней.
avatar
Нет. Топики разные, т.к. дизайны разные.
В этот топик я планирую добавлять лишь внутренние страницы в рамках обозначенного концепта
avatar
Уж лучше оставить нынешний чем такой. Серо, оч. серо.
Может для кого нить узко направленного сайта и пойдет, но уж точно не для лица ЛС
avatar
Соглашусь с Вами в том, что не всем «темные шкурки» нравятся. Я ранче тоже плевался. Этот макет рисовал просто от идеи, которая у меня была давно
avatar
Замечательно! Очень красиво выглядет!
avatar
Спасибо. Рад, что понравилось.
avatar
Данный вариант лучше первого, мне понравилось.
avatar
Это разные концепты и я планирую их дорабатывать параллельно. Веть в условии сказано, что колическто макетов может быть много
avatar
Мне тоже нравится, особенно флажки, и что есть белый фон. Можно еще яркости какой-то добавить.
avatar
Яркости обычно добавляются в нюансах: деталях икон, гранях блоков и т.д.
avatar
Да, Вы правы, так и есть :)
avatar
я один вижу вордпрес?

# На все наложена легкая текстура «шума»
Надеюсь на текст вы не будете накладывать тень, а то был один шаблон тут — вроде идейно новое что-то, но вот читабельность — плохая, автору советовали высветлить/сделать ярче фон, четче текст, но что-то не получилось.

А вообще так ничего, но светлее надо, значительно светлее и много свободного пространства: между контентом и сайдбаром, между шапкой и враппером, если слева оступ логичен, то справа сайдбар ближе прилепить к краю экрана. Шапка нуждается в замене/переработке.
avatar
Это все тенденции. Я этот и вариант №1 делал отталкиваясь от современных трендов.
avatar
Этот вариант понравился больше всего.
avatar
пока лучший вариант из того что есть
avatar
ой как не хорошо, а ведь ORM и ActiveRecord в 0.5 и выше написал Shatter :)
avatar
Добавил недостающие страницы.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.