club762.ruПараллакс-скроллинг пользуется высоким спросом. Изначально популяризированная компанией Nike, эта динамическая техника стала применяться на бесчисленном количестве сайтов.
Параллакс-эффект (параллакс-скроллинг) в веб-дизайне реализуется за счет вывода многослойных изображений, которые прокручиваются с разной скоростью, создавая иллюзию погружения при прокрутке страницы вниз – своего рода искусственная трехмерность. Обычно бэкграунд прокручивается медленнее, чем передний план. Техника целиком и полностью строится на скроллинге, который позволяет выводить новый контент, и функционирует аналогично одностраничным сайтам, на которых весь контент содержится на единственной странице.
Это достаточно интересный эффект, который способен преобразить скучный сайт, придать ему совершенно новое визуальное представление, создать определенную изюминку.
Термин «параллакс» произошел от греческого слова parallaxis, которое означает «чередование». Объекты, находящиеся в непосредственной близости к наблюдателю, имеют больший параллакс, нежели удаленные объекты, если смотреть на них с различных позиций – таким образом, параллакс-скроллинг может использоваться для определения расстояний.
Я сделал подборку премиальных параллакс-тем для WordPress – с несколькими бесплатными темами – которые преобразят ваш сайт. Посмотрите их!
Приятного скроллинга!
P.S. Если вы сталкивались с другими параллакс-темами, обязательно поделитесь ими в комментариях!
1. Parallax
Адаптивная тема, включающая в себя два цветовых варианта, использующая виджеты. Parallax отличается приятным визуальным оформлением и идеально подходит для демонстрации ваших изображений.
2. Harmony
Тема Harmony была создана специально для музыкальных групп и артистов – она включает в себя возможности проигрывания песен, обработки событий, загрузки фото галерей и продажи различной атрибутики. Тема использует крупные бэкграундные изображения, ее легко настроить под свои нужды.
3. SCRN
Адаптивная, минималистическая тема, идеально подходящая для рекламы вашего бизнеса. Она легко настраиваема, включает в себя многочисленные шорткоды.
4. 907
Красивая, привлекательная адаптивная тема, использующая произвольные типы записей и предлагающая различные настройки виджетов.
5. Mercurial
Mercurial – полностью настраиваемая тема, включающая в себя приятные типографические эффекты и возможности добавления портфолио, скилл-баров, клиентских логотипов, социальных иконок, слайдеров, ценовых таблиц и т.д. Идеальная тема для фрилансеров, бизнесменов, фотографов.
6. SlideOne
Приятная на вид одностраничная тема, широко изменяемая и включающая в себя более чем 350 разных шрифтов. Тема позволяет выводить в сайдбаре бесконечный контент.
7. Pulsar
Адаптивная тема с пятью параллакс-секциями, разработанная специально для творческих людей, которые желают показать свое портфолио.
8. Minimum
Высококачественная, профессиональная тема для бизнеса, включающая в себя три вида AJAX-анимации. Вы можете создавать бесконечные параллакс-страницы, добавлять к ним слайдеры и слайды.
9. Montreal
Идеальная тема для креативных агентств и фрилансеров, желающих показать свои работы. Тема обладает полноэкранным слайдшоу, шестью различными секциями портфолио, прекрасным макетом блога и планировщиком проектов.
10. Status
Модульная адаптивная тема, подходящая для создания портфолио или бизнес-сайтов. Включает в себя различные настройки.
11. Balloons
Привлекательная тема для блоггеров, желающих персонализировать свой сайт. Balloons – одноколоночная минималистическая тема с изысканным визуальным оформлением.
12. QuickStep
Адаптивная одностраничная тема для создания портфолио, отличающаяся AJAX-загрузкой страниц, безграничными цветовыми настройками и слайдерами, произвольными бэкграундами для страниц и т.д.
13. Dynamo
Чистая, полностью адаптивная тема, обладающая крупным слайдером, 10 шаблонами страниц и безграничными цветовыми настройками.
14. Tokyo
Разработанная специально для корпоративных веб-сайтов адаптивная тема Tokyo обладает безграничными стилями, произвольными макетами и шорткодами. Легко может быть переведена на любой язык.
15. Dreamer
Адаптивная тема, включающая в себя разные фильтры для портфолио, более тысячи иконок, адаптивный видео плеер и фид Twitter.
16. Pen and Paper
Адаптивная одностраничная минималистическая тема, идеально подходящая для персональных сайтов и портфолио.
17. Parallax
Привлекательная тема, идеально подходящая для тех, кто хочет показать свои работы. Полностью адаптивный макет, произвольный тип записей для портфолио.
18. Persona
Прекрасная адаптивная тема, идеально подходящая для создания портфолио, персонального сайта или дизайнерского профиля. Легко настраивается под разные требования.
19. Surreal
Тема, позволяющая вкладывать видео, создавать красочные портфолио, добавлять контактные формы и CSS3-анимацию.
20. Kula
Привлекательная, простая тема, идеально подходящая фрилансерам и креативным агентствам, желающим показать свои работы. Среди возможностей темы можно отметить приятные шрифты и иконки, CSS3-эффекты.
21. Tharsis
Адаптивная минималистическая тема, идеально подходящая для дизайнеров, желающих продвинуть свои работы.
22. Impress
Тема отличается красивым дизайном, демонстрирующим прекрасное использование изображений. Полностью изменяемая адаптивная тема, включающая в себя шорткоды и прилепленную навигацию.
23. Reason
Привлекательная, стильная тема, поддерживающая мобильные устройства и включающая в себя шорткоды, меню из иконок и AJAX контактную форму.
24. Ego
Приятная тема, отличающаяся красивым полноэкранным слайдером, произвольными подписями, возможностью блога, AJAX-портфолио.
25. Camara
Адаптивная, стильная тема, разработанная для творческих людей, желающих продемонстрировать свои работы.
Источник: wpmu.org
Да, эффектная, интересная штука, правда зайдя на такой сайт легко запутаться в облаках трёхмерности.)
Думаю это всё подойдёт для творческих сайтов и портфолио.
У меня на некоторых сайтах даже изображения подгружаются некоторое ощутимое время)
Вообще такое впечатление складывается от последних тем, особенно c themeforest, что создатели соревнуются друг с другом уже в отрыве от реальности в какой-то своей собственной творческой плоскости как искусство для самих себя. Как кутюрье на показе высоких мод — разные гротескные приёмы, кто во что горазд, лишь бы еще побольше и покруче завернуть, т.е. просто демонстрируют своё мастерство как дизайнеров вычурной одежды, которую никто не будет носить. Некоторые темы ощутимо подтормаживают даже на современных мощных компьютерах, ставка на разные эффекты, броские картинки, но функциональность при этом стремится к нулю. Честно говоря не знаю можно ли вообще найти практическое и широкое применение таким темам. Именно как объекты искусства их и можно рассматривать. Полюбовался и поставил на полочку.
Да, очень верно подмечено.
Непонятно, как все это применять на своем сайте, да и стоит ли — если человек пришел за информацией, ему все эти побрякушки будут неинтересны. Возможно, это стильно, возможно, это демонстрация последних достижений веб-дизайна, различных эффектов, возможно даже, что это кому-то понравится, а такие люди всегда найдутся, но в общем и целом это, действительно, малопригодно для использования на своих ресурсах.
Это как современный дабстеп. Его элементы пихают в разные музыкальные стили для «крутости», однако на выходе получается что-то непонятное и малопригодное для прослушивания. Думаю, такая же ситуация и здесь. Нужно искать способ удобного внедрения современной техники, как-то ее видоизменять, чтобы она действительно служила определенному делу, а не просто аляповато блестела, как мишура на новогодней елке.
Наверное они эти темы создают для своего портфолио, как пример «крутости» себя. Что-то вроде: «Смотрите какой я крутой дизайнер, какие я модные и крутые вещи сделал, наймите меня! и я сделаю вам профессиональную тему, уж если такое новоротил, то простую тему и подавно сделаю.» А так… даже не знаю покупает ли этим темы кто-то. По сути это не темы, а презентации. Я бы даже сказал «инсталляции» для выставки.
Таким можно «купить» разве что людей за сорок лет, которые как раз падки на всякое такое… Им подавай «покруче», чтобы было много модных наворотов. Минимализм их не устроит, это для них показатель того, что дизайнер ни черта не умеет.
Темы впечатляют, но почему-то чаще в них отказываются делать бесконечное портфолио или портфолио с переходом на отдельную страницу, ставят только быстрый просмотр.
А эти темы можно использовать для блогов? или они только одностраничные? Спасибо
Самые разные. Некоторые подойдут и для блогов. Надо прямо по одной тестировать и смотреть.
Спасибо
Мне понравилась Pen and Paper. Можно Ваше мнение, данная тема подойдет для блога?
Да, вполне подойдет.
Добрый вечер. Подскажите, а Вы оказываете услуги по настройке темы? Спасибо.
А то втрой день пылают станицы и никак)
Здравствуйте, к сожалению, нет. Я не предлагаю никаких услуг. Можете попробовать обратиться к разработчикам по ссылкам в сайдбаре. К примеру, CasePress.
спасибо большое
Многие темы впечатляют. Поддерживаю предыдущих комментаторов — они скорее «высокая мода» в вебдизайне. Все же нужно рассчитывать и на тех пользователей, кто не разбираются в таком сложном функционале, а ищут только нужную информацию.