Редизайн drupal.ru — продолжение темы

Прислано: axel

сб, 01/09/2007 - 11:25

На последней встрече в Москве я показывал вариант оформления, к которому хочу привести drupal.ru. На текущий момент пришёл к следующему варианту - см. аттач (выравнивания элементов и подгонка размеров шрифтов не производилась). Это ещё не готовая тема, только графический макет. Макет сделан в расчёте на разрешения от 1024x768, при меньших разрешениях имхо должен делаться переход к текстовому варианту - см. ниже.

Меню "Новичку на заметку" - должно отображаться только анонимусам. Плашка "Скачать Drupal" - отображаться только на главной (как и блок mission), остальная часть навигации в верхнем правом углу - на всех страницах. "Новости" - не знаю ещё, это может быть либо ссылка на трекер, либо ссылка на главную (тогда нужно ещё отдельную кнопку под трекер).

Над графическими кнопками должен быть hover эффект - увеличение яркости. Реализовывать наверно через imagemap, чтобы не заморачиваться на флеш и т.п. При выключенном JS должен быть fallback к полностью текстовым меню. Также по кнопке "текст" должен быть принудительный переход к текстовому меню вместо графических кнопок - см. третью картинку.

Ссылка на download должна вести на отдельную страницу, где будут предлагаться разные варианты - оригинальный дистрибутив (ссылку на drupal.org), русскую сборку со включённым переводом, отдельно перевод, ссылки на скачивание модулей и тем (на drupal.org).

FAQ для новичков - все ссылки на одну страницу, кратко по паре абзацов для каждого пункта. Каждая из ссылок должна указывать на свой тег name, чтобы переходить непосредственно к выбранному абзацу.

Мысли вслух: если вместо ромбов навигации сделать шестигранные соты или капли воды? :)

Updated 4 сентября:
Добавил ещё один вариант - кнопки остались двух цветов, за исключением большой плашки "скачать". На внутренних страницах кнопки "скачать", "заказать сайт" и "заказать хостинг" не отображаются - поэтому занимать место на странице не будут.

Updated 6 сентября
Во избежание путаницы убраны все варианты оформления кроме последнего.

С программированием я справлюсь, но с корректной современной вёрсткой - нет. Приглашаю помочь в вёрстке темы.

Комментарии


Настройки просмотра комментариев

Выберите нужный метод показа комментариев и нажмите "Применить"
Опубликовано sas@drupal.org в сб, 01/09/2007 - 12:26.

Симпатично ;)


Опубликовано Exiton (гостевой логин) в сб, 01/09/2007 - 13:56.

Цветовая гамма какая-то зимне-тоскливая. Идёт вразрез с правым левым углом, где с цветами всё в порядке.


Опубликовано axel в сб, 01/09/2007 - 14:10.

На предыдущий вариант, который показывал на встрече (см. ниже), ругались, что он слишком ярок :)) Цвета к общей гамме доводить ещё нужно, несомненно. Тут вопрос - отчего отталкиваться, изначально делать сайт ярким и насыщенным (лето) или пастельным (зима). Кстати, "правый левый угол" это где? ;)

http://drupal.ru/files/theme-draft_2.png


Опубликовано axel в сб, 01/09/2007 - 14:25.

Добавил 4-ую картинку к ноде - вариант с более насыщеным бэкграундом.


Опубликовано Gedler в сб, 01/09/2007 - 14:38.

ярок - не отражает правильной картины. IMHO дизайн показанный на встрече перегружен элементами.
взгляд не фокусируется, логотип теряется... певое ощущение - рябит.
Попробовать сделать акцент на одном-двух главных элементах, остальные приглушить?


Опубликовано axel в сб, 01/09/2007 - 14:45.

Это я и попытался сделать, переработав вариант со встречи (его можно забыть) - осветлив бэкграунд и сгруппировав кнопки навигации в одном месте. Трекер, который была мысль сделать там же на кнопках был убран (к тому же в технической реализации получилось бы замысловато). Акцент делалася именно на навигацию - она должна быть заметной и отражать наиболее важные разделы сайта. Имхо получилось. Кнопки на разных страницах могут отсутствовать (сравни главную и внутреннюю на 1ой и 2ой картинках), но каждая кнопка всегда имеет одно и то же местоположение. Если только ещё привести к одним цветам логотип и кнопки навигации...


Опубликовано axel в сб, 01/09/2007 - 14:55.

Добавил вариант на белом бэкграунде - 5-ая картинка. Очевидно, что логотип на ней входит в диссонанс с остальными элементами и цвета рамок элементов нужны посветлей - просьба оценить как оно вообще на белом? Мои предпочтения пока за вариантом 4.


Опубликовано Gedler в сб, 01/09/2007 - 14:59.

Добавить красный цвет?
Боюсь даже себе это представить, хотя можно попробовать.
Логотип я так понимаю устоявшийся и редизайну не подлежит?
Может быть мы пытаемся идти положному пути? Предлагаю устроить конкурс на редизайн. Сам охотно приму в нем участие со стороны визуальной реализации.
----
Художника не каждый может обидеть, лучше чем я.
)))


Опубликовано theblackcat в сб, 01/09/2007 - 15:01.

На белом пока нравится больше всего.


Опубликовано theblackcat в сб, 01/09/2007 - 15:03.

К слову об обиде художника - Обидеть художника может каждый! :)


Опубликовано Gedler в сб, 01/09/2007 - 15:11.

на белом значительно лучше и лаконичнее.
общее восприятие улучшилось.
элементы в диссонансе с логотипом, по причине неправильно подобранной цветовой гаммы.
предлагаю 2 варианта:

  1. сделать цвета кнопок более насыщеными (такой же насыщенности как и цвета логтипа)
  2. взять за основу синий или красный цвет (может быть даже и тот и другой) и делать кнопки в тех же цветах но менять тональность. будет гармоничнее и ярче.


Опубликовано Ainur в сб, 01/09/2007 - 15:13.

Очень плохо. Лучше какую-нибудь тему поставить.


Опубликовано axel в сб, 01/09/2007 - 15:36.

Нет, на drupal.ru я хочу полностью уйти от стандартных тем которые поставляются с движком или лежат на drupal.org. Проект уже достаточно развит, чтобы позволить себе сделать свой уникальный дизайн.


Опубликовано axel в сб, 01/09/2007 - 15:48.

Разумеется на сайте которым так давно занимаюсь я бы хотел получить дизайн который в первую очередь меня самого устраивает. И надеюсь меня можно в этом устремлении понять. Как обычно лучше всего устраивает дизайн, который разрабатываешь сам :) Но я не против конкурса, конкурс будет. Поскольку, уверен, всё равно не найдётся дизайна, который абсолютно всех устроит. Поэтому я предложу такой вариант: каждый желающий представляет на форуме графический макет темы, с описанием своего видения интерфейса - чем подробнее, тем лучше. Конкурсные работы будут продвигаться на главную страницу. Далее, те кому этот вариант понравился - любыми способами помогают в создании работающей темы на основе представленной графики. Либо прекращают фонтан критики и пользуются тем, что сделают другие. Рабочие темы устанавливаются на сайте - пользователи могут их выбирать в профиле и слать багрепорты. После отладки представленных тем устраиваем бессрочное голосование. Тема, которая в текущий момент времени побеждает в голосовании - становится на сайте дефолтной. Остальные темы (если они не глючат и удовлетворяют требованиям работы с навигацией по сайту) - остаются доступными для выбора в профилях. Ограничений по срокам не будет - в любой момент можно включить в конкурс и представить новую тему для сайта. Напишу обо всём этом отдельный топик.


Опубликовано axel в сб, 01/09/2007 - 15:50.

Сё, на сегодня ыдохся :) Воспользуюсь твоими советами и прикину альтернативные расцветки.


Опубликовано Zlata в сб, 01/09/2007 - 16:00.

на белом фоне нравится больше всего
может, слово "репозиторий" заменить? новичков может испугать (я до сих пор не знаю, что оно значит)
и GNU GPL тоже непонятно многим будет (если бы типа "миссия" или "манифест" или...)
и несоответствие простоязычного "доки" и заумного "репозиторий"
изумрудный, розовый, сиреневый цвета в квадратах убрать бы, слишком карамельно-леденцово выглядит, и не стыкуется с логотипом слева - там серъезный триколор ))
а вообще так,как выглядит сейчас, тоже нравится ))


Опубликовано Gedler в сб, 01/09/2007 - 16:07.

По моему очень жизнеспособная концепция.
Будем работать.


Опубликовано Gedler в сб, 01/09/2007 - 16:19.

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


Опубликовано Ainur в сб, 01/09/2007 - 16:23.

Стремление вполне здоровое, ждем конкурс, жалко что серьезных разработчиков тем практически нет.


Опубликовано axel в сб, 01/09/2007 - 16:25.

:) Вот мне как раз "свежие" впечатления интересно собрать.


Опубликовано axel в сб, 01/09/2007 - 16:25.

Дождались :) См. топик выше на главной.


Опубликовано bodro в сб, 01/09/2007 - 16:36.

ИМХО не один из вариантов не подходит, для проекта друпал.ру нужно что-то более серьезное


Опубликовано axel в сб, 01/09/2007 - 16:37.

Кому как, а для меня проект GNU почти религия ;)) Лицензия GPL одна из причин по которой я не только использую Drupal, но и начал возиться с ним изнутри. Поэтому именно "GNU GPL" в качестве одного из ключевых слов характеризующих проект. Посвящённыве поймут, а для тех кто не в теме - вверху будут ссылка "Что такое GPL" - разъясняющая условия использования движка и вообще что это за GNU такое.

Доки - просто в ромбик не влезало слово "документация", а шрифты хотелось одинаковые везде :) Не знаю пока как поступить. Меню в центре шрифтом покрупнее - для разработчиков. Их слово "репозитарий" испугать не должно. Вообще там ещё и "багртекер" предполагается :)

Насчёт несерьёзной окраски - вообще-то, это и есть цель, чтобы сайт выглядел как симпатичная игрушка - что-то вроде детского конструктора. Просто надоели эти скучные "корпоративные" дизайны. Drupal изначально упирал на оригинальность - как в архитектуре, так и в терминологии (вспомним ноды с таксономией). Вот я решил, что неплохо бы выпендриться и с навигацией и расцветкой. Но вариант не окончательный, продолжаем стремиться к идеалу )


Опубликовано axel в сб, 01/09/2007 - 16:39.

Округлые формы оформления drupal.org я бы тоже не отнёс к серьёзным. Я не считаю, что drupal.ru обязан выглядет как все эти сотни скучных корпоративных порталов. Drupal - вещь оригинальная и дизайн должен быть ярким, давить на нестандартность в интерфейсе.


Опубликовано bodro в сб, 01/09/2007 - 16:51.

оригинальная главная страница - я за, но внутри сайта дизайн должен быть удобным для получения информации и общения...
как бы вы отреагировали если бы гугл стал так выделяться?


Опубликовано axel в сб, 01/09/2007 - 16:59.

Если навигация получилась бы удобной, то положительно. Оригинальность не отрицает удобства. Крупные кнопки для основных разделов, к тому же каждая кнопка, если она отображается, то на любой странице отображается в одном и том же месте. А то что кнопки в ромбах, а не в прямоугольниках - это создаёт неудобство в работе с ними?


Опубликовано Gedler в сб, 01/09/2007 - 17:13.

дизайн сам по себе не отрицает дружественный интерфейс.
а гугл - инструмент который сам по себе выделяется.
----
даешь командную строку )


Опубликовано Exiton (гостевой логин) в сб, 01/09/2007 - 18:52.

"Кстати, "правый левый угол" это где? ;)"

Это в правом верхнем углу. Глюкнул немножко. :)

Может, сделать несколько цветовых решений дизайна с возможностью выбора оного пользователем?


Опубликовано Ainur в сб, 01/09/2007 - 19:09.

Округлые формы оформления drupal.org я бы тоже не отнёс к серьёзным.

Почему же?

дизайн должен быть ярким, давить на нестандартность в интерфейсе.

Нестандартный интерфейс и яркие краски не всегда притягивают, а наоборот, особенно интерфейс. В данном контексте, яркий дизайн неуместен.


Опубликовано garamond в сб, 01/09/2007 - 19:17.

есть очень строгая тема (ч/б): http://www.xdes.org/dru_1.jpg (211кб) - бросил делать на полпути :)


Опубликовано Exiton (гостевой логин) в сб, 01/09/2007 - 19:36.

Нормальная тема. Для ресурса по налоговому законодательству - самое то. :)


Опубликовано PVasili в пн, 03/09/2007 - 17:52.

Вопрос в том, кто будет основной потребитель дизайна. Если заманилово для новички - то все пёстрое и цветное - привлекает, если коммюнити для обсуждения вопросов и решения проблем то строже и удобнее(да и текстовую версию без графики неплохо бы)


Опубликовано vadbars@drupal.org в пн, 03/09/2007 - 17:56.

Можно поставить модуль switchtheme, он позволяет легко переключаться с темы на тему.


Опубликовано _Dan_ (гостевой логин) в пн, 03/09/2007 - 20:56.

хорошая идея - сделать настройку для каждого пользователя (зарегистрированного) выбор "своей" темы (хоть bluemarine). ну и сделать для этого отдельный блок, вместо того, что бы лезть в профиль (switchtheme рулит :-)

На белом симпатичнее всего.


Опубликовано andron13 в пн, 03/09/2007 - 21:52.

а мне цветастый нравится. На форум можно и другую тему прилепить. а главную можно и разноцветной сделать. Столько юных друпалисток тогда появится.


Опубликовано Ромка в вт, 04/09/2007 - 06:32.

Дизайн на белом фоне лучший из предложенных, но, имхо, все равно не достоин быть дизайном Друпал.ру. Все-таки я считаю, что каждая работа должна выполняться профессионалом своего дела и лучше шаблон для сайта заказать у дизайнера.

В этом дизайне не нравится:
1) левая и правая колонки никак не отделены от поля с контентом;
2) все посты имеют один цвет;
3) придется на всех страницах выводить "миссию", иначе в шапке образуется слишком много пустого места.


Опубликовано axel в вт, 04/09/2007 - 07:15.

В итоге тоже пришёл к белому фону. Подгоню к нему остальное. Миссию выводить не придётся - см. картинку #2, это вывод внутренней страницы. Кнопки отображаются только на тех страницах где они нужны и при этом на всех страницах каждая кнопка сохраняет своё местоположение. До раскраски постов я просто ещё не добрался. Очевидно, что sticked должны выделяться.


Опубликовано Marss в вт, 04/09/2007 - 08:37.

Не, не красиво все.. 90-е года, угу. Сорри.


Опубликовано mitchelpro в вт, 09/10/2007 - 12:52.

не нравится, особенно правый верхний угол.
Не в тему этот цветастый треугольник.

На белом было бы лучше.


Опубликовано Гость (гостевой логин) в вс, 28/10/2007 - 13:06.

Я конечно извиняюсь, но сразу напрашиваеться вопрос: вы это серьезно? Если говорить серьезно, то то что представлено в атаче - врядли сгодиться даже для саттелита... Всетаки надеюсь что это просто прикол)


Опубликовано neochief в ср, 20/02/2008 - 01:05.

в продолжение темы


Опубликовано Valeratal в ср, 20/02/2008 - 06:45.

простите, не понял
этот фиолетовый фон будет на сайте???


Ссылки партнёров