웹을 통해 새로운 창조를 꿈꾸는 인간 - 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
Webdesign Report
HOME WEBDESK Webdesign Report
2014 웹디자인 트렌드
Posted by kimdirector | 2014.09.05 | Hit : 4006
웹디자인 트렌드
목록보기이전보기
벌써 2014년 상반기가 끝이 났다.
2014년도 반이 지나갔는데 ... ㄷㄷㄷ (난뭘했지?)
2014 웹디자인 트렌드 다시 한 번 공부하고 인지하기 위해서 ~
 
2014 웹디자인 트렌드 포스팅 !
 
 
페럴럭스(Parallex)​
parallex란 시차, 관측에 따른 물체의 위치나 방향의 차이를 가르키는 단어로 좀 더 강력하고 호소력 짙은 디자인과 마케팅을 할 수있다.
내가 페럴럭스 방식에 감동받은 웹사이트!!
페럴럭스의 효과를 극대화시킨 사이트로 작품이라 표현하고싶을 정도... 
페럴럭스를 활용하여 영화의 제작과정이 잘 표현되어있다!
 
 
무한 스크롤​
기존에는 사용자가 편리하게 사용할 수 있도록 스크롤할 범위를 최소화하였지만 패럴럭스나 원페이지를 통해 스크롤의 편리성에 주목하고있다. 무한 스크롤은 소셜 네트워크 서비스에 주로 사용되고 있는데, 다수의 사람들이 등록하는 방대한 양을 업로드시키기에 무한 스크롤방식은 로딩 속도를 줄여주는 장점이 있다.​
 
* 무한 스크롤방식의 핀터레스트 http://www.pinterest.com
 
반응형 디자인 (Responsive Web Design)
반응형 디자인이란 사용자의 액션에 따라 적절한 레이아웃으로 반응하는 디자인을 가르키는 말이다. 어마어마하게 많은 사람들이 스마트폰 혹은 태블렛을 사용하는 요즘 반응형 디자인은 대두되고 있는 시점이다.


 
플랫 디자인 (Flat Design)
플랫 디자인이란 미니멀(최소화)하고 심플한 디자인을 가르키는 말이다. < 심플 / 모던 / 깔끔 > 함의 상징 !! 플랫 디자인은 그라데이션이나 3D효과 같은 것들 없이 심플하게 디자인함으로써 기존에 사용되었던 불필요한 요소들을 줄이고, 사용자에게 편리함을 추구하기 위함이다.



* 플랫디자인의 영향력을 강력하게 해준 대표적인 예로 애플의 ios7.0과 윈도우 8이 있다.
 

 
단색 디자인​
간단한 색구성, 폰트의 강약등을 이용한 심플한 디자인이 트렌드가 되고있다.

http://www.rezo-zero.com/
 

 
인포그래픽 (Infographic)
인포그래픽이란 정보(information) + 그래픽(graphic) 이 합쳐진 단어로 정보나 지식을 시각적 그래픽 요소를 활용하여 이용자들이 정보를 보다 더 한 눈에 파악하고 이해할 수 있도록 도와준다.


 
타이포그래픽 (Tyfographic)
타이포그래픽이란 서체의 배열을 말하는데 한 가지 폰트만을 사용하지 않고 다양한 폰트의 사용을 하여 디자인하는 것을 말한다. 산세리프, 세리프 서체를 함께 사용하거나 다양한 폰트의 표현만으로 개성있는 디자인, 심플한 디자인을 할 수가 있다.
 

 
영상의 활용
배경을 동영상으로 삽입하는 등의 영상의 활용성이 점점 높아지고있다.
​​24시간 행복하다는 컨셉을 뮤직비디오로 표현한 사이트
패럴의 happy라는 노래가 나오며 24시간동안 다른 사람이 찍은 뮤직비디오가 나오는 재미있는 사이트
(노래가 끝나는 장소에서 다른 주인공이 등장~)​
 
카드/ 타일디자인

 
고정 네비게이션 (Fixed navigation)
고정된 네비게이션이란 스크롤을 내렸을 때에도 네이게이션이 고정되어있는 것을 말한다. 원페이지, 패럴럭스, 무한스크롤과 같은 방식이 생기면서 고정된 네비게이션은 사용자에게 더욱 편리함을 안겨준다.
​​* 세계 최고 웹어워드 http://www.awwwards.com/
 
Posted by kimdirector | 2014.09.05 | Hit : 4006
Origin http://blog.naver.com/PostView.nhn?blogId=jandajour&logNo=220048192546
Tags 웹디자인 트렌드
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=webdesign&no=405

COMMENT
Commented by kimdirector
2014.09.05 11:34:33 X
상반기가 끝나고 하반기가 시작된 시점에서 한번쯤 되새김질하고 넘어가면 좋을 것 같습니다.
목록보기 이전보기
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
UI 리더 디자이너 홈페이지 로고디자인 디지털 업데이트 인재 UI 자바스크립트 테이블 직원 로고 모바일 모바일 앱 온라인광고 어플리케이션 브라우저 아이디어 웹디자인 올림픽 안드로이드 Windows 10 마크업 전략적 사고 라이트박스 데이터 iPhone 웹브라우저 웹에이젠시 PC Web Design 제안서 아이콘 접근성 웹디자인 Extensible Web 홈페이지 구축