Мое видение шаблона для всех.
Предыстория
Я долго следил за ходом конкурса и даже иногда комментировал и писал некоторые посты, главная цель которых — была привлечение к конкурсу дизайнеров с новым видением и свежими идеями.Признаюсь, я сам долго не мог принять решение о своем участии или не участии в конкурсе по объективным и некоторым субъективным причинам, среди которых в первую очередь банально отсутствие времени; ведь сейчас значительная его часть уходит на несколько некоммерческих проектов, к которым я имею причастие (в частности на создание Фотобиблиотеки).
К тому же все проекты требуют еще и других ресурсов, которые нужно добывать тяжким дизайнерским трудом, а участие в конкурсе, как вы понимаете, не способствует их появлению :)
Но все же, подумав над комментарием Lora_GT я хотел бы предложить мое видение того, какой должна быть тема, подходящая всем.
Общие принципы в дизайне
В первую очередь, как мне кажется, дизайн контентного проекта (а именно такими являются большинство сайтов на LS) должен быть легким и понятным, позволяющим пользователю с легкостью потреблять информацию.При этом, мне хотелось сохранить некоторую преемственность в дизайне, добавив новый функционал и устранив слабые места, которые конечно же были.
Универсальность
Хочу упредить любимый вопрос — «фикс или резина?».
Предлагаемый дизайн — универсален и, по замыслу, каждый владелец ресурса сможет выбрать самостоятельно подходящий вариант. Ведь одним нужен тянущийся сайт, другим строгая центральная колонка.
Гибкость
Дизайн также должен быть гибким, подстраивающимся под тематику проекта, нужды аудитории и рекламодателей. Поэтому вы сможете легко установить однотонный или узорчатый фон. Или даже, брендировать ресурс под акцию или событие.
Кроме того, вы с легкостью сможете расположить популярные размеры баннеров, комбинируя их по своему вкусу — расположить баннер-растяжку или стандартный баннер в боковой панели.
Приятные мелочи
Мир вокруг состоит из мелочей, и от того приятные эти мелочи или нет зависит наше восприятие. Мне хочется, добавить в LS немного удобства и сделать его чуть более функциональным.
Первой мелочью, нужной в первую очередь владельцам ресурсов, являются иконки новых медиа — Facebook, VK, twitter, Одноклассники, Google+ — ссылки с которых, приведут пользователей в «посольства проекта» и позволят всегда оставаться в контакте с ресурсом, следить за его развитием и новостями.
Второй мелочью является небольшая подвижная навигационная панель, которая позволит быстро листать топики на экране. Аналогичные действия можно проводить и с клавиатуры с помощью Ctrl + кнопок вверх-вниз (таким же образом реализована навигация между блоками в одном из моих проектов Ссылки — можете попробовать как это должно работать).
Кстати сами топики можно отображать в виде заголовков, что позволит быстрее искать нужную информацию или бегло ознакомиться с темами дня.
Кроме того, на навигационной панели опционально может появляться заветная кнопка «наверх страницы», которую так любят некоторые пользователи ВКонтакта.
К мелочам можно также отнести сортировку порядка ответов в топике-голосовании, ведь цифры не всегда дают нужную наглядность.
Появилась возможность добавлять топик в избранное и через иконку возле заголовка (она становится видимой при наведении на топик), так и на иконку, которая находится внизу топика
Еще одной мелочью является блок голосования.
Теперь «+» находится справа, как и должно быть согласно матрице эмоций. В блок добавлена пиктограмма с глазом, для тех, кто просто хочет посмотреть. Информация о количестве просмотров, голосов «за» и «против» можно посмотреть при наведении на блок после голосования (до голосования будет показываться только число просмотров и общее число голосов).
Также блок прямого эфира стал проще — теперь в нем более не отображаются название блогов (прям как на Хабре), но зато добавлено время публикации и появилась кнопка для быстрого обновления, чтобы не перезагружать всю страницу целиком.
В общем, как мне кажется, стало удобнее и красивее :)
(кликабельно)
P.S.
Для тех, кто пропустил ссылки на картинки в тексте — 1, 2, 3.
147 комментариев
Жаль что нет корпоративного зеленого цвета, он мне нравится.
Просто он мне три года назад больше нравился. Теперь нравится синий.
У LS нет логотипа, нет корпоративного цвета — и это определенным образом подчеркивает его гибкость и применимость ко всем :)
Да и вообще, если проект серьезный зачем прыгать с одного на другое, так делают когда дела идут неважно, чтобы «стереть» старые ассоциации, а когда дела идут хорошо, то ассоциации сохраняют и постепенно улучшают то что людям нравится в соответствии с требованием времени, и это логично. Вот такие мысли
Отдать целую полосу модульному элементу, у которого как ты сам сказал существует аналог :)
И все подвинется.
В общем вот как-то так:
много контента она не закроет
В качестве примера приведу один из рабочих сценариев — распахивание блока с последними фотографиями для быстрого перехода в галерею — если над контентной частью будет что-то висеть сверху, то будет плохо.
Что нравится: подменю с выделением «Все», стильные иконки по настройкам справа, кнопка «создать».
Что НЕ нравится:
Черное меню — это раз.
Подменю с слишком мелкими записями «Интересные», «Обсуждаемые», «Новые» и т.д. — это два. В реальном проекте, особенно новые посетители сайта, их просто не увидят — не поймут, что они существуют.
Синие ссылки в правой колонке — три. Когда их будет много, они будут сливаться и вызывать назойливое неприятное ощущение.
Неприятный стандартный темно-синий в заголовках — четыре. Если заголовок окажется длинным, создастся эффект, описанный в предыдущем пункте.
Так, если все разобрать по частям, от дизайна ничего путного толком не остается, кроме одного проработанного подменю и настроек. Все остальное лучше писать под себя.
Вы правы, вкус у нас с вами совершенно разный :)
Синие ссылки можно сделать хоть фиолетовыми на голубом фоне, хоть какими угодно, это легко и просто меняется в коде шаблона.
Темно-синий в заголовках меняется там же, в коде шаблона.
Если есть силы скачать шаблон и его поставить, и еще и написать "Все остальное лучше писать под себя." То как можно не ставить ЛС из-за Черной шапки??? Это прям черная Мамба какая-то =)
Мамбы никакой нет.
цвет шапки вам подправит почти любой, кто фаербаг видел больше 3-5 раз.
царя горыкандидата имееют чуть ли весь темный фон, не говоря уже о шапке.хотя я сам хотел бы светлый шаблон. вот как раз как этот. и одна черная шапка мало смущает. главное её не увеличивать очень, т.к. 1я шапка + 2я шапка изрядно занимает ценное место по вертикали, которое у ноутбуков и так маленькое.
У Гугла лого не в хедере, но на Гугл дизайнерам вообще опираться никогда не стоило, так всегда было :) Сайты а-ля Гугл — громадный шаг назад, нежели вперед.
Лукэтми вообще не интересует. Для вас, может, и тренд.
Простите, вы меня не убедили.
Если у вас есть ресурсы то ни что вам не мешает объявить конкурс среди тех же фрилансеров
Бюджет тот же, что здесь за первое место.
И тут есть два варианта — позволить менее качественное, но приемлемое по бюджету, или же копить денег и приобрести то, что будет радовать очень долго.
Решение этого вопроса зависит от конкретной задачи и Вашего личного бизнес-стиля.
У нее за уникальный диз дороже получается, чем мой бюджет — 20 000 р. Кто изготовит, готов платить. Нужно дизайн + верстка.
Можно такое же подменю и иконки настроек, как на шаблоне Лекса :)
вот это да — ад.
классика для сайтов про хард рок.Что бы я изменил: увеличил бы некоторые важные кнопки/ссылки, например номера страниц не очень удобно будет пальцем на планшете нажимать, не говоря уже про телефоны.
Для планшетов, я считаю, нужна немного другая верстка.
А для быстрого листания есть довольно широкие ссылки «← Позже» и «Раньше →», и, мне кажется, что даже на планшете я бы в них попал.
Если бы это была только мода )
Я за 1.5 года жизни с планшетом уже без него не могу, и к спец интерфейсами не очень привыкаю, все время тянет на привычный «full».
И добавить нечего — шикарно, профессионально как всегда!
Но спасибо, конечно же! :)
ну хотябы пункта 3 которых нет у других участников.
воруй-убивайкрась-изменяй!Юмор: теперь я понял кто меня минусул :))) хочу ешё :))
единственное я бы убрал градиент серого с профиля в хедери, и блок с навигацией делал бы не закругленный(тот что с тенью) а растянул бы 100% и иконки флажков не очень… и аватарки бы дабавил бы где ники проскальзывают.
Иконки также можно будет подбирать по-вкусу. Звездочки вместо закладок? — нет проблем! :)
И почему, если LeX , то нужно сразу любить?
… прощай моя карма
думаю LEX сейчас этим занимается. И хотя время приема заявок уже истекло, но все равно интересно посмотреть что получится с другими страницами
Я ожидал чего-то креативного и полностью законченного. Видимо ожидание сложилось из комментариев LeX -а к другим шаблонам, и упоминаниях о нетривиальном подходе к дизайну livestreet.ru/blog/8618.html#comment128773
Возможно у LEX-a было мало времени, но тогда смысл публиковать такую работу?
И когда нужно, то всегда найдутся добрые люди, которые стуканут кому надо. Ну или посрамят за неоправданное доверие.
Ребята, смотрите картинки (Ссылки в конце топика), жмите F5, чистите кеш.
Макетов три как и полагается.
просто ты напустил столько пафоса своими постами и комментариями на тему конкурса, что я действительно ожидал увидеть что-то решительно новое, свежее и необычное. извини если задел.
Понравилось нестандартное оформление профиля пользователя.
Что подразумевается под активностью в профиле — комментарии и топики или еще и всякие голосования, добавления в избранное?
Мне этот шаблон больше всего пока нравится, он самый универсальный и если пользователи будут много времени проводить на сайте с таким дизайном они от него не устанут (в отличии от дизайнов использующих много ярких цветов).
Это все равно лучший _дефолтный_ дизайн представленный на конкурсу… был бы если бы был в зеленных тонах.
Как бы Lex не отрицал, но зеленый уже стал брендовым цветом для LS. Поэтому не смотря на явные преимущества я все равно проголосовал в «минус».
ЗЫ. Очень жаль, что конкуренты не смогли свое мнение при себе оставить, хотя бы из чувства хорошего такта.
Когда рисуешь макет взгляд замыливается, и уже не замечаешь многие детали, и только другие дизайнеры, могут подсказать что и как, важны комментарии именно дизайнеров, а не просто пользователей.
Предлагаю все-таки писать по существу: это переделать так, тут шрифт сделать ярче, или больше, или меньше… Без лирических отступлений, который, если честно, никого не интересуют. Все-таки вы хороший дизайнер, и можете подсказать по делу!
, это и есть здравая критика, после которой можно как минимум сделать шрифт темнее и крупнее, и вернуть зеленый цвет, но можно конечно ничего не делать, автор сам решит, это его видение.
Что ж Вы его не сделали?
Это общее впечатление, его можно конечно расписать на мелочи вроде иконок + — которые мне совершенно не понравились, меню второго уровня, которое оторвано от всего и занимает слишком много места, неаккуратных кнопок переключения «комментарии» -> «публикации» в блоке прямого эфира и т.д.
Все по отдельности это мелочи, но общее впечатление на них и строится.
Насчет шапки, черная-не черная. Можно вообще ее не выделять, но мне кажется без нормального, профессионально нарисованного логотипа просто не на что будет смотреть. А так — залил топ черным и написал контрастным цветом ЛивСтрит, вот и все лого) заказать бы логотипчик, желательно не просто текстовый.
Насчет критики, особенно беспочвенной, основанной на индивидуальном восприятии красивого, так нечего переживать. Всем не угодишь. Вон кадабру меняют каждые полгода, народ ругается, плюется, но привыкает все равно)
Пусть этот коммент будет заминусован!Старокадаброчка была тёплолапмповей.звуксайт! ))Как дизайн для какого-либо новостного или тематического сайта социальной сети он, конечно, хорош, но не для официальной сборки.
жопой чую Lex выйграет ;)
С каким вариантом, Вам будет удобнее/приятнее читать данный сайт? а не думать о том «бля» я бы себе на сайт поставил вон тот, как мне это кажется… а под остальное есть раздел модули-шаблоны если вам не будет хватать того что будет на данном сайте… чисто мое ИМХО.
1. Блеклые цвета. Я за чистоту и светлость, но местами перебор.
2. Вон та «хрень» в шапке перекочевавшая с new. Панель с тенью и закругленными углами внизу. Мне она никогда не нравилась.
3. Малюсенькие иконочки.
4. Рамки у комментариев грубоваты получились, и в этой всей «стерильности» выглядят грязно.
5. Футер «внезапно» такой контрастный.
6. Нет аватарок. Это отличный способ идентификации пользователя. Лучше чем просто никнеймы.
Очень надеюсь, что в ближайшее самое время.