Xpoint
   [напомнить пароль]

Хpoint: новое оформление

Метки: [без меток]
2010-11-09 12:02:50 [обр] LookeR(31/1069)[досье]

В параллели с темой про интерфейс, навигацию и т.п. удобства
Интерфейс Xpoint: настоящее и будущее

Хочется обсудить новое оформление сайта.
В каком колюче мы видим "основную тему" оформления.
Сколько текста, сколько графики, цветовая гамма и т.п.

Может быть кто-то хочет попробовать сделать эскиз/набросок и обсудить его?
Тогда для удобства обсуждения каждого эскиза - его автор создаёт отдельную тему в данном разделе.

Может быть у кого-то есть мысло обновить логотип Xpoint?
Тогда в тему: Обновлённой точке новый логотип?

спустя 2 часа 2 минуты [обр] Евгений Седов aka KPbIC(0/176)[досье]
LookeR[досье] А по вашему мнению надо ли вообще что-то менять в этом отношении, разве Xpoint в нынешней ипостаси не идеален?
спустя 1 минуту [обр] LookeR(31/1069)[досье]
Это я и хочу выяснить. :-)
Мне в принципе, импонирует: http://xpoint.ru/styles/index.xhtml
спустя 11 часов [обр] Илья Cтpeльцын aka SelenIT(1/171)[досье]

Новый моднявый дизайник нужен уже давно. Лично знаю минимум одного человека, который прошел мимо Точки еще лет 5 назад по причине ее "непрезентабельного" и "архаичного" внешнего вида. Кто бы что ни говорил, а сайты, как и людей, встречают всё-таки по одёжке...

Как-то начал пробовать переделывать внешний вид под себя, но, во-первых, дизигнер из меня как из хатээмэля СУБД, а во-вторых, стало лень и бросил на полдороги, а потом так и привык (да, мне стыдно), завис на таком наборе кастомных стилей для темы Innocence:

* { font-family: arial; }
body { font-size: 75%; line-height: 1.4; }
code, pre { font-family: courier new; }

#content a.externalLink, #content a[href^="http://"], a[href^="https://"], a[href^="ftp://"] { 
background: url(http://en.wikipedia.org/skins-1.5/monobook/external.png) 100% 50% no-repeat;
padding-right: 14px;
}

#content a.noExternalIcon, #content a[href^="http://xpoint.ru"], #content a[href^="http://xpoint.net.ru"] {
background:transparent none repeat scroll 0 0;
padding-right:0;
}

textarea { width: 100%; height: 500px; font: 11px/1.2 consolas, monospace normal; }

.invisible { display: none; }

div, ul {  }

a img { border: 0; }

#logo { float: left; }
#authBar, #logoutLink,  #searchBar { float: right; }
#authBar { font-size: 0.9em; }
#searchBar {clear: right; }
#greeting,  #extendedSearchLink { display: block; }

#siteTitle { display: none; }
#menu { clear: both; background: #ffe; -moz-border-radius: 10px; list-style: none; overflow: hidden; }
#menu li { float: left; margin: 5px; _display: inline; }
#menu li.menuSeparator { clear: left; }

.themeInfo { width: 20em; display: inline-block; vertical-align: top; border: 1px solid #ddd; -moz-border-radius: 5px; }

#rubricator, #menu { background: #080; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#rubricator ul { list-style: none; }

#rubricator:after { clear: both; height: 0; }

#rubricator h2, #rubricator .rubricatorCategory, #menu li { float: left; }

#rubricator h2 { padding: 0 10px; margin: 0; }

.rubricatorTopCategoryLink { display: block; padding: 5px 10px; font-size: 1.1em; text-align: center; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; background: #880; }

#rubricator a, #menu a { color: #fff; }

.rubricatorCategory ul { display: none; position: absolute; margin: 0 0 0.5em; padding: 0 0 1em; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; background: #080; }

.rubricatorCategory:hover ul { display: block; }

.rubricatorCategory ul li { margin: 0; padding: 0 10px; }

#messageList { width: 70%; min-width: 780px; max-width: 1200px; margin: 0 auto; }

.message { margin: 5px 15px 15px 5px; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.messageHeader { background: #ded; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; padding: 10px 10px 5px; }

.message:nth-child(2n) .messageHeader { background: #efe; }

.messageText { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; background: #eee; padding: 5px 10px 10px; }

.message:nth-child(2n) .messageText { background: #f8f8f8; }

В общем, хотел сделать "что-то вебдванольненькое" силами голого CSS (хотя бы для любимого ФФ), а получил, как в той песне, "розовую козу с желтою полосой". Но, может, какие-нибудь идеи (типа выпадающего меню на главной и т.п.) не такие уж идиотские и есть смысл попробовать довести до ума?

спустя 10 дней [обр] Евгений Седов aka KPbIC(0/176)[досье]
После того как убрали блок с картинкой сайдбара из верхнего левого угла, стало слишком простенько, графики не хватает, станица забита текстом, нет воздуха.
спустя 9 часов [обр] LookeR(31/1069)[досье]

Быстрое решение:
Увеличте логотип. Там есть запас. И большой.

Второе по быстроте:
под стили заголовков можно какие-нибудь плашки/градиенты приделать.

спустя 1 минуту [обр] LookeR(31/1069)[досье]
Список разделов - увеличить отступы между глобальными разделами на пару-тройку поинтов.
Увеличить шрифты в названиях этих разделов.
Powered by POEM™ Engine Copyright © 2002-2005