웹을 통해 새로운 창조를 꿈꾸는 인간 - kimdirector
www.kimdirector.co.kr Photo by unsplash.com
kimdirector
Creative Web & Mobile UI/UX Planner and Designer
Humans dreaming of new creation through the UI/UX



WEBDESK
Design Inspiration
HOME WEBDESK Design Inspiration
26 Parallax Scrolling Design Inspiration
Posted by kimdirector | 2014.11.11 | Hit : 2194
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 : 2194
Tags Parallax Scrolling Design 트렌드 홈페이지
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=DesignInspiration&no=66

COMMENT
목록보기 이전보기

WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Popular Contents
Category Cloud
About us Review Portfolio Design Review Leaders Story Mobile UXD IT Information Web Identity Everyday Story Mobile Life Webdesign
Web Standard Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site
Tags
혁명 사진인화 비즈니스 소모품 즐겨찾기 디자인 Typography 자기개선 HTML5 어플 이미지 기획 접근성 홈페이지 액티브X 트렌드 jQuery 자바스크립트 프로젝트 브라우저 개발자 웹디자이너 웹아이덴티티 디자인 웹사이트 UX MAGAZINE 플래시 CIP IT 로고디자인 진단 시간 큐레이터 창조 자기관리 무료 글꼴 BIP 관리 스티브잡스