Сайт финансового аналитика и радиоведущего Владимира Левченко

Задача: создать персональный сайт-блог известному человеку

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

 

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

Первый вариант. Дизайнер недостаточно хорошо понял требуемый макет и добавил несколько лишних элементов. Цвет выбран не очень удачно.

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

Меняем цвет на зеленый. Уже лучше, но цвет по-прежнему очень яркий. Такой цвет здесь не пойдет — сайт состоит из статей, нельзя утомлять глаза читателя. В прошлом варианте неудачной была пиктограмма доступа по платной подписки (буква «р»). Пробуем заменить ее на «замочек».

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

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

Отдельно разрабатываем дизайн для дерева комментариев. На этом сайте к ним особое внимание — требуется создать удобную площадку для общения. После долгих экспериментов вырабатываем оптимальный макет.

×

Вы используете устаревший браузер Internet Explorer

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