Прежде чем приступить к созданию сайта, необходимо разработать его функциональный дизайн. Не путайте функциональный дизайн с визуальным. Визуальный дизайн это то, как все будет выглядеть: какая цветовая гамма, какие изображения, какая рамка, какая основная шапка и т.д. Функциональный дизайн это то, как все будет устроено: где будет расположено основное меню, где кнопки, где каталог, какого размера будут эти элементы и т.д. Если привести пример из повседневной жизни: функциональный дизайн квартиры это сколько в ней комнат, как они расположены относительно друг друга, сколько где окон, какая высота потолка и т.д. А вот какого цвета будут обои, что будет лежать на полу, как будет стоять мебель – это уже визуальный дизайн.
У стандартного сайта есть три главных элемента: навигационное меню, шапкаи нижняя часть, в которой располагаются счетчики, контактная информация, а также всевозможные копирайты.
Разрабатывая дизайн каждого элемента при создании сайтов необходимо учитывать его назначение. Шапка должна быть яркой и запоминающийся, меню – удобным и максимально информативным, ну а нижняя часть наоборот не должна бросаться в глаза. Шапку обычно делают в виде графического баннера. Она должна содержать полное название сайта, возможно логотип или слоган. Также в шапку можно вынести несколько элементов управления. Но их не должно быть много, двух-трёх вполне достаточно. Сделайте шапку гиперссылкой на главную старицу, дабы пользователю всегда было легко вернуться на главную из любого раздела сайта. Ещё один полезный элемент, который можно разместить в шапку – кнопка «Добавить в избранное».
Навигационное меню, пожалуй, самый важный элемент функционального дизайна сайта. Ваш сайт может быть очень красочным и интересным, но если у него будет непонятное и запутанное меню – люди будут уходить.
Главные требования к меню сайта:
— Кнопки не должны быть мелкими и стоять слишком рядом друг к другу, дабы пользователи не промахивались мимо нужного пункта меню.
— Кнопок не должно быть мало и не должно быть много, их должно быть достаточно. Мало кнопок – люди не смогут эффективно воспользоваться всеми возможностями сайта, слишком много – будут теряться и путаться.
— Кнопки должны быть хорошо читабельными. Используйте простой и понятный шрифт и смотрите, чтобы шрифт контрастировал с цветом фона.