Покупаете дизайн отдельно? Проверьте, всё ли на месте

24.09.2007

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

Например, в моде такой подход: сначала заказывается дизайн, а потом ищется разработчик. В чем здесь проблема?

Очевидно, при таком подходе дизайнер невольно становится проектировщиком. У такого совмещения много побочных эффектов. Но этот недостаток может показаться умозрительным. Есть ли что-нибудь попрактичнее?

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

Итак, что забывается при дизайне «с чистого листа» и потом смущает разработчиков?

1. Возможность тянущегося дизайна.

2. Возможная ориентация на разрешение 800х600.

3. Дизайн подвала («футера»).

4. Стили таблиц: шапка, «сортирующие» ссылки в шапке, четные и нечетные строки.

5. Стили форм: шрифт в textarea, ширина элементов, их выравнивание, отступы в кнопках.

6. Типографика: стили заголовков h2 и h3, маркированных списков, подписей к рисункам, цитат blockquote.

7. Стили ссылок hover и visited.

8. Стили номеров страниц.

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

Комментарии

Валдер, 24.09.2007 14:32

Все бы хорошо, только типографика — это не h2, маркированные списки и т. д., насколько я знаю.

См.: http://www.artlebedev.ru/kovodstvo/62/.

Дмитрий Сергеев, 24.09.2007 14:42

«...Typography is the art and techniques of type design, modifying type glyphs, and arranging type. Type glyphs (characters) are created and modified using a variety of illustration techniques. The arrangement of type is the selection of typefaces, point size, line length, leading (line spacing) and letter spacing...»

Статья «Typography» в Википедии.

Скажем, для заголовков актуальны typefaces, point size и даже letter spacing. Для маркированных списков (особенно для списков ссылок) — line spacing.

Валдер, 24.09.2007 14:56

Ну не знаю, все же в моем понимании типографика — это в первую очередь шрифтовое оформление, как написано в цитате с Вики. А h2, списки и прочее — называется форматированием.

Дмитрий Сергеев, 24.09.2007 15:03

Типографика, она многогранна :) С одной стороны неразрывные пробелы, пробелы «толщиной в волос», n-dash’и, m-dash’и. С другой — ширина колонок, «цвет» текста, зависящий от междустрочных интервалов, шрифты. С третьей — начертание букв, bold’ы и extrabold’ы.

Надо было мне, кончено, написать «стили заголовков и списков». Точнее бы было.

Julia, 26.09.2007 20:00

Типографика — почти направление в искусстве,по ней учебники пишут, она не просто выбор шрифтов, типографика — практически дизайн, охватывающий всю страницу (печатную или электронную) в целом...

Дмитрий Сергеев, 26.09.2007 20:08

Всё точно так :)

Denis Soloshenko, 27.09.2007 02:28

Меня долго озадачивал вопрос: когда привлекать дизайнера.
Пока остановился на таком варианте:

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

Валдер, 27.09.2007 02:38

Грамотный подход, все бы так.

Дмитрий Сергеев, 27.09.2007 12:04

У меня тоже что-то в этом роде: CMS настраивается где-то на 80—90%, а потом по практически готовому сайту можно ходить, придумывать улучшения и дизайн. Это вполне разумно, и наверняка так многие делают.

Делать дизайн заранее в принципе можно, но в голове придется держать больше деталей.

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

alikm, 10.08.2008 04:29

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

deerstop, 12.11.2008 21:33

"Ориентация на разрешение 800х600"? о.О Думаете, заказчик будет проверять сайт на низком разрешении экрана?

Зимин Дмитрий, 24.12.2008 18:35

Чек-лист у дизайна состоит из нескольких пунктов с вариантами "да/нет" - по одному пункту на каждую решаемую задачу.

В итоге все сводится к необходимости поставить-таки перед сайтом хоть какие-то цели. Желательно "SMART styled". Иначе это так и будет "какой-то дизайн".