Всем доброго времени суток. Я завершил работу над своей конкурсной работой и выкладываю на суд зрителей. Возможно упустил какие-то детали, возможно нужно критиковать или хвалить =) В любом случае — будет победа за мной или нет, мне было интересно нарисовать свежий, новый дизайн для любимого проекта.

UPDATE 12.10.2011 в 2:11

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

Учел все комментарии за эти сутки:
— Сделал поменьше зеленого
— Ссылки бледно синего цвета
— Зеленый сделал менее ярким

Интересности в дизайне:

Я пользусюь LS уже давно и знаю, что личном мне было бы удобнее, исходя из этих размышлений в дизайне произошли следующие метаморфозы.
— Вывел кнопку «написать топик» в мульти-формат, который позволяет сразу выбрать какой топик я хочу создать
— Вывел кнопку черновики поближе к пользователям
— В рейтинге пользователя, при нажатии на количество-проголосовавших, всплывает окошко с аватарками тех, кто голосовал за данный топик.
— На странице пользователя я сделал возможность загрузки нескольких фотографий. При нажатии на кнопку показать все фотографии, по моей задумке, должно всплывать окошко со всеми фотографиями пользователя.
— В поле «местоположение» на странице пользователя добавил возможность просмотра на карте
— Напротив ника администратора появился значок Мэра — LifeStreet — Живые улицы — Мэр )))
Читать дальше →

Итак, решил попробовать свои силы в веб дизайне и вот 5 моих вариантов:



Я не все подряд рисовал, решил что достаточной по одному элементу для того чтобы представить себе оформление (про некоторые элементы вообще забыл :( )


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

К сожалению, только сегодня узнал о проведении конкурса, поэтому уже в спешном порядке набрасываю работы. Неверно глянул дату заверешния. :)

Полная картинка на bild.me


Постепенно подгружу сюда остальные страницы.

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

В целом, поскольку шаблон дефолтный, старался сделать его нейтральным.

Публикую свои макеты, они еще в стадии проработки, жду ваших комментариев.

1. «Активность» вынес в userbar (при наведении будет появлятся тултипс с возможностью перехода к разделу)
2. Для просмотра фотосетов сделал «просмоторщик»
3. Иконки для создания постов, опросов, фотосетов и блогов рядом с навигатором по постам
4. Сортировка постов будет через выпадающее меню.
5. Цифровой индекс блогов в сайдбаре не несет никакой смысловой нагрузки для пользователей, поэтому я заменил его на иконку «Вступить в блог»
6.Теги одного размера, потому как теги разных размеров — это типографический трэш. Популярность тега выражается в их количестве.


главная (макет завершен на 70%)
главная (играю с цветом и акцентами)

профиль (макет завершен на 90%)

Как вариант можно будет вынести «поиск» под userbar + подумываю о том, чтобы на главной, сайдбар сделать двухцветным, как в профиле.



монотонным он выглядет несколько скучновато



p.s. Публикую в личном блоге для обсуждения, т.к. многие жалуются, что в тематическом блоге публикуются незавершенные проекты, не обессудьте.

мое видение дефолтного шаблона и функционала Livestreet UPDATE

Оценив логичность комментария Qusco , выкладываю пока лишь главную страницу и еще кое-что. Если понравится… тогда с удовольствием продолжу работать над профилем, топиками и остальными страницами.



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

Ранее я писал о том, почему следует участвовать в конкурсе. А сегодня хочу написать свои мысли относительно того, как бы это делал я — опираясь на свой опыт и ощущения.

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

Пару новых идей воплотил, хотя структура осталась старой, да и плюшки некоторые скорее всего не будут добавлены, но все-же как вариант выложу…

1) Главная

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

Представляю свой вариант дефолтного шаблона для LiveStreet серии 0.5
В результате несколько бессонных ночей и конечно же вкусного кофе, получился такой вот элегантный дизайн.


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

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

Главная

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

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

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

Главная

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