Последняя модификация: 02/11/2011

Доброго времени суток! Представляю Вам обновленную версию шаблона «Malahit», представленного пару недель назад. В новой версии учтены многие нюансы, такие как например:

— Добавлена кнопка «наверх»
— NAV панель расширена
— Зеленый цвет изменен
— Блок Прямой эфир — видоизменен
— Выпадающая кнопка «Написать»
— Масштабность шаблона (шаблон выглядел хорошо, только при большом разрешении, при разрешении в 1280px и меньше он мог иметь проблемы)
— Цветовая схема (шаблон был достаточно яркий и был пернасыщен зеленым цветом — теперь эта проблема устранена)
— Шаблон профиля
— Сайдбар стал меньше
— Цвет верхней панели меню изменен с зеленого на черной.
— Панель «Логина» интегрирована в панель меню

А также прочие мелкие доработки.
Читать дальше →

В комментариях к предыдущей теме было много замечаний и пожеланий. Наш дизайнер, Олег Уласюк, это все прочитал, обдумал и внес некоторые правки в дизайн темы Lugree.

Главная страница (кликабельно)

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

«Хорошие художники копируют, великие художники воруют.»

                                                                     Пабло Пикассо.

Итак, поехали:

Topic_list

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

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

Заранее прошу прощения у уважаемых stfalcon 'а и viktorkamen 'я, получилось похоже на ваши работы… Но останавливаться не стал — понесло.

Итак, главная страница.

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

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

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

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

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

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

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

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

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

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

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

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

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

UPDATE 12.10.2011 в 2:11

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

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

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

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

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


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

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

Главная

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

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