# 006 - Фотошопінг для мобільних пристроїв, частина 2 - CSS-хитрощі

Anonim

У нас є “заголовок” дизайну на місці, нам просто потрібно з’ясувати решту сторінки. У нас є список найважливіших цілей, які ми намагаємось досягти, так що це допоможе нам керувати нами. По суті, набір посилань («основна навігація») буде нам добре служити.

Наприклад, нам потрібно продемонструвати написання Джеффа. Посилання на блог має гарний сенс. Немає сенсу робити це крихітним. Тут ми працюємо з маленькими екранами, тому зробили великий і очевидний штрих-посилання на всю ширину. Невеликий градієнт надає йому певної розмірності (з можливістю натискання) та відокремлює його від повзунка зверху. Якщо є якісь сумніви, піктограма зі стрілкою продає можливість клацання (або натискання).

Оскільки ми використовували градієнт для посилання, більше кнопок під ним уже відокремлено від кнопки над ним. Ми можемо продовжувати створювати посилання на сторінці, поки не охопимо всі основні сфери. Не хочете перестаратися, але 4-5 повинно бути добре. І той факт, що «згин» відбувається прямо посередині стовпчика, є чудовим. Так само, як слайди, що звисають по краях екрана, наявність посилання, що звисає знизу, робить очевидним, що ви також можете прокрутити вниз.

Нижній колонтитул буде приблизно таким простим, наскільки може бути. Просто посилання на авторські права та деякі речі у соціальних мережах. Всім відомо, що означає посилання, на якому написано "Twitter" або "Facebook".