Ответ
17 техногенных слайдер-сайтов Опции темы
Старый 01.12.2012, 21:30
  #1
Alsu
 
Аватар для Alsu
Регистрация: 02.07.2012
Сообщений: 648

17 техногенных слайдер-сайтов
Добрый день, уважаемые.
Что такое scrolling – всем известно, вкратце это такая деталька дизайна сайта, которая позволяет посетителям сайта скроллить страницы вверх/вниз, влево/вправо. Были времена, когда очень хитрый скроллинг был широко распространён в дорвеях – это когда надо было прокрутить «простыню» вниз, а самого скроллинга на странице не было, точнее он был скрыт, ну и пользователи видели начало простыни, не подозревая, что сама страница тянется вниз, ещё хрен знает сколько. Но если тема скроллинга в дорах как бы умерла, то благодаря планшетам и смартфонам, скроллинг получил второе рождение, так как все эти мобильные устройства адаптированы на управление пальцами через сенсорный экран. Ну и эта технология вылилась в то, что появилось такое понятие, как слайдинг – горизонтальная/вертикальная прокрутка экранов, очень удобная и модная фишка. Ну а для нас, что скроллинг, что слайдинг это два брата акробата, оба из стройбата. Именно поэтому сейчас некоторые брендовые сайты и просто сайты модернизируют свой дизайн для того, чтоб тем кто на планшетах и смартфонах было интересно видеть не просто статичный сайт, а живой сайт, который двигается и так и сяк, и хрен знает как. А для того, чтоб всё это было возможно, надо напрягать Flash в HTML5 (при помощи такого тэга <ParallaxScroll > tag), CSS3 и Jquery. Как это уже реализовано, прошу вас посмотреть, ведь лучше один раз увидеть, чем сто раз услышать. Некоторые из этих сайтов очень "анимированны", чем другие, а некоторые прокрутки веб-сайтов неуклюжи, но все они по моему мнению заслуживают внимания. Конечно, возможно массовости эти финты не получат, но для продвижения брендов или корпоративных сайтов – портфолио(различные агенства) выглядит весьма затейливо.
Первый с кого начнём – это сайт Volkswagen





Видим прокрутку справа, ну и смело двигаем вниз - очень длинный скроллинг страницы, практически та же самая простыня, так можно подумать. Но нет, эта страница выглядит так, как будто она анимированна, поскольку она состоит из множества кадров.
Следующий в нашем списке - Smart USA .
Как и сайт Beetle, слайдинг полностью идентичен первому, только авто другое, ну и бренд. Попробуйте и его...
А далее лёгкая промышленность - Activate Drinks.





Один большой лендинг, который использует параллакс прокрутку на полную катушку.
Следующий - Dangers Of Fracking





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





Nike в спортивном креативе прокручивает нам свой лендинг в виде диагональной истории, весьма специфично.
Inception Explained. Ни чего не обычного я здесь не увидела, поэтому просто этот сайт попал в список.
Игровой гигант Nintendo, тоже попробовал себя в скроллинге 2012 на сайте Nintendo Australia





В отличие от всех выше рассмотренных, здесь уже представлен не вертикальный, а горизонтальный слайдинг, который представлен по теме игры Mario Kart ...
Ну Вордпресс, был не Вордпрессом, если бы тоже не вписался бы в тему, поэтому тема - ‘Hero’ Wordpress Theme. Будет подстать тем кто влюблён навечно в этот блоговый движок.
Особое место в этом списке занимает сайт - World’s Highest Website - самый длинный в мире сайт.





Хотя некоторые наверно сочтут дизайнеров этого сайта, которые поэкспериментировали со стилями в CSS, показали, что браузер Firefox не знает, как переваривать веб-сайты, которые длиной или высотой почти 19 километров! А точнее – 18939 метров или 11,77 миль. В общем самый высокий небоскрёб среди сайтов.
http://onedesigncompany.com/ - а это сайт дизайнерской компании, которая просто реализовала и вертикальный и горизонтальный слайдинг для своего сайта.
Следующий на очереди - Bagigia





Грелка? Да, да – вы не ослышались. Грелка это продукт с историей, а история это всегда интересно, поэтому вот и на этом сайте при помощи скроллинга, мы можем познакомиться с историей этой оранжевой грелки.
Продолжит список сайт – портфолио, персональный лендинг – Apologie Paris. Ещё один сайт из категории портфолио Carnation Group - есть некоторые интересные моменты.
Другой вариант применение слайдинга в социалках, конкретно в Твиттере - Smart Argentina’s delightful. Те кто захочет посетить эту страницу в Twitter, рекомендую побаловаться клавишами "J" и 'K'. Удивитесь увиденному!
Сайт многоэтажка. Дизайн в виде многоэтажного дома, так и возникает желание просмотреть всех жильцов начиная с пентхауза и заканчивая подвалом, а лифт в этом доме скроллер.
Элитное авто -





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





по моему мнению на этом сайте верх эпатажа слайдинга, так как при помощи одного скроллера при перемещении вниз идёт прокрутка лендинга и вертикально и горизонтально.
Подводя итог, что можно сказать, всё динамично и креативно, но всё ещё пока медленно и местами неуклюже. Но плюс в том, что подвижки неплохие и вселяют оптимизм.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 01.12.2012, 21:58
  #2
stomatolog
 
Аватар для stomatolog
Регистрация: 27.12.2011
Сообщений: 1,059

Покрутил, поскроллил - вообще интересная, конечно, концепция. Только вот не совсем понятно - делается ли это just for fun или же у дизайнеров в этом отношении имеют место далеко идущие планы. Имхо олдскульным кастомерам на тех же автомобильных сайтах проще в классических менюшках сориентироваться, где там прайсы, а где запчасти.

В качастве презентации подобный ход - да, увлекателен. Но вот с точки зрения юзабилити боюсь на подсознательном уровне будет постоянно крутиться "как бы мне туда, куда не надо не кликнуть при совершении покупки на штуку баксов". Хотя, возможно, это дело привычки и первого ощущения - тем более я сейчас не на планшете. В любом случае, за материал спасибо - плюс поставил.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 02.12.2012, 00:50
  #3
miraida
 
Аватар для miraida
Регистрация: 11.02.2012
Сообщений: 2,241

Мультяшки и ничего более. Я и первый сайт до низа не докрутил - задолбало. А использование флеша тормозит и перегружает бруз. Многие наоборот отказываются от флеш. Пару лет назад были популярны шаблоны для дле с вставками флеш или полностью флеш - и где они все сейчас?

Как заставка портфолио для сайта - визитка.

Мне не понравилось. Я прихожу на сайт за информацией, а не мультяшки смотреть.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 02.12.2012, 05:29
  #4
Alsu
 
Аватар для Alsu
Регистрация: 02.07.2012
Сообщений: 648

Отлично. Спасибо за ваши отзывы miraida и stomatolog, да я так и написала, что всё пока тормозит и работает не ахти как, прям как первое чёрно-белое кино "Прибытие поезда" братьев Люмьеров(которое как бы некоторые считают кенематографическим опытом на людях)
С "Прибытием поезда" связана хорошо известная легенда. Говорят, во время премьеры фильма, публика была настолько потрясена движущимся прямо на неё изображением поезда в натуральную величину, что некоторые люди закричали и побежали к задней части зала. Летописцы вспоминают, что ситуация усугублялась ещё и тем, что поезд не просто мелькнул и исчез (этого было бы достаточно только для того, чтобы просто вздрогнуть от неожиданности), а целых несколько секунд планомерно двигался вперёд – в направлении зала. Нервы неподготовленной аудитории не выдержали такого протяжённого стресса. Чересчур уж для тех времён удивительно реалистичную иллюзию создавала движущаяся картинка.

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

Братья Люмьер чётко знали, что впечатление от фильма будет существенным. В сущности, именно для того, чтобы произвести впечатление, они и поставили камеру рядом с железнодорожными путями. В результате – поезд прибывает из далёкого центра и давит на зрителя, передвигаясь к нижнему углу, который находится в зрительном зале. Братья Люмьер пытались достичь эффекта 3D изображения.
Так затем столько воды утекло, что сейчас в кино какое три Д или четыре Д, вот возможно и эти дизайнеры что-то хотят этакое забацать, хотя возможно это тоже тупиковый вариант
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 03.12.2012, 20:58
  #5
Матрос
 
Аватар для Матрос
Регистрация: 26.03.2011
Сообщений: 1,395

Согласен с предыдущими ораторами - красивые мультик не более. в качестве предоставления информации и юзабилити - отстой
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием
Старый 04.12.2012, 10:59
  #6
Alsu
 
Аватар для Alsu
Регистрация: 02.07.2012
Сообщений: 648

Матрос - да, юзабилити отстаёт, но меня радуют потуги этих разработчиков, что-то да колдуют СВОЁ.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Метки
бренд, горизонтальный, вертикальный, прокрутка, сайт, слайдер, скроллинг, дизайн


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 09:36. Часовой пояс GMT +3.