Создание сайта «Яндекс-почта» 7.0

Все началось с переделки шапки. Пробуем объединить все действия с письмами. Дополнительные фичи — календарь и поиск — выносим в табы.

Пробуем разные варианты оформления шапки.

Шапка разрастается и поглощает заголовки колонок.

Уменьшаем шапку и добавляем суперский градиентный ховер. Вроде бы всем нравится и результат достигнут.

Думаем дальше, выворачиваем страницу наизнанку.

Теперь совсем красиво.

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

С интерфейсом определились. Теперь приступаем к оформлению. Создаем фоны на любой вкус.

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

Этот вариант подходит, но как иконки будут чувствовать себя на светлом фоне? Получается довольно блекло.

Пробуем сделать иконки поярче.

Похоже, теперь стало слишком ярко.

Пробуем однотонные варианты, объединяя похожие действия цветом.

Рисуем дальше и получаем финальный вариант.

Теперь всем все нравится. Рисуем смайлики.

По праздникам украшаем почту марками.