Сделаем StormTech лучше!

» опубликован
Театр начинается с вешалки, а сайт – с дизайна. Он – первое, что встречает пользователь, зайдя на главную страничку нашего портала. И очень важно, чтобы этот дизайн создавал хорошее впечатление и радовал глаз. Но доподлинно известно, что невозможно угодить всем и сразу: для этого как раз и существует выбор различных стилей для XGM v7.
Концепция StormTech'а во многом была делом моих рук.
Прежде чем продолжать дальше я бы посоветовал вам переключить стиль именно на этот (если он еще не стоит), чтобы, читая последующий текст, у вас сложилось целостное впечатление о том, что я имею в виду.
Я стремился объединить традиционные цветовые акценты DarkPlatinum'а с новыми, приятными светло-серыми оттенками и поддержать эту тему скругленными углами и градиентальными элементами. Я ставил себе задачу сделать мягкий, не вызывающий усталости, но в то же время такой стиль, где глазу есть за что ухватиться.
Изначально, мой концепт был таков (на данный момент он неактуален):
Но увы, в процессе разработки сайтового интерфейса идея верхней функциональной панели, которую я считал очень важным элементом, была отклонена, но основы дизайна были сохранены и после многочисленных доработок воплощены GadenbIsh'ом в то, что мы видим сейчас. Он проделал титанический труд, и я искренне благодарен ему. Однако в дизайне сайта все еще множество недоработок.
Что тут скрывать, мне самому кажется, что в нем чего-то не хватает. Это ужасное ощущение, когда что-то не нравится, но ты не знаешь, что именно! Конечно, некоторые идеи у меня есть, но прежде чем развивать их я решил обратить к вам, дорогие читатели, за советом.
Почему вам нравится StormTech? Почему не нравится? Что бы вы изменили? Что вы можете предложить для его улучшения? Высказывайте свои предложения, и я постараюсь учесть ваши пожелания и сделать из штормтека конфетку =)


Просмотров: 15 034



» Лучшие комментарии


DotaFSS #51 - 8 лет назад 0
WebSter, второй вариант лучше
ScorpioT1000 #52 - 8 лет назад 0
*мать моя женьшень*
WebSter #53 - 8 лет назад 0
ScorpioT1000, предложи свой)
чем конкретно тебе, например, этот не нравится?
Vampir1991 #54 - 8 лет назад 0
Красиво выглядеть, когда использовать этот вид страницы можно? 0_0
WebSter #55 - 8 лет назад 0
Когда доделаем)
Iron #56 - 8 лет назад 0
В дарк-платинуме есть минимализм как в плане стилистическом, так и в плане размеров элементов, поэтому небольшая шапка в нем смотрелась и смотрится вполне адекватно.
StormTech куда витиеватее и крупнее в плане элементов, поэтому минималистичная шапка в нем ну совершенно не достаточна. При входе на страницу возникает ощущение, что ты уже прокрутил её на пару сотен пикселей вниз.
Изначальный вариант однозначно в этом плане рулит и разруливает. Можно поподробнее, почему пришлось отказаться от функциональной шапки исходного варианта?
WebSter #57 - 8 лет назад (отредактировано ) 0
GadenIsh 24.12.11:
Никакая функциональная панель не нужна. Для всего сайта есть одна общая часть: верхняя планка. Все. И какой в ней смысл? Разместить большое лого? Новые ресурсы - зачем? Они отображаются на главной и так. Новости проектов отображаются там же. <...> Количество непроверенных ресурсов отображается в обычной шапке.
Многие плюсовали за нее, но Гад наотрез отказался =(
GadenbIsh #58 - 8 лет назад 0
Iron, все, чем должны отличаться стили - один css файл
tysch_tysch #59 - 8 лет назад 0
GadenbIsh, о каком .css идет речь? я увидел там три. Скажем так, мне интересно какие возможности у нас есть.
ScorpioT1000 #60 - 8 лет назад 0
WebSter, тем, что все стили здесь почти полное уг, а ты в нем копаешься, вместо того, чтобы предложить чтото годное.
XimikS #61 - 8 лет назад 0
ZlaYa1000,
один ксс и пикчи максимум
commonv7 - главный, вот только насрано в нем немало
files - кажется от какого-то плагина для аплода
ui - jquery ui - по хорошему тоже надо переделывать, чтобы соответствовало общему стилю, я вот не могу заставить себя допилить
ну и style.css, где уже твое пространство
LVenger #62 - 8 лет назад 0
второй лучше, более плавный переход между линиями света и тени в менюшке...ну это на мой взгляд
GadenbIsh #63 - 8 лет назад 0
ZlaYa1000, style.css ставится как патч на commonv7 и все остальные, в нем можно чудить, как угодно
Iron #64 - 8 лет назад 0
Эмм, так а в чем проблема? Чем display:none столь дурно пахнет? Забабахать шапку, и во всех скинах кроме StormTech-а убрать её видимость. В плане SEO сделать стилем по умолчанию чтобы отдавало StormTech-евский стиль, по правилам гугла такой вот хайд при смене стиля - не клоакинг. Тем более, что там в шапке кроме навигации контента минимум.
GadenbIsh #65 - 8 лет назад 0
Iron, суть в том, что стиль должен отвечать исключительно за отображение, контент должен быть везде одинаковый, это просто вопросы проектирования. Если что-то новое лепить, то во всех стилях. Более того, эта шапка не подходит хотя бы из-за ее содержания, веб же приводил цитату. Вся инфа из нее дублируется в других местах.
Iron #66 - 8 лет назад 2
GadenbIsh, грамотно сделанное дублирование навигации никогда не считалось дурным тоном, в т.ч. и в плане СЕО, те же бреадкрамбсы гугл просто обожает, если их понатыкать вверху, в подвале, а то еще и в сайдбаре аналог. Да, не стоит навигацией перегружать страницу, если на ней пол строки текста, но это не про XGM.
А в плане визуального комфорта, вверх просится хоть какой-то акцентный крупный элемент, а то глазу не за что цепляться, он сразу соскальзывает в гущу текста, что оставляет весьма неприятное ощущение, что ты не на сайте, а в RSS ленте какой-то.
По поводу одинакового контента, так я же написал, сделать шапку, и в, например, darkplatinum-е поставить для нее display:none.
Ладно, это все исключительно моё имхо, просто вы приводите странные доводы о жуткой сложности реализации всего этого, при том, что оно проще некуда. Скажите прямо: "Мне эта шапка его не нравится", - или: "И так убили кучу сил, делать эту шапку просто не хочу". Единственный более-менее нормальный прозвучавший довод, так это по поводу дублирования элементов, но даже оно в плане СЕО не является проблемой при наличии хоть каких бы то ни было количеств другого контента на странице, а визуально обходится все тем же великострадальным display:none у соответствующих элементов.
GadenbIsh #67 - 8 лет назад (отредактировано ) 0
Ладно, это все исключительно моё имхо, просто вы приводите странные доводы о жуткой сложности реализации всего этого, при том, что оно проще некуда. Скажите прямо: "Мне эта шапка его не нравится", - или: "И так убили кучу сил, делать эту шапку просто не хочу".
Где я приводил такие доводы? Я над xgm работаю каждый день.
darkplatinum-е поставить для нее display:none.
Так делать нельзя, юзер просто запутается при смене стиля, был элемент навигация, стиль сменился и он пропал.
О СЕО речи вообще не идет, не понимаю, чего ты к нему прицепился.
по каждому элементу шапки отвечу вот этим:
ScorpioT1000 #68 - 8 лет назад 0
Iron, Не все поисковики смотрят на css, и не во всех случаях, так что свойство display - изначально кастыльное предложение. Времена огромных пультов прошли, сейчас всё делается немного иначе, весь функционал должен быть контекстным, навигация появляется по мере надобности, не надо выдирать кусок совершенно частной информации и сувать ее в шапку только потому, что это лучше смотрится.
Iron #69 - 8 лет назад (отредактировано ) 0
GadenbIsh
элемент в красном кольце - я был бы рад возможности не проматывать километры вниз, высматривая заголовки, а просто напрямую увидеть такой вот списочек.
элемент в синем кольце - имхо "Карты (1) Новости (5) Статьи (1) Файлы (2) Проекты (1)" несколько информативные, чем "16 ресурсов". И не нужно говорить, что, мол, если нажать там, потом кликнуть тут и перейти вон туда, то придешь на страницу, где все еще информативнее.
Вот вам тоже графический ответец
Давайте теперь назовем хабр унылым и переполненным излишествами г..ном, сверстанным криворукими бабуинами. А сами будем строить велосипеды с одной педалью, потому что второй вполне достаточно (хоть и не удобно), чтобы крутить колесо, которое, кстати, у нас тоже одно, и мы этим гордимся, потому что, как всем известно, времена двухколесных велосипедов прошли, а мы и сами с усами.
PS: Времена удобного и гармоничного интерфейса никогда не пройдут. А про СЕО я говорю потому, что для меня это профессионально близко, и я знаю, что белая внутренняя оптимизация под поисковики, в легких своих формах несущая пользу и для пользователей, в крайних своих формах начинает только мешать построению удобной среды обитания, коей и является любой сайт, а тем более такой как XGM.
У меня всё.
ScorpioT1000 #70 - 8 лет назад (отредактировано ) 0
Как же вы затрахали со своей сраной хаброй. Хабр - унылое российское говно, костыли которого переписывались раз за разом, налезая один на другой, пытаясь выделиться, и в итоге пришли к стилю а-ля plain-text, я тебе это гарантирую =) И юзер, попавший туда, начинает офигевать и закрывать страницу срочно. Так что плиз или давайте брать адекватные примеры, или пошел вон из треда. За основу этого дизайна брались топ-100 евроконцепты, могу даже предоставить список, ясно что реализация отличается от задумки, и это пытаются исправить, для этого и создана тема, где мы ждем аргументации и хоть какихто осмысленных предложений.
Но если хочется поплакаться - беги на свою хабру или контактик, и оставь работу над дизайном знающим людям.
GadenbIsh #71 - 8 лет назад 0
элемент в красном кольце - я был бы рад возможности не проматывать километры вниз, высматривая заголовки, а просто напрямую увидеть такой вот списочек.
И подобное будет реализовано в виде вкладки и не будет занимать столько места. На этом же месте будут отображаться "новые комментарии", "мои ресурсы", "оффтопка" и все прочее.
лемент в синем кольце - имхо "Карты (1) Новости (5) Статьи (1) Файлы (2) Проекты (1)" несколько информативные, чем "16 ресурсов".
это не информативно, такие вещи высвечиваются только у модераторов, а они должны проверять все ресурсы, у 95% юзеров там вообще ничего не будет, если уж очень хочется отображать ресурсы по категориям, то это можно делать в той же верхней шапки. Но опять же это не нужно, потому что такие расклады, как на скрине, очень маловероятны, а проверять надо все.
По поводу вычеркнутых желтых цифр это вообще ппц какой-то.
И делать что-то, потому что на хабре так сделано, действительно никто не будет.
GadenbIsh #72 - 8 лет назад 0
Есть кстати идея. Правые меню получилиось довольно контрастными, это не плохо, но такой контрастности у контента нет. Может быть следует выделить заголовки в основном блоке как-то сильнее?
WebSter #73 - 8 лет назад 0
Да, я тоже думал об этом) как найду время, попытаюсь выделить заголовки и может быть как-то сильнее обособить ресурсы друг от друга.
Lucikkk #74 - 8 лет назад -1
WebSter, выделение постов очень резкое, сделай его по плавнее, к примеру как в Chemical, и какие-нибудь улучшения стиля будут?
WebSter #75 - 8 лет назад -1
Да, будут, но пока не могу сказать, когда...
H #76 - 7 лет назад 0
Мне не нравится обрывы у всех линий.
Лучше было бы если стыковать правые блоки с линией, а не обрывать их.
еще можно убрать промежуток между висящей панелью сверху (юзерпанель) и первой панелью навигации
Вот тут убрать подчеркивание ссылок
XimikS #77 - 7 лет назад 0
Вот тут убрать подчеркивание ссылок
юзай хемикал!
H #78 - 7 лет назад 1
Я бы юзал хемикал, но мне жутко не нравится шрифт где кол-во комментариев. и голубой цвет ссылок. Я бы сделал просто черные ссылки, (или темного цвета).
И совсем бесит голубой эффект наведения в меню.
Это сообщение удалено