Just

Kitich

web-design

Дизайн «на вырост»

В день своего «рождения» любой сайт идеален: подтянутые стили, аккуратные картинки, каждый пиксель отполирован модным дизайнером до блеска. Уже через несколько дней появляются первые юношеские прыщи некачественные иллюстрации, через неделю начинают разлазиться тщательно продуманные стили, через месяц уже повзрослевший сайт обрастает мелькающими баннерами и погружается в пучину хаоса.

Ужас. И мы же знали, что так будет; что так бывает каждый раз; и продолжаем наступать на те же самые грабли. Но хватит, наш следующий дизайн должен быть готов ко всему!

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

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

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

Стили ссылок

Банально, да, но все псевдостили для гиперссылок должны быть продуманы дизайнером и, желательно, отражены в макете дизайна. И все 4 должны быть прописаны в таблице стилей для каждого вида ссылок, чтобы потом на сайте внезапно не всплыли более общие стили или (упаси, Господи) стандартные стили браузера.

Заголовки, списки, таблицы

Примерно то же самое касается любых других тегов, которые редактор/администратор сайта может использовать для разметки текстов. Внешний вид всех возможных элементов разметки должен быть продуман и согласован с общим дизайном. И чтобы не было вариантов типа «верстальщик сбросил стили и почему-то все таблицы красивые, но без рамок».

Формы

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

Flash и неформатные изображения

Если дизайн форм — работа на далекую перспективу, то медиа-контент на сайте появится с очень высокой вероятностью. Видео с «Ютуба», звукозаписи, презентации или буклеты в соответствующей flash-обертке. Лично я считаю, что подобные элементы должны включаться в текст так же, как изображения; но стили для них тоже должны быть прописаны обязательно.

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

Расширение меню

Вообще больная тема и «закон подлости». Заказчик может сколько угодно стучать кулаком в грудь, что вот она, структура сайта, и будет такой всегда; но через год, может, через 2, в главное меню обязательно придется добавить еще один раздел. Просто смиритесь с этим :) И можно, конечно, поверить заказчику, и через 2 года вас не вспомнят, но в душе будут благодарны, что новый пункт меню удалось добавить красиво, аккуратно и без особых потерь.

Счетчики и баннера

Баннеров, может, не будет, если сайт большой и солидный. Но без счетчиков никуда — нужно раскручиваться, регистрироваться в каталогах, наращивать рейтинги — и эти гаденькие разноцветные кнопки 88×31 сразу тут как тут. Лучше придумать для них место заранее, потому что то, куда их «приткнет» веб-мастер, вам, скорее всего, не понравится.

Дополнительные блоки

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

...

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

Читать еще:
Подписаться: RSS
Поделиться: в Facebook в ЖЖ в Контакт в Twitter
Оценить: Бяка :(Няка :)
  1. > или (упаси, Господи) стандартные стили браузера

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

  2. 18.04.2011
    kitich #2 Ответить

    Хорош. но во многих случаях те же забытые стили оформления ссылок — просто «вырви глаз» на фоне вылизанного макета

rss.)))

Что это?