Тег: сделай

Сделай!

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

Так и вышло:

Новый сайт PL

Предыстория

Ещё полгода назад затевался редизайн сайта, и для него мной в фотошопе был нарисован эскиз оранжево-серого логотипа, на замену страшновато-синему с не самым подходящим растянутым шрифтом и отвратительным италиком слогана. Потом всё как-то приостановилось, появились новые проекты…
Сейчас, чтобы не тратить время на придумывание чего-то нового, я взял за основу тот эскиз логотипа и немного его переработал. Впервые года, наверное, за два, открыл Иллюстратор. :) Шрифт заменил на ITC StoneSansOS, подправил кернинг, на фон плашки поместил градиент.

Вот так:

Логотип PL

Сайт, который мне предстояло переделывать, работал на движке DotNetNuke. Слава богу на новом сайте от этого движка решено было отказаться. Но в пользу голого ASP.Net… :D Что тоже не намного лучше, ну да ладно.

Выглядел сайт так:

Старый сайт PL

Ну чтож… Нарисовал пару шаблонов в Фотошопе, дизайн одного из них был одобрен. Свёрстал, перерисовал схемы, заполнил присланным контентом…

И тут… Вот уж чего я не ожидал…

1. «Сделай во всех текстах выравнивание по ширине (Justify)!»
Ну вот, опять…
«Не надо на веб переносить книжные приемы. На бумаге выравнивание по сторонам помогает глазу не отвлекаться, при этом у вас есть инструменты воздействия на набор: переносы, разрядка, масштаб шрифта, настройка минимальных и максимальных пробелов и пр. На вебе у вас таких инструментов нет, вот и не надо формализма. Align=»left» нормально работает.»
Сергей Федоров, Студия Артемия Лебедева

Замечательная статья про justify на хабрахабре: Выключка по ширине, или Убей «text-align: justify;».

Ссылки на статью и объяснения были приведены — бесполезно. :( Web — это не документы Word! В Web не работают переносы. В итоге мы видим огромные дырки, например в новостях и отзывах. Это выглядит убого и непрофессионально.

2. «Сделай плавно прокручивающиеся новости!»
Ну вот, привет конец 90-х… Последние три новости — максимум на что хватает внимания посетителя. Ну или представим, например, посетитель начал читать (точнее просматривать, в вебе читают редко) параграф «О компании», потом перешёл к новостям, а там за то время пока просматривал «О компании» уже ползут новости за январь 2006 года. Должно быть фиксированно три последние новости. И баста!

3. «Сделай выравнивание по правому краю ссылок в подменю!»
Русский язык — «не иврит и не арабский»! Ну что тут ещё сказать…

Было ещё много «пунктов», которые меня ненадолго повергали в шоковое состояние: сделай шрифт меню меньше, сделай отступы больше, сделай это серым, сделай иконки меньше, выдели тут жирным и италиком, сделай тёмно-бордовый фон переходящий в светлый металлик!

Не считая всего этого, сайт в целом получился неплохим. Даже, наверное, слишком неплохим…

P.S. Ну и немного бонусных картинок-схем, перерисованных мной для сайта:

Схема для сайта PL
Схема для сайта PL

P.P.S. Посту уже эдак полгода, всё не решался запостить. :)

4