Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Использование флип-эффекта в веб-дизайне

17 апреля 2012 | Опубликовано в Flash | 4 Комментариев »

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

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

Как же создают эффект перелистывания страниц?

Конечно же, в некоторых случаях, когда сайт не должен быть сверхоригинальным и отличаться от других можно использовать простые и понятные темы для Wodpress с  галереями. Однако если разработчик ставит за цель создать настоящую анимационную книгу с соответствующими визуальными и звуковыми эффектами, то тут не обойтись без программки типа Flash Page Flip или другие аналогичные. Впрочем, можно также использовать  шаблоны Flash CMS. В целом — выбор только за разработчиком.

Флип-эффект на сайтах: для чего и для кого?

Говоря о Page Flip эффекте, в который раз убеждаемся насколько важен для  веб-дизайна визуальный и звуковой элемент. В первую очередь это способствуют более глубокому взаимодействию пользователя с сайтом.

Веб-дизайнеры стремятся создать самый необычный сайт, но когда дело заходит превзойти самих себя, но когда речь заходит о создании портфолио, кажется, готовы превзойти сами себя. Удивить юзер часто помогают элементы на флеш. Еще одним таким оригинальным элементом становится флип-эффект, который позволяет создать 3D иллюзию книги на казалось бы плоском веб-сайте. Однако,  эффект перелистывание страниц используют еще и на сайтах онлайн-магазинов для создания каталога товаров. Также флип-эффект — чудесный вариант и для сайтов бизнес-проектов.

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

  • портфолио (флип-эффект  дает чудесную возможность перелистывать сайт, как книгу о жизни и работе того или другого творческого человека);
  • электронная коммерция (создание аллюзии к бумажному  каталогу товаров);
  • бизнес-проекты (как для представления работ, как и различных направлений — создание онлайн буклета компании);

Галерея сайтов с оригинальным использование флип-эффекта

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

Bigtimerestaurants

  

Pawelwojcik

P-e-e-l

Jcbsong

Aclu

20thingsilearned

Arcides

Anderspalmer

Bluemoonbrewingcompany

Myart

Cherryandpeach

Cheeseandburger

Uspa.jensharp

Kymaharper

Maikostudio

Landaia

Margaux

Mountgayrum

Massimoleone

Patfallonmagic

Rubenswieringa

Spataderkliniek

Tv-add

Bmultra

Автор — Дежурка




Комментарии

  1. Бубяка
    Thumb up Thumb down +2

    Uspa.jensharp — Перелистывает страницу вместе с скрепляющей пружиной. Оригинально.

  2. jimmy
    Thumb up Thumb down -1

    Nice presentation,I am really impressed from awesome creativity..

    Template Design

  3. Владимир
    Thumb up Thumb down -1

    3D-книга с эффектом перелистывания страниц — book-sdl.com/3d.html

  4. Юрий
    Thumb up Thumb down -1

    есть же программа для создания публикаций с эффектом перелистывания страниц без всяких мучений :) luxedition.ru

[an error occurred while processing the directive]


[an error occurred while processing the directive]