4 основных элемента одно страничных сайтов

Одно страничный сайты уже давным давно вошли в жизнь дизайнер и будоражат умы повседневных пользователей. Казалось бы, что с новыми возможностями HTML5 и CSS3, а также добавив сюда всю мощь jQuery  о минимализме в веб дизайне можно было бы забыть, а нет, дизайнеры дали ему новое перерождение. И причём я не говорю о минимализме в смысле внешней оболочки,я говорю о структуре. Ведь как бы это не казалось абсурдным вся ваша информация может поместиться всего лишь на одной странице и при этом быть привлекательной, необычной и запоминающейся.

4 основных элемента одно страничных сайтов

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

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

2. Спрятанная панель навигации, которая возникает неожиданно в верхней части сайта.  Чаще всего в неё помещают логотип, само меню, а также парочку ссылок к примеру на соц профили.

3. Встроенная динамика и различные эффекты. Без них не может обойтись вообще не один сайт, особенно тот, который хочет сразу же привлечь к себе внимание.

4. Горизонтальные панели с информацией, в первую очередь это касается сайтов, наполненных различными изображениями, которые размещены на всю ширину экрана.

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



Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *