웹을 통해 새로운 창조를 꿈꾸는 인간 - kimdirector
kimdirector is Creative Web & Mobile UI/UX Planner and Designer
WEBDESK
Inspiration
HOME WEBDESK Inspiration
26 Parallax Scrolling Design Inspiration
Posted by kimdirector | 2014.11.11 | Hit : 2631
Parallax Scrolling Design 트렌드 홈페이지
목록보기이전보기
요즘 부쩍 Parallax Scrolling에 대한 포스팅이 많은 것 같습니다. 현재 많이 이슈화되고 있는 트렌드이기도 하지만 그만큼 관심을 많이 받고 있다는 방증이기도 합니다. 

국내에서는 아직 Parallax Scrolling에 대해서 관심이 많은 것도 사실이지만 아직까지 제작 사례로 이어지기 어려워 보입니다.
 
간간히 제작사례를 볼 수 있지만, 그 영향이 크다고 볼 수 없을 것 같습니다. 여러가지 이유가 있겠지만, 현재까지도 신기술 접목에 대한 불편함이 있는 듯 합니다. 과연, 그렇게 하면 뭐가 좋아지지, 장점이 뭐가 있지, 눈요깃거리 이상 뭐가 있겠어... 등 이런 소리들이 현장에서 나오고 있는 것 같습니다.
 
이와 반대로 해외에서는 많은 제작 사례들이 눈에 띄는 추세입니다. 아래에 소개하고 있는 홈페이지들도 추천할만한 Parallax Scrolling이 구현되어 있는 홈페이지들입니다. Parallax Scrolling이 적용된 홈페이지 대부분이 개인 홈페이지, 포트폴리오 사이트, 브랜딩 사이트와 같이 컨텐츠는 많치 않으며, 간결하고 심플하다는 것 입니다. 물론 대부분이 그렇지는 않겠지만요.
 
올해 트렌드, 내년도 웹디자인 트랜드의 몇가지가 더해져서 Parallax Scrolling고 함께 효과를 볼 수 있는 것 같습니다. Parallax Scrolling이 적용된 홈페이지의 특징 중에서 몇가지가 있습니다. 살펴보면 아래와 같습니다.
 
- 대형화된 고퀄리티 이미지의 배경 활용.
- 적절한 사이즈의 타이포그래피 활용.
- 플랫 스타일의 웹디자인 활용.
- 일러스트 이미지의 활용.
 
위에 나열한 것들이 적절히 조합되어지고 그 위에 Parallax Scrolling이 더해져서 확실히 화려해지고 있는 것 같습니다.
 
26가지의 Parallax Scrolling이 적용된 홈페이지들입니다. 어떻게 구현되고 있는지 살펴보고 지나가는 것도 좋을 것 같습니다. 모르고 있는 것 보다는 알고 있는게 좋지 않겠어요.
 
 
Eezy
 
 
Soleil Noir 2012
 
 
Kutikai
 
 
Inception Explained
 
 
New York Summer
 
 
Atlantis World’s Fair
 
 
Flat vs. Realism
 
 
Union
 
 
Pressels
 
 
Follow the Poppy
 
 
Every Last Drop
 
 
BAM Construct UK
 
 
La Moulade
 
 
Graus
 
 
Von Dutch
 
 
Interactive Infographic
 
 
Pacha Ibiza
 
 
Bata
 
 
Westinghouse Solar
 
 
Putzengel
 
 
Bagigia
 
 
NHS Negligence
 
 
Unisend
 
 
Rediscover Mario Kart
 
 
WanderWorld
 
 
Willians de Abreu

 
Posted by kimdirector | 2014.11.11 | Hit : 2631
Tags Parallax Scrolling Design 트렌드 홈페이지
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=DesignInspiration&no=66

COMMENT
목록보기이전보기

모바일 UI 디자인 애니메이션 3가지 원칙
아래 내용은 "3 Key Uses for Animation in Mobile UI Design"의 내용을 번역한 내용입니다. 의역이 있을 수 있으...
NO:63 2020.05.25 390 
[인포그래픽 사이트 추천] 50만 장이 넘는 셔...
Creative Template with apple banner / can be used for infographics / banners / concept vecto...
NO:62 2015.11.27 6054 (1)
2015 로고 디자인 트렌드 Top10
Design Bolts—New trends of Logo design for 2015을 번역 및 재구성한 포스트를 소개합니다. 여러분의 로고 디자...
NO:61 2015.04.28 8756 
30 Dark iPhone App UI Designs
모바일 UI 디자인은 현재 간단한 버튼이나 라인 아이콘 편평한 요소에 초점을 맞추고 있습니다. 괜찮은 어플리케이션이 많이 있지만, UI의 영감을 위한 최...
NO:60 2015.04.17 5618 
기발하고 창의적인 로고 디자인 15선-하이컨셉,...
기발하고 창의적인 세계의 로고 디자인 15선   가장 단순 심플 하지만 많은 것을 담고 있어야 할 로고 디자인 그러한 이유로 로고 디...
NO:59 2015.04.10 2838 
다양한 형태의 모션을 이용한 디자인 사례
스마트폰을 사용하면서 가끔 느끼는 것들 중에서 재미있는 효과 또는 신기한 효과들을 볼 때면 나도 모르게 감탄사를 연발할 때가 있다. 이런 느낌을 가질 ...
NO:58 2015.03.20 13495 
The 2014 Logo Trend Report
2014년 올 한 해동안 있었던 다양한 스토리들이 연말에 많이 솟아져 나오고 있습니다. IT계도 크게 다르지 않았습니다.    2014년에 기...
NO:57 2014.12.26 6054 
효과적인 기능성을 갖춘 UI, UX 디자인 사례
웹 기반 응용 프로그램과 모바일 앱을 디자인 할 때, 제일 먼저 고려해야 할 사항은 어떤 것들이 있을까요?   단순히 디자인만 강조할 것인지...
NO:56 2014.12.18 9628 
40 Effective Responsive Naviga...
아래 소개하고 있는 사이트들은 기본으로 반응형 웹 형태로 되어 있습니다. PC 버전인 경우에는 상관없이 서핑이 가능하겠지만, 모바일 버전에서의 ...
NO:55 2014.12.13 2066 
25 UI design inspiration
아래 소개하고 있는 대부분의 UI 디자인은 애플리케이션 또는 모바일 앱이나 웹 페이지에서 활용 가능한 UI 요소들 입니다. 각종 메뉴 아이콘 부터 슬...
NO:54 2014.11.26 2871 
26 Parallax Scrolling Design I...
요즘 부쩍 Parallax Scrolling에 대한 포스팅이 많은 것 같습니다. 현재 많이 이슈화되고 있는 트렌드이기도 하지만 그만큼 관심을 많이 ...
NO: 2014.11.11 2631 
jQuery 라이브러리 기반 무료 오픈 소스 플러...
소개하고 있는 플러그인은 주로 jQuery 라이브러리를 기반으로 무료 오픈 소스들입니다.  원하는 효과를 재현하기 위해 간단한 JavaScript ...
NO:52 2014.11.03 4120 
Elements of a Brilliant jQuery...
웹사이트 제작시, 활용도가 가장 높은 image slider 에 대한 좋은 리소스 파일들을 소개합니다. 그 이유는 여러가지가 있겠지마 그 중에서 컨...
NO:51 2014.10.31 7773 
Interesting Examples of HTML5 ...
웹디자이너들에게 중요한 건 포트폴리오입니다. 자신이 작업한 결과물을 정리하기 위한 수단으로 포트폴리오를 관리하기도 하지만 내가 제작한 작업물들...
NO:50 2014.10.24 2078 
모바일 앱 디자인에 최적화된 UI 구현 사례들
모바일 인터페이스 디자이너들은 모바일에 최적화 된 사이트는 사이트 개발자의 부담을 가볍게 할 수 있지만, 일부가 아닌 전체 기능의 앱을 구축하고 개발하...
NO:49 2014.10.16 10161 

 1 2345
WEBDESK
Webdesign Report
Web Plan Report
Inspiration
Web Development
Recommend Site
Insight Story
Popular Contents
Category Cloud
About us Review Portfolio Design Review Leaders Story Mobile Work IT Information Web Identity Work Everyday Mobile Life Webdesign Web Development Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site  ETC. Work  Artwork  Typography Work
Tags
웹디자인 UI 스타벅스 제안서 애플 Logo 디자인 마케팅 웹디자이너 소통 플랫폼 구독자 iOS8 악성코드 로고디자인 소셜미디어 포토샵 서비스 디자인 온라인광고 한글 사용자 경험 홍보 무료 노트북 계획 소셜 미디어 웹표준 유아교육 CSS3 에버노트 개인 데이터 로고 유틸리티 웹사이트 윈도우8 생산성 스마트폰 Example
Recommend Tags
디자인 씽킹 퍼스널 브랜드 사용자 경험 서비스 디자인