Только недавно упоминал айпорт.кз за его огрехи в дизайне, а они взяли и сменили его. Молодцы, почти исправили одну из злейших ошибок в дизайне — подчеркнули большинство ссылок. Хотя по каким-то непонятным соображениям оставили не подчёркнутыми самые верхние — рубрики. Может проморгали? Да как можно? А слона то я и не приметил...
Проморгали также ещё одну важную вещь — ссылки, клик по которым не приводит к переходу на другую станицу, а открывает, например, всплывающее окно, должны быть подчёркнуты пунктиром. Это я сейчас о ссылке «Вход». Ни в html, ни в css нет таких атрибутов шрифта, которые делали бы пунктирное подчёркивание, но можно схитрить:
-
.dashed-link {
-
text-decoration: none;
-
border-bottom: 1px dashed #014EB7;
-
}
Ещё сделали резиновую вёрстку, тоже плюс им. Но вот главный косяк, который все заметили, но не все поняли — это весьма крупные плашки, тяжёлого синего цвета. Нет, конечно нет не используемых в дизайне цветов, но на белом фоне они грузят глаза и отвлекают от контента. К тому же надписи на них сделаны прописными буквами, что затрудняет восприятие. Это тоже давно не новость для дизайнеров и верстальщиков.
Отдельным абзацем надо наградить поле поиска в верхнем правом углу. Не знаю какого хуя там залетело в голову дизайнерам делавшим новый облик сайта, но при всей квадратности и прямолинейности вёрстки поле поиска растворяется в правую сторону. Жындыма?..
В новом дизайне есть ещё одна потрясающе чужеродная деталь. Открываем сайт. Что видим? Синий, минималистский дизайн. Монохромно, без градиентиков, без скруглений, короче, без хуйни. Это вполне нормальный подход к информационному сайту, где смысл имеет контент, а не завитушечки. Мотаем вниз. Всё нормально. Мотаем вниз до упора... Оп! Что за?.. Номерок текущей страницы придавлен зелёной! градиентной плашкой со скруглёнными углами! Это что? Забыли с прошлого проекта? Ну знаете ли... Скажите честно, господа дизайнеры, что курили?
Моё мнение таково: им надо смягчить синий цвет плашек и прочего до более светлого с крохотным сдвигом в зелёный спектр:
Было • стало •
Или хорошенько ослабить цветность:
Было • стало •
Второе: можно попробовать слегка скруглить углы плашек, как уже сделали с плашкой текущей станицы. А её, конечно же, перекрасить.
Третье: сделать нормально читаемые надписи — первая прописная, остальные строчные.
Ну и конечно же четвёртое: раз уж начали, то сделать все ссылки подчёркнутыми. Про пунктир тоже не забыть.
Логотип тоже чего то простит, пока не пойму чего.
Прошло некоторое время...
Короче, я сел и накидал эскиз поправок для дизайна айпорт.кз. В качестве образца взял страницу рубрики «мобильная связь». Сейчас она выглядит так:
Кликните по картинке чтобы увеличить.
Я применил все вышеописанные замечания к дизайну и вёрстке и добавил дополнительную коррективу. Чтобы не дублировать название категории в топ-меню и в начале страницы, просто сделал выделение текущей категории в топ-меню более светлой плашкой. При этом пришлось подложить под это меню полоску, которая достаточно органично вписалась в общую картину. В общем вот что получилось:
Кликните по картинке чтобы увеличить.
Конечно, многое ещё надо шлифовать, но вид уже более приятный. Как думаете? Везде видно где ссылка, а где нет, без проверки курсором. Видно что мы находимся в рубрике «мобильная связь». Совершенно ясно, что если кликнуть «вход», откроется всплывающее окно. Плашки вроде не грузят и не режут глаз. Я их сделал одной ширины, что лучше сбалансировало общую картину и исчез крен в левую сторону. Типографика в логотипе такой мне тоже кажется более удачной, хотя и сделана на скорую руку. Надписи на плашках не кричат, а информируют и при этом не теряются. В любом случае судить вам.
Будет неплохо, если дизайнеры айпорта увидят этот пост. А также очень интересно общественное мнение.
Ну и напоследок верстальщикам сабжа: тире — это не n-dash, а m-dash. Кто знает, тот поймёт.