«Зеленая улица» — конкурсный шаблон дизайна для ливстрит
Прежде всего хочу поприветствовать всех участников конкурса, а также всех кому просто не безразлична судьба данного проекта. Я, как и многие участники, в силу определенных обстоятельств нарисовал дизайн для нескольких достаточно серьезных проектов на базе ливстрит. Весь накопленный опыт, постарался реализовать в своей конкурсной работе, которую я назвал «Зеленая улица».
Прежде чем вы начнете рассматривать картинки под катом, еще несколько слов вместо вступления. Я совершенно искренне считаю существующий дефолтный дизайн очень удачным, он прошел серьезную проверку временем и доказал свою состоятельность. Сделать его еще лучше не меняя радикально структуру (не забываем про преемственность), задача — очень не простая! Поэтому, тот кто ждет от участников конкурса революционного дизайна, скорее всего будет разочарован…
Как мне кажется развитие дизайна и борьба будет идти во круг разных мелочей, исправленной логики и функциональной завершенности. Говоря русским языком, победит тот, кто сделает проще, понятней и удобней! Именно по этой причине, как мне кажется, уже представленные работы «подозрительно похожи» друг на друга и мой вариант в этом смысле не является исключением. Тем не менее, в моей работе есть несколько единиц смысла, заслуживающих вашего внимания.
Самое интересное:
Еще одно изменение, которое я бы очень хотел внедрить. Мне кажется неправильным если человек, может проголосовать за топик не заглянув под кат. Поэтому там где этот тег используется выводим только цифру с количеством голосов.
Еще сам по себе тег «cat» по функциональности, я бы очень хотел довести до его собрата в жж. И категорически за то что бы он оставался частью текста (ссылкой в тексте), но ни как глобальным разделителем выполненным графически (даже если очень красиво).
Я вообще считаю, что на сайтах, в основе которых модель с пользовательским контентом, самое важное это собственно контент. Именно по этой причине я изо всех сил путался выделить именно его.
Именно по этой причине, я считаю что кнопка «написать» должна присутсвовать на всех страницах и выглядеть вызывающе привлекательной :).
Комментарии иногда бывают интереснее самой статьи, поэтому их тоже жолжно быть приятно и удобно читать.
Блок «прямой эфир» для меня оказался самым сложным элементом, я понимаю его важность, но пользоваться им в дефолтовом исполнении для меня не очень удобно, постарался исправить.
Вкладки. Вообще я категорически против использования вкладок в дефолтном дизайне и обеими руками голосую за обычные текстовые ссылки. Но вкладки смотрятся эффектней поэтому вкладки :).
В профиле пользователя расставил все по местам и выделил, самое главное :), то ради чего обычно регистрируются.
Вы наверное заметили у меня более активный и цельный фон. Спорить тут можно долго, у каждого подхода есть свои преимущества и недостатки. Я тут не буду ни кого убеждать, пускай этот момент останется вопросом личных предпочтений :). Просто покажу, как полученное пространство можно использовать для усиления индивидуальных черт вашего проекта на примере социальной сети любителей пива :).
Все тексты и иллюстрации на сайте рыбные а совпадения случайные. Посмотреть макеты в стопроцентном разрешении можно тут — приятно просмотра.
До конца конкурса есть еще немного времени, есть возможность что то исправить и доделать. Поэтому жду от вас предложений, пожеланий, конструктивной и не очень критики :). Всем спасибо.
Прежде чем вы начнете рассматривать картинки под катом, еще несколько слов вместо вступления. Я совершенно искренне считаю существующий дефолтный дизайн очень удачным, он прошел серьезную проверку временем и доказал свою состоятельность. Сделать его еще лучше не меняя радикально структуру (не забываем про преемственность), задача — очень не простая! Поэтому, тот кто ждет от участников конкурса революционного дизайна, скорее всего будет разочарован…
Как мне кажется развитие дизайна и борьба будет идти во круг разных мелочей, исправленной логики и функциональной завершенности. Говоря русским языком, победит тот, кто сделает проще, понятней и удобней! Именно по этой причине, как мне кажется, уже представленные работы «подозрительно похожи» друг на друга и мой вариант в этом смысле не является исключением. Тем не менее, в моей работе есть несколько единиц смысла, заслуживающих вашего внимания.
Самое интересное:
- Оптимизация вывода меню. В дефолтном дизайне оно является трех уровневым и обычно занимает много места и выглядит громоздко. В моем дизайне второй и, при необходимости, третий уровень выводится на одной строке разделяется цветом плашки.
- Заголовки которые меняют цвет в зависимости от количества положительных или отрицательных отзывов. Реализуется достаточно легко — выглядит очень эффектно.
- На дворе 21 век, поэтому меняем системный шрифт в заголовках на более красивый и уместный.
Еще одно изменение, которое я бы очень хотел внедрить. Мне кажется неправильным если человек, может проголосовать за топик не заглянув под кат. Поэтому там где этот тег используется выводим только цифру с количеством голосов.
Еще сам по себе тег «cat» по функциональности, я бы очень хотел довести до его собрата в жж. И категорически за то что бы он оставался частью текста (ссылкой в тексте), но ни как глобальным разделителем выполненным графически (даже если очень красиво).
Я вообще считаю, что на сайтах, в основе которых модель с пользовательским контентом, самое важное это собственно контент. Именно по этой причине я изо всех сил путался выделить именно его.
Именно по этой причине, я считаю что кнопка «написать» должна присутсвовать на всех страницах и выглядеть вызывающе привлекательной :).
Комментарии иногда бывают интереснее самой статьи, поэтому их тоже жолжно быть приятно и удобно читать.
Блок «прямой эфир» для меня оказался самым сложным элементом, я понимаю его важность, но пользоваться им в дефолтовом исполнении для меня не очень удобно, постарался исправить.
Вкладки. Вообще я категорически против использования вкладок в дефолтном дизайне и обеими руками голосую за обычные текстовые ссылки. Но вкладки смотрятся эффектней поэтому вкладки :).
В профиле пользователя расставил все по местам и выделил, самое главное :), то ради чего обычно регистрируются.
Вы наверное заметили у меня более активный и цельный фон. Спорить тут можно долго, у каждого подхода есть свои преимущества и недостатки. Я тут не буду ни кого убеждать, пускай этот момент останется вопросом личных предпочтений :). Просто покажу, как полученное пространство можно использовать для усиления индивидуальных черт вашего проекта на примере социальной сети любителей пива :).
Все тексты и иллюстрации на сайте рыбные а совпадения случайные. Посмотреть макеты в стопроцентном разрешении можно тут — приятно просмотра.
До конца конкурса есть еще немного времени, есть возможность что то исправить и доделать. Поэтому жду от вас предложений, пожеланий, конструктивной и не очень критики :). Всем спасибо.
36 комментариев
По поводу аватарок, я умышленно не стал выводить их крупными в различных списках, чтобы не создавать лишний визуальный шум. Оставил крупные аватарки только там, где у пользователя теоретически может возникнуть желание рассмотреть собеседника :).
Да, за пивной дизайн в качестве дефолтного, я думаю тут многие бы проголосовали :)
Из плюсов вижу то, что все читабельно, есть хорошие идеи
если таким будет дизайн дефолтный читать буду только по rrs этот сайт…
первое что бросается в глаза это «кислотный диджей», второе это навигация топик я как новый пользователь вообще бы не понял что куда и как… и еще галерея от бинона там такое количество вкладок у вас влезет только при разрешении 1920 и то наверное не влезет. Дальше сайдбар вообще не как не оформлен тут дизайн отсутствует. Фоны ну мое имхо для новостных сайтов или сайтов тех поддержки как лс не катят. также поражает когда люди облако тегов делает шрифтами 30+ как по мне я бы от 8-10 делал или бы вообще убрал наверное процентов 90 им вообще не пользуется.
вообщем потом еще напишу:)
Плюсоминусы слишком мелкие, мышкой то не сразу попадешь, не то, что пальцем.
Попытка упростить меню это очень хорошо (четырехуровневое меню LS неочевидное и непонятное для пользователя), но не в таком виде. Здесь третий уровень меню сливается со вторым, и чтобы понять в каком же разделе и подразделе сайта мы находимся, нужно изрядно напрячь мозг (что автоматически означает «отпугнуть посетителя»).
Но по сути — это главная проблема во внешнем виде ЛС — сделать второе меню более интуитивным при меньшей занимаемой площади.
Текст градиентами — ну нет. Если же вы считаете важным контент, то почему делаете заголовки такими? Ну это не читабельно.