Новый сайт факультета

[Kenny]

Prefinal.
http://dev.qntzr.com.ua/

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

Адекватные комментарии внедрятся в следующие версии или обновления.

PS мой дебютный проект в области веб-разработки. Делался долго, потому что в свободное время.

[grimgav]

Буду первым.

• В шапке можно было бы указать, что это за университет. Например, чуть выше названия факультета.
• Цветные флаги выпадают из общей ЧБ гаммы. Их бы лучше сделать тоже ЧБ, а уж при наведении курсора разукрашивать.
• Оранжевый в меню мягко-говоря напугал. Я ожидал какого-нибудь #999 ████ или #666 ████.
• При переходе на страницу второго уровня родительский пункт меню схлопывается и пользователь сразу теряется где он находиться. Меню лучше оставлять раскрытым и выделять визуально текущую страницу.
• Ссылки на сайты кафедр лучше пометить как внешние (пиктограм для этого хватает ↦⇒⇗⇛➭⤇). Я прямо ошалел когда открылся совсем левый сайт. Возможно целесообразней было бы оставить краткое описание кафедры с направлениями подготовки и указать ссылку на «официальный» сайт кафедры.
• Не понравилось отсутствие :hover эффекта в блоке «Ближайшие события».

О графическом оформлении сказать нечего, похоже на оформление конца 90-х. Сейчас так никто не делает. Наверняка есть на факультете парень или девушка которые смогли бы помочь в этом вопросе. Тот же broken_wings любит помучать PhotoShop...

[Alder]

Тот же broken_wings любит помучать PhotoShop...

Он уже КНТшник, как и я

О графическом оформлении сказать нечего, похоже на оформление конца 90-х

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

З.Ы. В рамках оффтопа - новый пример идеального для меня сайта http://oakstreetbootmakers.com/

[Kenny]

Шрифты не из стандартного набора, там же нужна полная поддержка ie6. Я кодил все под линуксом, с виндовым шрифтом еще поиграюсь.

[Alder]

Шрифты не из стандартного набора, там же нужна полная поддержка ie6

Предлагаю на ИЕ6 забить. Иначе умирание трупа будет еще долгим. К тому же, использование Cufon позволит сделать нестандартные шрифты с поддержкой любого браузера.

[Kenny]

В шапке можно было бы указать, что это за университет. Например, чуть выше названия факультета.

Да, согласен.

Цветные флаги выпадают из общей ЧБ гаммы. Их бы лучше сделать тоже ЧБ, а уж при наведении курсора разукрашивать.

Согласен. Или в приглушенных тонах попробую.

Оранжевый в меню мягко-говоря напугал. Я ожидал какого-нибудь #999 ████ или #666 ████.

Хотелось внести взрыв в серость и строгость, не получилось?%)

При переходе на страницу второго уровня родительский пункт меню схлопывается и пользователь сразу теряется где он находиться. Меню лучше оставлять раскрытым и выделять визуально текущую страницу.

Да, починю, до этого было. Выделить текущую тоже логично.

Ссылки на сайты кафедр лучше пометить как внешние (пиктограм для этого хватает ↦⇒⇗⇛➭⤇). Я прямо ошалел когда открылся совсем левый сайт.

Может лучше border-bottom 1px dotted black? Как-то пиктограммы не встречал никогда такие.
 

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

Дублирование информации разве нужно? Информации не так много, на одну страничку со всех, но тогда навигация не очень получается.

Не понравилось отсутствие :hover эффекта в блоке «Ближайшие события».

Согласен.
(Отправлено в: Январь 12, 2011, 01:25:22 )
 

Предлагаю на ИЕ6 забить. Иначе умирание трупа будет еще долгим. К тому же, использование Cufon позволит сделать нестандартные шрифты с поддержкой любого браузера.

Ну да, забить. Подумай какой самый популярный браузер из университетской сети.
Считаешь все эти скриптовые нагромождения стоят того?
(Отправлено в: Январь 12, 2011, 01:27:31 )
 

О графическом оформлении сказать нечего, похоже на оформление конца 90-х. Сейчас так никто не делает. Наверняка есть на факультете парень или девушка которые смогли бы помочь в этом вопросе. Тот же broken_wings любит помучать PhotoShop...

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

[Kenny]

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

А что с типографикой не так? С текстами в истории еще поработаю(форматирование и мелкие детали внутри текста), играясь с настройками(на новостях) кажется получилось максимальной читабельности добиться. Другой шрифт заголовков? Ну при такой кегле в этом есть смысл? в бложеках где огромные заголовки возможно.

[Alder]

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

Ты не находишь что этот тренд не с потолка? А по принципам дизайна и юзабилити.

http://web.mit.edu/
http://www.harvard.edu/

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

[Kenny]

Взорвал, безспорно. Но по мне это не к месту.

ок, поэкспериментирую.

Точечным бордером снизу обычно принято помечать аббревиатуры (<abbr>). За примером выделения внешних ссылок при помощи пиктограм/иконок далеко ходить не надо, достаточно взглянуть на Википедию.

Принято.

PS много чего перекочевало в todo-лист.

немного накосячил с исправлениями, пост гримгава удалил т.к. испортил его и ответил прямо в нем, поэтому цитировал полностью тут.
(Отправлено в: Январь 12, 2011, 01:49:07 )
 

Ты не находишь что этот тренд не с потолка? А по принципам дизайна и юзабилити.

Это тренд на сайтах университетов, на сайтах кафедр ничего такого нет, минимализм и строгость в основном. вот например http://web.mit.edu/cdo-program/

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

Как обычно ничего конкретного:)
Поэкспериментирую еще.

[Alder]

Это тренд на сайтах университетов, на сайтах кафедр ничего такого нет, минимализм и строгость в основном. вот например

Минимализм и строгость тоже идут по принципам дизайна. Когда-то, в году 2003, я делал свой первый сайт. На основе какого-то бесплатного шаблона от аналога Дримвивера. Вот выглядело так же грустно и печально. Но это ладно - мой сайт, никому не нужный. А это сайт факультета. Извини, но сейчас он явно не тянет по дизайну на лицо КИТА в интернете. Потому что дизайна, как такового, там нет. Сайтов в минимал-стиле можно найти множество и многие из них, используя только 2 цвета + элементы типографики, выглядят стильно и солидно.

Как обычно ничего конкретного

Как может быть конкретнее - текст плохо читается. Мне на нравится шрифт. Заголовки одного размера с текстом. Это скучно. Факультет же не металлургический, а компьютерный. Так давайте сделаем нормальный сайт.

[Kenny]

Минимализм и строгость тоже идут по принципам дизайна. Когда-то, в году 2003, я делал свой первый сайт. На основе какого-то бесплатного шаблона от аналога Дримвивера. Вот выглядело так же грустно и печально. Но это ладно - мой сайт, никому не нужный. А это сайт факультета. Извини, но сейчас он явно не тянет по дизайну на лицо КИТА в интернете. Потому что дизайна, как такового, там нет. Сайтов в минимал-стиле можно найти множество и многие из них, используя только 2 цвета + элементы типографики, выглядят стильно и солидно.

Ничего по делу, никаких конретных советов или предложений по улучшению.

Как может быть конкретнее - текст плохо читается. Мне на нравится шрифт. Заголовки одного размера с текстом. Это скучно. Факультет же не металлургический, а компьютерный. Так давайте сделаем нормальный сайт.

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

[Alder]

Ничего по делу, никаких конретных советов или предложений по улучшению.

Потому что я не дизайнер. Ни разу. Я могу лишь сказать своё мнение со стороны. А ты задумайся - 2 человека уже сказали, что дизайн скучный.

Уже писал что поэкспериментирую, но мне кажется что ты себе там огромные загловки как на хабре хочешь.

Я себе там ничего не хочу. Заголовок должен выделяться размером. Экспериментируй. Показывай.

[grimgav]

Как вам такая «типографика»?

[vlprans]

Да, дизайн я считаю надо переработать.

Я тоже нифига не дизайнер, но когда приходится делать маленькие сайтики такого плана, я всегда склоняюсь к минималистичному дизайну. А чтобы быстро добиться нормального внешнего вида обычно использую http://blueprintcss.org/ . Эта штука поможет с минимальными усилиями подогнать твои шрифты и лейаут к типографским стандартам и она just works. Стоит только немного разобраться.

Кстати, прогони еще валидатором.

[Alder]

Как вам такая «типографика»?

Вполне ок.

Kenny, немного конкретики - если оставлять текущее состояние блоков, то
1. Делаем фон страницы.
2. Делаем другой фон блока по центру.
3. В центральный блок помещаем хедер, меню, контент, футер.
Как-то так. Общие слова, но смысл, я думаю, понятен. Использование CSS-фреймворков, как верно подсказал vlprans, должно помочь.

[Kenny]

Да, дизайн я считаю надо переработать.

Да, кучу мелочей переделать надо.

Я тоже нифига не дизайнер, но когда приходится делать маленькие сайтики такого плана, я всегда склоняюсь к минималистичному дизайну. А чтобы быстро добиться нормального внешнего вида обычно использую http://blueprintcss.org/ . Эта штука поможет с минимальными усилиями подогнать твои шрифты и лейаут к типографским стандартам и она just works. Стоит только немного разобраться.

Попробую со шрифтами, да, а вот модульная сетка вряд ли понадобится.

Кстати, прогони еще валидатором.

Да, уже видел, до это уже исправлял, но с того времени добавилось много.
(Отправлено в: Январь 12, 2011, 03:40:56 )
 

Kenny, немного конкретики - если оставлять текущее состояние блоков, то
1. Делаем фон страницы.
2. Делаем другой фон блока по центру.
3. В центральный блок помещаем хедер, меню, контент, футер.

Так будет еще хуже:)
Если успею покажу 3-4 разных варианта ближе к ночи.

[Sterh]

А все равно он страшненький. Хотя мне, конечно, льстит,  что ты оставил фоном мои единички и нолики ))
Предыдущий дизайн тоже был не фонтан.
Но глядя на этот, мне хочется разбить эти серый блоки каким нибудь красным молотком, бросить в него пару банок цветных красок, оживить сильными отступами и добавить пространства.
Потому что скучно!
Глазу не за что зацепиться кроме единичек и ноликов.

Хочется вдохнуть жизнь...

" ...Стараясь их дыханием согреть
     Иль оживить моей бессмертной жизнью;
     О, сколько б отдал я тогда земных
     Блаженств, чтоб хоть одну, одну минуту
     Почувствовать в них теплоту.
     Напрасно, Закону лишь послушные, они
     Остались хладны, хладны как презренье." (с) Лермонтов

[Kenny]

Ок, кто хочет поменять все сразу моментально немедленно:) присылайте макеты на quantizer@mail.ua буду признателен.
А так советы, тыканья пальцем куда надо и т.д. тоже приветствуются:)

[Techno Addict]

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

[Kenny]

Поскольку во всем я бросаюсь в крайности:) надумал переверстать дизайн с нуля:) думаю всем понравится.
Вдохновился парой зарубежных сайтов. Ищу любые фотографии которые связаны с факультетом: оборудованием, аудитории, преподаватели во время работы и тд. Живые фото короче говоря.