Главные фишки продающих web-страниц.

17.12.2014

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

Всем привет.

Сейчас интернет буквально заполнен сайтами-визитками или продающими страничками типа landingpage.

Главная web-анимация таких страниц которая пока не надоела пользователю, это плавное появление элементов про прокрутке страницы по вертикали. Это раз.

И второе – это эффект красивой замены бекграунда во время той же прокрутки. Чаще этот эффект называют параллаксом бекграунда.

Оказалось что создать и то и другое довольно легко. И методов реализовать и первое и второе - много. Назову вам два основных. Назвать их разными можно с натяжкой ибо оба метода используют вездесущий jquery. Один из них требует личного написания html-кода. Другой - только знания инструмента AdobeMuse.

Плавное появление элементов на странице.

С помощью написания html-кода: эффекты плавного появления элементов на страничке web-сайта с помощью написания кода я описывал ранее.

С помощью AdobeMuse - это штатная функция, немного поигравшись можно ее освоить на ура.

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

Эффект параллакса для бекграунда.

Красивый эффект при прокрутке содержания сделанный только на CSS3. Как его сделать подробно описано здесь http://ruseller.com/lessons.php?rub=2&id=1573. А сам результат здесь http://ruseller.com/lessons/les1573/demo/index.html

Не менее просто этот эффект достигается в Muse. Видео-пример здесь

На результат смотрим здесь.

Не менее шикарно выглядит и усеченный фон с таким же эффектом. Как его сделать в AdobeMuseпоказано здесь

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

Успехов.

Самые интересные записи

Словарь автомобильного жаргона
03.07.2013

У МЕНЯ НЕ ЗАРЖАВЕЕТ У МЕНЯ НЕ ЗАРЖАВЕЕТ - все будет в… УАЗ УАЗ: 1) Ульяновский автомобильный завод; 2) семейство авто этого… УАЙТ УАЙТ - марка автомобиля,… УАТТ УАТТ...

пн	вт	ср	чт	пт	сб	вс
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

Главные фишки продающих web-страниц.

Самые интересные записи

РЎР°РјС‹Рµ РёРЅС‚РµСЂРµСЃРЅС‹Рµ Р·Р°РїРёСЃРё