Редизайн 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 сентября
Во избежание путаницы убраны все варианты оформления кроме последнего.
С программированием я справлюсь, но с корректной современной вёрсткой - нет. Приглашаю помочь в вёрстке темы.
- axel's blog
- Для комментирования войдите или зарегистрируйтесь
| Симпатично ;) |
- Для комментирования войдите или зарегистрируйтесь
Цветовая гамма какая-то зимне-тоскливая. Идёт вразрез с правым левым углом, где с цветами всё в порядке.
- Для комментирования войдите или зарегистрируйтесь
На предыдущий вариант, который показывал на встрече (см. ниже), ругались, что он слишком ярок :)) Цвета к общей гамме доводить ещё нужно, несомненно. Тут вопрос - отчего отталкиваться, изначально делать сайт ярким и насыщенным (лето) или пастельным (зима). Кстати, "правый левый угол" это где? ;)
http://drupal.ru/files/theme-draft_2.png
- Для комментирования войдите или зарегистрируйтесь
Добавил 4-ую картинку к ноде - вариант с более насыщеным бэкграундом.
- Для комментирования войдите или зарегистрируйтесь
ярок - не отражает правильной картины. IMHO дизайн показанный на встрече перегружен элементами.
взгляд не фокусируется, логотип теряется... певое ощущение - рябит.
Попробовать сделать акцент на одном-двух главных элементах, остальные приглушить?
- Для комментирования войдите или зарегистрируйтесь
Это я и попытался сделать, переработав вариант со встречи (его можно забыть) - осветлив бэкграунд и сгруппировав кнопки навигации в одном месте. Трекер, который была мысль сделать там же на кнопках был убран (к тому же в технической реализации получилось бы замысловато). Акцент делалася именно на навигацию - она должна быть заметной и отражать наиболее важные разделы сайта. Имхо получилось. Кнопки на разных страницах могут отсутствовать (сравни главную и внутреннюю на 1ой и 2ой картинках), но каждая кнопка всегда имеет одно и то же местоположение. Если только ещё привести к одним цветам логотип и кнопки навигации...
- Для комментирования войдите или зарегистрируйтесь
Добавил вариант на белом бэкграунде - 5-ая картинка. Очевидно, что логотип на ней входит в диссонанс с остальными элементами и цвета рамок элементов нужны посветлей - просьба оценить как оно вообще на белом? Мои предпочтения пока за вариантом 4.
- Для комментирования войдите или зарегистрируйтесь
Добавить красный цвет?
Боюсь даже себе это представить, хотя можно попробовать.
Логотип я так понимаю устоявшийся и редизайну не подлежит?
Может быть мы пытаемся идти положному пути? Предлагаю устроить конкурс на редизайн. Сам охотно приму в нем участие со стороны визуальной реализации.
----
Художника не каждый может обидеть, лучше чем я.
)))
- Для комментирования войдите или зарегистрируйтесь
На белом пока нравится больше всего.
- Для комментирования войдите или зарегистрируйтесь
К слову об обиде художника - Обидеть художника может каждый! :)
- Для комментирования войдите или зарегистрируйтесь
на белом значительно лучше и лаконичнее.
общее восприятие улучшилось.
элементы в диссонансе с логотипом, по причине неправильно подобранной цветовой гаммы.
предлагаю 2 варианта:
- сделать цвета кнопок более насыщеными (такой же насыщенности как и цвета логтипа)
- взять за основу синий или красный цвет (может быть даже и тот и другой) и делать кнопки в тех же цветах но менять тональность. будет гармоничнее и ярче.
- Для комментирования войдите или зарегистрируйтесь
Очень плохо. Лучше какую-нибудь тему поставить.
- Для комментирования войдите или зарегистрируйтесь
Нет, на drupal.ru я хочу полностью уйти от стандартных тем которые поставляются с движком или лежат на drupal.org. Проект уже достаточно развит, чтобы позволить себе сделать свой уникальный дизайн.
- Для комментирования войдите или зарегистрируйтесь
Разумеется на сайте которым так давно занимаюсь я бы хотел получить дизайн который в первую очередь меня самого устраивает. И надеюсь меня можно в этом устремлении понять. Как обычно лучше всего устраивает дизайн, который разрабатываешь сам :) Но я не против конкурса, конкурс будет. Поскольку, уверен, всё равно не найдётся дизайна, который абсолютно всех устроит. Поэтому я предложу такой вариант: каждый желающий представляет на форуме графический макет темы, с описанием своего видения интерфейса - чем подробнее, тем лучше. Конкурсные работы будут продвигаться на главную страницу. Далее, те кому этот вариант понравился - любыми способами помогают в создании работающей темы на основе представленной графики. Либо прекращают фонтан критики и пользуются тем, что сделают другие. Рабочие темы устанавливаются на сайте - пользователи могут их выбирать в профиле и слать багрепорты. После отладки представленных тем устраиваем бессрочное голосование. Тема, которая в текущий момент времени побеждает в голосовании - становится на сайте дефолтной. Остальные темы (если они не глючат и удовлетворяют требованиям работы с навигацией по сайту) - остаются доступными для выбора в профилях. Ограничений по срокам не будет - в любой момент можно включить в конкурс и представить новую тему для сайта. Напишу обо всём этом отдельный топик.
- Для комментирования войдите или зарегистрируйтесь
Сё, на сегодня ыдохся :) Воспользуюсь твоими советами и прикину альтернативные расцветки.
- Для комментирования войдите или зарегистрируйтесь
на белом фоне нравится больше всего
может, слово "репозиторий" заменить? новичков может испугать (я до сих пор не знаю, что оно значит)
и GNU GPL тоже непонятно многим будет (если бы типа "миссия" или "манифест" или...)
и несоответствие простоязычного "доки" и заумного "репозиторий"
изумрудный, розовый, сиреневый цвета в квадратах убрать бы, слишком карамельно-леденцово выглядит, и не стыкуется с логотипом слева - там серъезный триколор ))
а вообще так,как выглядит сейчас, тоже нравится ))
- Для комментирования войдите или зарегистрируйтесь
По моему очень жизнеспособная концепция.
Будем работать.
- Для комментирования войдите или зарегистрируйтесь
в попсовость тоже не стоит скатываться.
к примеру значение слова серпентарий для человека вне темы непонятно, змеинный питомник хорошо, но не общепринято, а можно с ходу назвать змеятником...
Но это IMHO.
Кстати, глаз "замылился" и тоже всё нравится
)
- Для комментирования войдите или зарегистрируйтесь
Стремление вполне здоровое, ждем конкурс, жалко что серьезных разработчиков тем практически нет.
- Для комментирования войдите или зарегистрируйтесь
:) Вот мне как раз "свежие" впечатления интересно собрать.
- Для комментирования войдите или зарегистрируйтесь
Дождались :) См. топик выше на главной.
- Для комментирования войдите или зарегистрируйтесь
ИМХО не один из вариантов не подходит, для проекта друпал.ру нужно что-то более серьезное
- Для комментирования войдите или зарегистрируйтесь
Кому как, а для меня проект GNU почти религия ;)) Лицензия GPL одна из причин по которой я не только использую Drupal, но и начал возиться с ним изнутри. Поэтому именно "GNU GPL" в качестве одного из ключевых слов характеризующих проект. Посвящённыве поймут, а для тех кто не в теме - вверху будут ссылка "Что такое GPL" - разъясняющая условия использования движка и вообще что это за GNU такое.
Доки - просто в ромбик не влезало слово "документация", а шрифты хотелось одинаковые везде :) Не знаю пока как поступить. Меню в центре шрифтом покрупнее - для разработчиков. Их слово "репозитарий" испугать не должно. Вообще там ещё и "багртекер" предполагается :)
Насчёт несерьёзной окраски - вообще-то, это и есть цель, чтобы сайт выглядел как симпатичная игрушка - что-то вроде детского конструктора. Просто надоели эти скучные "корпоративные" дизайны. Drupal изначально упирал на оригинальность - как в архитектуре, так и в терминологии (вспомним ноды с таксономией). Вот я решил, что неплохо бы выпендриться и с навигацией и расцветкой. Но вариант не окончательный, продолжаем стремиться к идеалу )
- Для комментирования войдите или зарегистрируйтесь
Округлые формы оформления drupal.org я бы тоже не отнёс к серьёзным. Я не считаю, что drupal.ru обязан выглядет как все эти сотни скучных корпоративных порталов. Drupal - вещь оригинальная и дизайн должен быть ярким, давить на нестандартность в интерфейсе.
- Для комментирования войдите или зарегистрируйтесь
оригинальная главная страница - я за, но внутри сайта дизайн должен быть удобным для получения информации и общения...
как бы вы отреагировали если бы гугл стал так выделяться?
- Для комментирования войдите или зарегистрируйтесь
Если навигация получилась бы удобной, то положительно. Оригинальность не отрицает удобства. Крупные кнопки для основных разделов, к тому же каждая кнопка, если она отображается, то на любой странице отображается в одном и том же месте. А то что кнопки в ромбах, а не в прямоугольниках - это создаёт неудобство в работе с ними?
- Для комментирования войдите или зарегистрируйтесь
дизайн сам по себе не отрицает дружественный интерфейс.
а гугл - инструмент который сам по себе выделяется.
----
даешь командную строку )
- Для комментирования войдите или зарегистрируйтесь
"Кстати, "правый левый угол" это где? ;)"
Это в правом верхнем углу. Глюкнул немножко. :)
Может, сделать несколько цветовых решений дизайна с возможностью выбора оного пользователем?
- Для комментирования войдите или зарегистрируйтесь
Округлые формы оформления drupal.org я бы тоже не отнёс к серьёзным.
Почему же?
дизайн должен быть ярким, давить на нестандартность в интерфейсе.
Нестандартный интерфейс и яркие краски не всегда притягивают, а наоборот, особенно интерфейс. В данном контексте, яркий дизайн неуместен.
- Для комментирования войдите или зарегистрируйтесь
есть очень строгая тема (ч/б): http://www.xdes.org/dru_1.jpg (211кб) - бросил делать на полпути :)
- Для комментирования войдите или зарегистрируйтесь
Нормальная тема. Для ресурса по налоговому законодательству - самое то. :)
- Для комментирования войдите или зарегистрируйтесь
Вопрос в том, кто будет основной потребитель дизайна. Если заманилово для новички - то все пёстрое и цветное - привлекает, если коммюнити для обсуждения вопросов и решения проблем то строже и удобнее(да и текстовую версию без графики неплохо бы)
- Для комментирования войдите или зарегистрируйтесь
Можно поставить модуль switchtheme, он позволяет легко переключаться с темы на тему.
- Для комментирования войдите или зарегистрируйтесь
хорошая идея - сделать настройку для каждого пользователя (зарегистрированного) выбор "своей" темы (хоть bluemarine). ну и сделать для этого отдельный блок, вместо того, что бы лезть в профиль (switchtheme рулит :-)
На белом симпатичнее всего.
- Для комментирования войдите или зарегистрируйтесь
а мне цветастый нравится. На форум можно и другую тему прилепить. а главную можно и разноцветной сделать. Столько юных друпалисток тогда появится.
- Для комментирования войдите или зарегистрируйтесь
Дизайн на белом фоне лучший из предложенных, но, имхо, все равно не достоин быть дизайном Друпал.ру. Все-таки я считаю, что каждая работа должна выполняться профессионалом своего дела и лучше шаблон для сайта заказать у дизайнера.
В этом дизайне не нравится:
1) левая и правая колонки никак не отделены от поля с контентом;
2) все посты имеют один цвет;
3) придется на всех страницах выводить "миссию", иначе в шапке образуется слишком много пустого места.
- Для комментирования войдите или зарегистрируйтесь
В итоге тоже пришёл к белому фону. Подгоню к нему остальное. Миссию выводить не придётся - см. картинку #2, это вывод внутренней страницы. Кнопки отображаются только на тех страницах где они нужны и при этом на всех страницах каждая кнопка сохраняет своё местоположение. До раскраски постов я просто ещё не добрался. Очевидно, что sticked должны выделяться.
- Для комментирования войдите или зарегистрируйтесь
Не, не красиво все.. 90-е года, угу. Сорри.
- Для комментирования войдите или зарегистрируйтесь
не нравится, особенно правый верхний угол.
Не в тему этот цветастый треугольник.
На белом было бы лучше.
- Для комментирования войдите или зарегистрируйтесь
Я конечно извиняюсь, но сразу напрашиваеться вопрос: вы это серьезно? Если говорить серьезно, то то что представлено в атаче - врядли сгодиться даже для саттелита... Всетаки надеюсь что это просто прикол)
- Для комментирования войдите или зарегистрируйтесь
простите, не понял
этот фиолетовый фон будет на сайте???
- Для комментирования войдите или зарегистрируйтесь

















Комментарии