---
title: "Редизайн iPort.kz — кто на новенького?"
description: "Только недавно упоминал айпорт.кз за его огрехи в дизайне, а они взяли и сменили его. Молодцы, почти..."
author: "AXS"
published: "2011-10-07T12:23:20+00:00"
modified: "2011-10-07T12:43:31+00:00"
locale: "ru"
canonical_url: "https://yvision.kz/post/redizayn-iport-kz-kto-na-novenkogo-196764"
markdown_url: "https://yvision.kz/post/redizayn-iport-kz-kto-na-novenkogo-196764/markdown"
site_name: "Yvision.kz"
---

# Редизайн iPort.kz — кто на новенького?

> Только недавно упоминал айпорт.кз за его огрехи в дизайне, а они взяли и сменили его. Молодцы, почти...

Только недавно упоминал [айпорт.кз](http://iport.kz) за его огрехи в дизайне, а они взяли и сменили его. Молодцы, почти исправили одну из злейших ошибок в дизайне — подчеркнули большинство ссылок. Хотя по каким-то непонятным соображениям оставили не подчёркнутыми самые верхние — рубрики. Может проморгали? Да как можно? А слона то я и не приметил...

Проморгали также ещё одну важную вещь — **ссылки, клик по которым не приводит к переходу на другую станицу, а открывает, например, всплывающее окно, должны быть подчёркнуты пунктиром.** Это я сейчас о ссылке «Вход». Ни в html, ни в css нет таких атрибутов шрифта, которые делали бы пунктирное подчёркивание, но можно схитрить:

 

На заметку верстальщикам айпорт.кз

- .dashed-link {

- text-decoration: none;
- border-bottom: 1px dashed #014EB7;

- }

Использование

- Вход

 

Ещё сделали резиновую вёрстку, тоже плюс им. Но вот главный косяк, который все заметили, но не все поняли — это весьма крупные плашки, тяжёлого синего цвета. Нет, конечно нет не используемых в дизайне цветов, но на белом фоне они грузят глаза и отвлекают от контента. К тому же надписи на них сделаны прописными буквами, что затрудняет восприятие. Это тоже давно не новость для дизайнеров и верстальщиков.

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

В новом дизайне есть ещё одна потрясающе чужеродная деталь. Открываем сайт. Что видим? Синий, минималистский дизайн. Монохромно, без градиентиков, без скруглений, короче, без хуйни. Это вполне нормальный подход к информационному сайту, где смысл имеет контент, а не завитушечки. Мотаем вниз. Всё нормально. Мотаем вниз до упора... Оп! Что за?.. Номерок текущей страницы придавлен зелёной! градиентной плашкой со скруглёнными углами! Это что? Забыли с прошлого проекта? Ну знаете ли... Скажите честно, господа дизайнеры, что курили?

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

Было • стало •

Или хорошенько ослабить цветность:

Было • стало •

Второе: можно попробовать слегка скруглить углы плашек, как уже сделали с плашкой текущей станицы. А её, конечно же, перекрасить.

Третье: сделать нормально читаемые надписи — первая прописная, остальные строчные.

Ну и конечно же четвёртое: раз уж начали, то сделать все ссылки подчёркнутыми. Про пунктир тоже не забыть.

Логотип тоже чего то простит, пока не пойму чего.

> Прошло некоторое время...

Короче, я сел и накидал эскиз поправок для дизайна айпорт.кз. В качестве образца взял [страницу рубрики «мобильная связь»](http://iport.kz/blog/mobilecoms/). Сейчас она выглядит так:

[!\[Редизайн iPort.kz — кто на новенького?\](https://storage.yvision.kz/images/user/axs/Cn4sAD70fU2Ofm2c8yyMyM9RMz7Ozb.jpg)](http://bloggu.ru/images/iport_new.jpg)

Кликните по картинке чтобы увеличить.

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

[!\[Редизайн iPort.kz — кто на новенького?\](https://storage.yvision.kz/images/user/axs/QOBVnyESv7y7ry814td47Ej25UIy5Y.jpg)](http://bloggu.ru/images/iport_my.jpg)

Кликните по картинке чтобы увеличить.

Конечно, многое ещё надо шлифовать, но вид уже более приятный. Как думаете? Везде видно где ссылка, а где нет, без проверки курсором. Видно что мы находимся в рубрике «мобильная связь». Совершенно ясно, что если кликнуть «вход», откроется всплывающее окно. Плашки вроде не грузят и не режут глаз. Я их сделал одной ширины, что лучше сбалансировало общую картину и исчез крен в левую сторону. Типографика в логотипе такой мне тоже кажется более удачной, хотя и сделана на скорую руку. Надписи на плашках не кричат, а информируют и при этом не теряются. В любом случае судить вам.

Будет неплохо, если дизайнеры айпорта увидят этот пост. А также очень интересно общественное мнение.

Ну и напоследок верстальщикам сабжа: тире — это не n-dash, а m-dash. Кто знает, тот поймёт.

---

Source: [https://yvision.kz/post/redizayn-iport-kz-kto-na-novenkogo-196764](https://yvision.kz/post/redizayn-iport-kz-kto-na-novenkogo-196764)