# 006 - Мобильные фотошопы, часть 2 - CSS-хитрости

Содержание

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

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

Поскольку мы использовали градиент для ссылки, другие кнопки под ней уже отделены от кнопки над ней. Мы можем продолжать создавать ссылки вниз по странице, пока не охватим все основные области. Не переусердствуйте, но 4-5 вполне подойдут. И тот факт, что «сворачивание» происходит прямо в середине стержневой ссылки, замечательно. Как и слайды, свисающие с краев экрана, наличие ссылки, свисающей снизу, делает очевидным, что вы также можете прокручивать вниз.

Нижний колонтитул будет максимально простым. Просто ссылка на авторские права и кое-что из социальных сетей. Все знают, что означает ссылка «Twitter» или «Facebook».

Интересные статьи...