Редизайн сайта [Харзах]-[НЕТ]

Аватар пользователя B.X B.X 24 июня 2008 в 17:19

Произошло интересное событие, а именно редизайн [Харзах]-[НЕТ] (хотя, конечно, "редизайн - это громко сказано). Меня как-то незаметно стал раздражать белый фон страниц моего сайта и я долго пробовал всякие темы, прежде чем не плюнул на это дело и сделал всё сам...

Цвета простые, можно сказать, классические. Чёрный, белый, красный, оттенок синего и оттенок серого. Всё это скомпоновано на основе темы slash (моя любимая, поскольку почти единственная, в которой заданы границы для контента также как и для блоков). Что изменилось:

1. Лого и полностью шапка, за исключением примари линкс (но в них я поправил отображение при наведении)...
2. Цитаты, изменена картинка...
3. Аватары, мой собственный и гостя...
4. favicon.ico - теперь другой...
5. Удалил модуль Codefilter и вместо него поставил патч к модулю BBCode, который реализует те же функции...
5.1 Обновил страницы, где был код от модуля Codefilter (фильтры).
6. Удалил модуль Guestbook и включил обратно Privatemsg для гостей, если кто напишет мне без регистрации, то я отвечу в свежесозданном форуме "Обратная связь" (ссылка в "Разделах", в меню слева сверху, последняя)...
7. Удалил модуль Quote, им не так много пользуются, в том числе и я сам почти ни разу...
8. Исправил наконец-то отображение картинок в Галерее Изображений. Теперь и в Опере и Мозилле и МСИЕ всё нормально смотрится...

В остальном всё осталось также. Искал шрифты, но так и не нашёл, чем заменить, пробовал разные варианты, но было либо абсолютно нечитаемо, либо не слишком отличающимся от обычного.

Сссылка как всегда, хостинг всё тот же (хех): http://harzah.net
Для сравнения (кто первый раз видит мой сайт) выложу скриншот старого сайта:

Комментарии

Аватар пользователя worona worona 24 июня 2008 в 19:26

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

Аватар пользователя B.X B.X 24 июня 2008 в 20:14

Добрый день, Андрей!

не знаю, а вот мне ЛОР читать почему-то комфортнее, чем большинство сайтов в интернете... и читалки у меня все с чёрным фоном, а не белым... ведь когда много белого, наоборот глаза напрягаются больше...

Аватар пользователя B.X B.X 24 июня 2008 в 21:40

ну, старый мне тоже никто не мешает подключить, там в css не так уж и много изменений, на самом деле... а вообще, в большинстве случаев - это не такая уж проблема... во всех современных браузерах (Опера etc...) можно применять свои собственные стили, также как и размер текста и даже шрифты...

Аватар пользователя Emilio13 Emilio13 25 июня 2008 в 9:42

Я вроде еще молодой и зрение более-менее нормальное, но читать белый шрифт на черном фоне очень тяжело - глаза начинают болеть..

Аватар пользователя PVasili PVasili 25 июня 2008 в 11:43

1) Типографика жуткая... Читать невозможно как по цветам, так и по размерам(отступам).
Попробуй подобрать на: http://typetester.maratz.com.. Белым по черному не читается - абсолютно.
2) Своё фото(логотип) - как ссылка на главную. Чтобы по нему тыкали всякие...
3) Фавиконка - класс...

Аватар пользователя B.X B.X 25 июня 2008 в 19:53

"Попробуй подобрать на: http://typetester.maratz.com.. Белым по черному не читается - абсолютно."

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

"Своё фото(логотип) - как ссылка на главную. Чтобы по нему тыкали всякие..."

хех, так и так ссылка... раньше было всё лого ссылкой, а сейчас стандартно - как у Друпала или название сайта или картинка в правой части...

"Фавиконка - класс..."

хех, что-то напоминает, да? мне тоже понравилось... когда делал, решил особо не мудрствовать, а вышло даже неплохо...

"Над читабильностью текстов надо поработать, юзабильней сделать"

над словосочетаниями или над оформлением (картинки к каждой заметке и тд)?

"Так что решение правильное (правда, черный фон для текста немножко маргинально выглядит)."

я думал сделать тёмный, а не чёрный, но выглядело не так хорошо... всё-таки чёрный цвет придаёт блоку контента какую-то объёмность, глубину...

" Cочетание черного-голубого-белого очень хорошо смотрится вообще, но у вас это все как-то немножечко пестрит... Согласен, что блоки нужно выделять, особенно левый блок от основного."

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

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

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

Аватар пользователя PVasili PVasili 25 июня 2008 в 22:53

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

Аватар пользователя Kollo_dHerbois Kollo_dHerbois 25 июня 2008 в 17:17

Дизайн хороший. Раньше сайт выглядел просто... безлико. По-мойму такие сайты "дискредитируют" Друпал (куда ни ткни, сплошные гарланды и пушбаттоны!)
Ну не знаю, прицепились к черному. Белым по черному читается нормально и глаза меньше устают - это если много читать, а не немножко. Так что решение правильное (правда, черный фон для текста немножко маргинально выглядит). Cочетание черного-голубого-белого очень хорошо смотрится вообще, но у вас это все как-то немножечко пестрит... Согласен, что блоки нужно выделять, особенно левый блок от основного. Но у вас многовато этих голубых рамок - как сетка получается... Мне вот такой дизайн нравится http://movabletype.com/ - там те же цвета, но подобраны оптимально. Блоки там выделены голубоватым фоном...

Аватар пользователя Alex1.7707 Alex1.7707 25 июня 2008 в 20:14

Владимир, привет!

Тоже покритикую "новосёла"..:-)
Был не раз у Вас на сайте - выручало новичка, спасибо. Теперь по новому дизайну =
1. Что хорошо =
1.1. Что новый..:-).., ну и стильнее конечно стало...
2. Иконка - класс, метко отражает и очень чёткая!

2. Остальное - плохо, согласен с предыдущими ораторами про цвет фона и читабельность..
2.1. Если Меню слева синее-на-чёрном ещё нормально, то прочтя пару блоков белого текста - заметно напрягает глаза...
2.2. Вы попробуйте, может, как в некоторых "тёмных" Темах - "почти_чёрные" - но разных оттенков, наверняка подберёте что-то и для волков, и для овец..

Только без градиентов, удачи!

Аватар пользователя B.X B.X 5 июля 2008 в 21:13

Учитывая все пожелания и критику, я установил на свой сайт модуль Theme Editor (также для него есть описание на главной странице сайта, хороший модуль). Теперь каждый может создать свою тему для моего сайта и смотреть его таким, какой он им больше нравится. Обращайтесь в ПМ на моём сайте, я дам вам новую роль для доступа к настройкам... Все созданные темы будут доступны и обычным пользователям для выбора между ними.

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