Нарисовали дизайн новой темы Street Spirit (бесплатной)
UPD. Шаблон обновлен до версии 0.3.
Недавно к трудовому коллективу веб-студии stfalcon.com присоединился очень хороший дизайнер Олег Уласюк. В основном он работает :), а в промежутках читает умные книжки и рисует красивые дизайны для opensource движков.
Первым был дизайн для темы Wordpress (сейчас заканчиваем верстку и скоро анонсирую), а второй работой стал дизайн новой темы Street Spirit для LiveStreet, которым я и хочу похвастаться :).
UPD. В комментариях задают вопросы о стоимости. Это будет бесплатный скин.
Главная страница
Первое, что бросается в глаза — это заголовки топиков. Пользователь может без труда пройтись взглядом по заголовкам, не останавливаясь на содержании записей.
Достаточно важную роль на сайте играет поиск т.к. это один из способов навигации. Ему выделили место в верхней части страницы и сделали его более заметным за счет контраста с фоном.
Иконки добавления в избранное оформлены в виде привычных пользователям звездочек. После добавления топика в избранное сразу видно общее количество «залайкавших» эту запись.
Голосование за топики решили сделать в виде текстовых ссылок «это интересно» и «не интересно», чтобы все пользователи четко понимали, что это и для чего. Соответственно в меню пункт «Хорошие» переименовали на «Интересные».
Прямой эфир в сайдбаре переработан и разложен по полочкам — каждому элементу информации своя строчка (полочка). Также мы добавили вывод аватаров пользователей (это более информативно чем просто иконка пользователя), а вместо ника пользователя будет отображаться имя пользователя (если оно указано в профиле).
Топик
Так как LiveStreet используется в качестве движка для сообществ, то интеграция с популярными соц. сетями должна быть по умолчанию. Для этого в панель под топиком вынесли кнопки публикации/лайка в вКонтакте/facebook/twitter.В дефолтных темах некоторые элементы управления довольно маленькие, например, кнопки рейтинга или анкор на комментарий. Решено было их увеличить, чтобы кликать было удобно даже на мобильных устройствах и планшетах :).
Иконки для голосования за комментарий по умолчанию не отображаются (чтобы не засорять страницу) и появляются только тогда, когда курсор мыши находится над текстом комментария.
144 комментария
Если вы переименовали часть терминов, может быть, вы переименуете ещё и блоги в «разделы»? Пользователям, далёким от нюансов Лайвстрита, очень сложно разбираться с дефолтной терминологией. Я уверен, что дизайны для ЛС должны решать в первую очередь задачу лёгкого понимания всех возможностей сайта.
Дискасс, посоны.
design.dev.stfalcon.com/lstheme-1/blog-posts.html
design.dev.stfalcon.com/lstheme-1/blogs.html
Ещё одна мысль: всё-таки суть социальности — в рейтингах. Я считаю, что плюсовалка-минусовалка должна быть более заметной и крупной. Как и рейтинг поста. Например, им место около заголовка. И крупно.
Кроме того, людьми в коллективных блогах движет самовыражение. Они хотят, чтобы оценили не только их пост, но и их самих. Я это к тому, что и имя автора должно быть рядом с заглавием. Сразу под ним, например.
Этот дизайн мне показался очень интересным своей чистотой и детализацией. Но мне кажется, что он сейчас является скорее перерисованным дефолтным.
не понял. нарисуйте :)
очень хорошая мысль. спасибо
да. была задача сделать похожим на дефолтный, чтобы сверстать под html стандартной темы. тогда будет меньше проблем с совместимостью.
обычно подпись к статье ставят в конце., но в анонсах автора указывают вначале.
есть мысль в списке выводить под заголовком, а на странице детального поста — в конце.
целились на универсальность и совместимость
Что касается имени автора, то лично я бы писал его у заголовка, а под постом добавлял ещё и информацию о нём. Здесь ничего нового, вполне устоявшаяся система: socialmediatoday.com/brandonsutton/287409/facebook-not-social-media.
На мой взгляд, вообще идеально было бы лайкалки, плюсовалки и имя автора ставить и сверху, и снизу. Для разных типов читателей. Тогда будет максимальная социализация. Я уверен, что проекты на Лайвстрите умирают как раз из-за того, что у него в дефолтном шаблоне слишком бледная, нерешительная социальность. Такой подход нередко мигрирует и на остальные шаблоны.
stfalcon, ну не обязательно логотип как у developer делать, но что-нибудь интересное все-таки нужно. А так, отличный будущий шаблон. С удовольствием поставлю на свой сайт :)
прямой эфир! что это за лента? по вертикали черезчур много места занимает. там должно быть много комментов и они не должны занимать по экрана.
«кнопки» голосования за пост… мне лично не нравится. сделать юниформ — как и в коментах — ручки.
это мое мнение.
ну вот например на Хабре (густонаселенном) я туда вобще не смотрю. +есть ссылка на весь эфир.
на Кукораме (негустонаселенной) я туда смотрю и часто там то, что я уже видел. т.е. нет смысла выводить кучу комментов.
вобщем мне нравится мысль отображать в прямом эфире аватарки )
Насчет количества — вопрос спорный.
в чем уникальность?
че там отрисовывать?:))))
много букв не понятно зачем не читал, интересно будет продаваться? или будет сделана просто как реклама студии?
ps. по вашему в посте много рекламы :)?
а можно увидеть примеры ваших уникальных работ?
или значек показывает выбор юзера за тот или иной топик?
2) аналогично для комментариев clip2net.com/s/15hth
3) как ваши переделки скажуться на совместимости с плагинами ??
4) сабж будет за $ или как реклама?
2) аналогично 1)
3) думаю, что все будет ок. т.к. верстать будем под html скина new или default стараясь по максимуму сохранить структуру.
4) дописал в топике о том, что шаблон будет бесплатным.
плз ;)
Основной список плагинов, необходимых для нормальной работы отлично себя показывает и на jquery шаблоне, подумаешь перестала висеть вверху страницу лычка админки Оо
В представленной stfalcon версии ни к селу, ни к городу получается логотип.
Да и выглядит оно убого.
прям уже жду не дождусь шаблона в действии )
Хотя работа действительно неплохая, удачи ребят. Плюсанул бы но рейтинг не позволяет :(
если бы просто не понравился шаблон, тогда написали бы об этом в комментариях. голосовать может довольно небольшая часть пользователей и те кто могу давно знают что и как.
остается или неприязнь или зависть.
будет хороший подарок нашему любимому сайту
Не все сразу рынутся переходить на 0.5.
Вместо лайков может бы поставили маленькие кнопки поделиться от яндекса? Плюс в том что если стоит Яндекс Метрика можно отслеживать клики по кнопкам.
С прямым эфиром надо серьезно поработать так как по вертикали он реально большой
Когда примерный выход в свет данного шаблона? Платный или бесплатный будет? Для какой версии ЛС будет?
я думаю вы невнимательно читали :). я даже в заголовке об этом написал.
livestreet.ru/blog/addons/8054.html#comment118841
Я то поменять могу без проблем просто это вам рекомендация была…
Большое спасибо авторам!
Я бы на вашем месте сделал бы его под 0.4.2, т.к. ждать 0.5 еще довольно долго и не все пользователи сразу на него перейдут, многие будут дожидаться стабильной версии.
Желаю дальнейших успехов.
Вот и получается, если делать с оглядкой на будущее, т.е. как подоснову использовать new-jquery, то два раза шаблон делать надо, а не просто дорабатывать.
У меня, по крайней мере, такое видение ситуации и такие же проблемы — есть отрисованный дизайн, но пока не спешу чего-либо делать, жду чего в итоге будет.
Жду его для версии 0.5
меню сайта в данном наброске дизайна = 6 разделам ( Топики Блоги Люди О проекте Скачать Модули )
добавим сюда еще Активность, Контакты, Видео, Каталог, Галерея и т.д.
как быть в данном случае?
А на освободившемся месте влезли бы другие разделы меню. Зняю уже позно. просто высказался.
С нетерпением жду полностью сверстанной и доведенной до ума темы под LS 0.5. Сразу же буду ставить на свой новый сайт, который только-только запускаю + конечно же, скину посильный donate автору :)
Есть один вопрос к разработчикам: будет ли тема совместима с плагинами или же пока стоит подождать и не ставить, например, что-либо из платных расширений?
Примерных сроков появления пока, по всей видимости, спрашивать не стоит?
Fatal error: Smarty error: [in header.tpl line 52]: syntax error: unrecognized tag 'json' (Smarty_Compiler.class.php, line 590) in /var/www/engine/lib/external/Smarty-2.6.19/libs/Smarty.class.php on line 1092
Версия движка: 0.4.2