Дизайн для www. *****

Дизайн для www. *****

Основное:

Все страницы сайта имеют 100% ширину и высоту («резиновая» верстка), при формировании дизайна и, в последствии, скинов, необходимо это учитывать. Шрифты на сайте не имеют фиксированного размера, должна быть предусмотрена возможность как их увеличения, так и уменьшения (в разумных пределах) В оформлении страниц должны быть единые шапка и подвал (за исключением всплывающих «popup» окон – у них будет свое оформление). Дизайн должен быть простым, без лишних графических элементов, графика как элемент оформления может присутствовать только в шапке и подвале, оформлении блоков страницы и, возможно, в оформлении заголовков (минимально). Дизайн должен быть легким, скорее всего, основной контент не нужно выделять отдельным блоком, блоками же выделяются вспомогательная навигация, пункты меню, и, может быть, реклама. Вид блоков лучше свести к прямоугольному, либо же к прямоугольникам со скругленными углами. Дизайн не должен быть жестко привязанным к какому-либо одному варианту оформления, т. к. предусматривается возможность использования скинов, реализованных как разные подключаемые стилевые таблицы. При этом основной фон страницы может быть не только белым, а, например, и черным и каким-либо фоновым рисунком. Должно быть предусмотрено четкое разделение оформления простого текста от текста ссылок, пункты меню могут содержать иконки (уже пришли к размеру 16х16 пикселей, менять его не имеет смысла). Все функциональные элементы должны быть заметны и понятны, и не должны теряться в общем представлении страницы. Основная навигация должна давать пользователю в один клик попасть на основные интересующие пользователя страницы, например: Главную страницу Главную страницу любого подраздела сайта Для зарегистрированного пользователя:

  i.  на свой личный сайт (там же и его профиль), если он есть

  ii.  на форму создания личного сайта, если он еще не создан

Для незарегистрированного пользователя – форма входа и регистрации.

Возможно, это не является окончательным набором ссылок, в идеале – отсутствие строгой привязки к количеству ссылок.

В новом дизайне должна быть некая преемственность от старого дизайна, возможно, цветовая гамма в скине по умолчанию. На сайте может присутствовать «быстрая помощь», возможно, в виде какого-то персонажа, дающего подсказки (должна быть возможность отключения подсказок). Через все страницы сайта должно проходить, по крайней мере, одно рекламное место («небоскреб» 120х600), 2 места 200x100 (в левой колонке), а так же, возможно, рекламное место в шапке портала, а также на внутренних страницах предусмотреть возможность размещения рекламы спонсора раздела (100% ширина, высота 30 пикселей, скорее всего под шапкой сайта).

Внутренняя страница:

Вид внутренней страницы не должен сильно отличаться в зависимости от того, находится ли эта страница на самом сайте, либо же в личном разделе. Различия могут быть только в разных меню и выводе портрета пользователя или описания комьюнити на личном сайте или комьюнити соответственно. На оформление может влиять только скин, примененный владельцем личного раздела, либо же выбранный посетителем сайта. Основной частью любой внутренней страницы является контент, который может быть статьей (записью блога) с комментариями, списком материалов (статей, записей, фотографий и т. п.), форумом; шапка и подвал проходят через все страницы сайта, дополнительными блоками могут быть навигационное меню (по разделу сайта или же личному разделу), меню управления или настроек (для личного раздела и комьюнити), вспомогательная навигация (например, список «см. также») Навигационные и управляющие элементы, проходящие через большинство страниц сайта, можно попробовать сделать (если получится) унифицированным (например, пункты «добавить запись / фото / фотоотчет / статью / тему на форум» можно сделать схожими для всех вариантов добавления, будь то новая тема форума, или же новая статья или запись в блоге).

Главная страница:

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

Расположение блоков информации на внутренней странице:

Расположение, возможно, имеет смысл поменять на главной странице. На внутренних страницах расположение основных блоков можно оставить тем же:

Информация на главной странице

Необходимо срочно уходить от «мешанины» на главной странице, для этого нужно отказаться от обилия разномастных вкладок. Вариант – сделать вкладки по основным направлениям сайта, а именно: Интересное – представление последних интересных материалов: фотоотчетов, наиболее обсуждаемых статей или новостей и т. п. Новое – анонсирование последних добавлений на сайте и в личных разделах … и т. д. Вкладки на главной странице разделить по направлениям: Анонсирование материалов на сайте (новых/популярных) Анонсирование материалов в личных разделах и комьюнити (новых/популярных) Остается набор информеров (как сейчас).

Основная навигация

Предпочтителен вариант основной навигации по сайту в виде выпадающего меню, развернутого на главной странице портала и свернутого на всех внутренних страницах (см. рисунки). Кнопка вызова меню (на рисунках он обозначен как кнопка «Навигация») может быть обыграна как-либо, например, в стиле кнопки «Пуск» в Windows или, например, в виде стрелки… Поведение навигационного меню схоже с поведением кнопки «Пуск» в Windows, т. е. при нажатии выпадает вниз, подпункты меню выпадают вправо. На главной странице первый уровень меню развернут.

Основные типы страниц, для которых нужна отрисовка

Главная страница; Внутренняя страница с развернутым материалом (новость или статья); Страница со списком (анонсами) новостей/статей – лента новостей/статей (с комментариями); Страница списка тем форумов (для вариантов с фильтром по тематикам и без); Страница развернутой темы форума (для структурированного (по умолчанию) и потокового варианта); Страница портрета пользователя на личном сайте (портрет, друзья, комьюнити, «я есть на фото»); Страница ленты материалов на личном сайте (блог, лента друзей, избранное); Страница ленты с графическим отображением контента (фотогалерея, видеогалерея, файлбокс); Страница просмотра фотографии на личном сайте.

Главная страница портала www. ***** Основное навигационное меню развернуто до первого уровня.	Внутренняя страница портала www. ***** Основное навигационное меню свернуто.
Страница личного раздела (сайта) или комьюнити Основное навигационное меню скрыто, есть портрет и меню по личному сайту (комьюнити)