Твит

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

Эффект Вы можете увидеть при прокрутке страницы вверх или вниз. Когда Вы прокручиваете страницу вниз - фоновое изображения становится размытым и текст в шапке "спускается" немного вниз. Также анимация происходит в обратном направлении, если Вы прокручиваете страницу в обратном направлении.

Твит

Вы увлекаетесь дизайном? Вы любите, чтобы вас окружали только красивые вещи? Вы готовы творить? В этом случае вам могут помочь приложения для андроид. Вы научитесь генерировать фракталы без математических формул и подсчетов. Отличные приложения помогут вам почувствовать себя настоящим дизайнером и сохранять свои результаты в виде обоев на рабочем столе или делиться им со своими друзьями в whatsapp, vk, facebook и других социальных сетях. Вам понравятся следующие приложения из google play: fractal explorer, Fractoid, Fractal Wallpaper Generator

Твит

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

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

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

Твит

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

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

Что это за новый интерактив? Это не просто анимация при прокрутке, а анимация которая напрямую зависит от скорости и уровня прокрутки. Когда пользователь прокручивает страницу, то иконка плавно рисуется. Если же человек прокручивает страницу вверх, то анимация идет в обратном направлении.

Твит

1. Жесты вместо кликов

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

В 2015 прокручивать проще, чем кликать. На мобильном можно делать прокрутку большим пальцем. А попасть точно в цель тяжелее – ровно наоборот по сравнению с десктопом.

Твит

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

Иконки появляются с эффектом рисования. Как будто кто-то их аккуратно обводит. Смотрится необычно. Всё это происходит как только страница загрузиться.

Твит

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

Твит

Директор по дизайну Facebook Джули Чжо рассказала в своем блоге на Medium о развитии индустрии дизайна в следующие 10 лет.

От дизайнеров будут ждать создания конечного пользовательского опыта, а не просто интерфейса. Продукты и интерфейсы, которые существуют только на экране, станут исключением, а не правилом.

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

Твит

Плавающий цветник с бесконечным числом плавающей растительности, которые заполняют все пространство сада. Более 2300 цветов цветут в пространстве. Японский арт коллектив "ultra-technologists" TeamLab под руководством Toshiyuki Inoko создали невероятную инсталляцию плавающего цветника с участием более 2300 живых цветов в цвету.
TeamLab добавляет:
"Посетители входят в комнату, наполненную плавающими цветами. Когда посетитель сада приближается к этому цветущем месту, цветы находящиеся рядом с ним поднимаются вверх одновременно, создавая полусферическое пространство в густом лесу. Несколько посетителей могут перемещаться по установке одновременно, и цветы отдаляются от них и окружают людей.

Твит

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

Твит

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

У данных блоков присутствует анимация CSS. Здесь нет javascript кода, поэтому и загрузка данного элемента будет очень быстрой. То есть когда человек наводит на блок центральная иконка уменьшается и смещается в правый верхний угол, а в центре блока появляется произвольный текст, который Вы можете изменить.