Нарисовать в подробностях

Роман Хлебников:
— Евгений, привет! Сделал страничку будущего сайта о животных. Предполагается на этом сайте как читать интересные статьи, так и размещать объявления собак и кошек. Также будут потерянные и найденные. Вопрос в том, как дела обстоят с вёрсткой, что можно ещё добавить или убрать? Как придать ей большей индивидуальности? Большой пустой блок справа предположительно для рекламы. Стоит ли его делать таким большим?

Роман!

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

Поэтому есть смысл сразу рисовать комплектный дизайн-проект. Сначала понять структуру, выявить основные «места». Например, у вас это может быть главная страница, страница статьи, раздел с объявлениями, новости. Нужно понять, в каких состояниях всё это бывает, сколько должно быть картинок и каких, чтобы вместе они отвечали на основные вопросы. И это рисовать.

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

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

* * *

Дела с вёрсткой обстоят нормально. Типографика не звенящая, но и не кошмарная. Модульная сетка скучновата. Нет, это хорошо, что промоблоки разные. Но всё равно на хватает какого-то главного объекта. И внятности не хватает. Чтобы это исправить, достаточно выявить все сущности — объявление, статья, фактоид, что там ещё — и для каждой придумать узнаваемый дизайн.

Лучший способ придать вёрстке индивидуальность — придумать классный проект с уникальными фишечками и форматами представления данных. Тогда достаточно аккуратно оформить — вот и вся индивидуальность.

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

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

P. S. Чтобы размещать объявления кошек, вам придётся сделать прорыв в науке и технике: разработать кошко-ориентированные интерфейсы, научиться распознавать и транслировать их сигнальную систему (согласен, лучше начать с британских). Это довольно сложная задача — возможно, её стоит выделить в отдельный проект.

:—)

1 комментарий
Дима Гинтофт

Мне в глаза бросился вертикальный разделитель посередине. Помните, как у Тафти, 1+1=3 or more. Я задумываюсь над его смыслом: «а, понял, слева собаки, а справа кошки, а не, среди кошек тоже ведь про собаку есть, блин, что он значит?». В общем, у вас 8 элементов нанизаны на одну ось и это создаёт случайный смысл оси.

Популярное