웹을 통해 새로운 창조를 꿈꾸는 인간 - 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
일반적인 상식으로 바뀌는 2015년 웹디자인 트렌드
Posted by kimdirector | 2015.07.30 | Hit : 3735
2015 웹디자인 트렌드
목록보기이전보기
이 글은 “7 future web design trends“라는 웹 디자인 트렌드에 대한 고찰을 한 해외기사가 있어 소개합니다.
 


 
1. 스크롤 클릭 대신에…
브라우저를 스크롤하는 화면 가장자리의 스크롤막대를 잡아서 끌어내렸던 과거형태와 다르게 지금은 화면을 스크롤하려는 노력을 크게 하지 않는 추세입니다. 웹사이트에서 사용자행동은 우선 스크롤을 한다고 가정한 다음 클릭을 고려한 움직임을 중심으로 구성해야 합니다.
 

요즘은 스크롤아트나 패럴렉스라는 것이 얼마전까지 유행했습니다. 스크롤 클릭이라는 개념자체를 버리는 것 자체가 대단하지만, 요즘은 무한대로 스크롤해서 보는 내용이 일반적이 되어가고 있고 클릭보다 스크롤을 중시하는 화면 디자인이 중요해지고 있습니다.
 
 
2. 패스트뷰는 이제 끝!
스크롤에 대한 거부감이 적어짐에 따라, 패스트뷰를 통해 집약적인 정보를 보여주던 스타일에 어떤 동선에 따라 정보를 보여주는 것을 고려하게 하여 내리는 스타일로 바뀌고 있습니다. 전체 화면 이미지로 제목 아래로 스크롤할 때까지 아무런 컨텐츠가 보이지 않는 디자인으로 많이 바뀌고 있습니다. 올해는 세로로 긴 사진을 사용한 컨텐츠가 늘어나는 추세입니다.
 

이제 패스트뷰에 필요한 정보를 담으라는 개념은 웹디자인의 상식으로 통하고 있었습니다. 하지만, 앞에서 이야기한 것처럼 그것을 고려할 필요가 없어지고 있습니다.
 
 
3. 사용자는 더 빠른 사이트를 원하고 웹사이트는 심플해지고 있다!
최근 사용자는 웹사이트에 대한 접속이 빠르게 접근하는 것을 원하고 있습니다. 4명중 한명꼴로 페이지로딩에 4초이상 넘어가면 해당 사이트를 이탈해 버립니다. 페이지 표시 속도를 내는 기술도 필요하지만, 사용자가 페이지 내용을 빠르게 이해할 수 있는 디자인도 중요합니다.
 

속도로 인해 스큐어모피즘 디자인의 붕괴를 초래했다는 의견도 있지만, 페이지 표시속도를 올리는 동시에 페이지 내용을 빠르게 이해시키기 위한 디자인이 필요하다는 관점이 더 중요하게 되었습니다.
 
 
4. 픽셀의 이제 안녕~
2015년부터는 레티나디스플레이, 4K 화면등과 모던 브라우저에서 벡터 이미지를 사용하는 것이 주가될지 모릅니다. 글꼴기반의 아이콘 또는 구글 Material Design이 그 시발점이 되고 있습니다.
 

반응형 웹디자인에서 개발자는 레이아웃 부분에서 그리드 시스템과 백분율로 설계해서 대응하고 있지만, 이미지는 아직도 반응형이 아닌 비트맵에 의존하고 있습니다 . SVG등의 벡터기반 그래픽을 이용한 웹사이트 디스플레이 및 그것을 만드는 기술이 균형이 맞게 발전되고 있는지에 대해서는 그렇다라고 말하기 어렵지만 2015년 이후는 주류가 될 것으로 예상됩니다.
 
 
5. 애니메이션으로 다시 …
GIF애니메이션, Flash애니메이션은 얼마전까지 사용안하는 기술로 통했지만, 플랫 디자인에서 애니메이션은 더 많은 정보를 전달하는데 도움이 되고 있어 GIF 애니메이션을 다시 효과적으로 도입하는 방법이 검토되고 있습니다.
 
Meterial Design에서도 정보 전달하기 위한 부분이 중요시하고 있고 GIF애니메이션이 최근 다시 많이 사용하는 추세로 바뀌고 있습니다.
 
 
6. 구성요소는 새로운 프레임웍으로
웹기술은 복잡하게 발전하고 있고, Google Analytics나 Facebook의 좋아요 기능과 같은 것을 포함하기 위해 복잡한 코드를 포함시킬 필요가 있게 되었습니다. 웹 컴포넌트(Web Components)를 사용하면 이런 문제를 해결할 수 있지만 2015년 이후 좀더 컴포넌트화가 발전된 프레임웍이 나올것으로 예상됩니다. 혹시 Bootstrap 4.0에서 그렇게 바뀌는게 아닐련지?
 

최근 AngularJS나 React가 화제가 되었고, 구성요소에 대한 관심도가 높아지는 것 같습니다. 그러나 아직은 앞서간 기술로 인식할지도 모르겠지만, 앞으로 HTML코딩이 당연시 되던 시절이 있었던 것처럼 구성요소도 미래에는 당연시되는 시절이 올것 같습니다.
 
 
7. 소셜미디어의 포화상태 및 다이렉트 메일!
소셜미디어 프로모션은 이미 상식적인 내용이 되었지만 그 환경 자체는 포화상태입니다. 유명한 파워블로그가 메일링 리스트로 보내면 실시간 소셜네트워크보다 큰 효과를 발휘하고 있습니다.
 

소셜미디어의 열기는 올해도 계속되겠지만, 현재는 너도나도 소셜 미디어 프로모션을 하는 상황에서는 다이렉트 이메일과 같은 직접적인 방법이 더 효과적일 수 있습니다.
 
정리
위 내용대로 모든 사이트가 그렇게 된다는 것은 아니지만, 앞으로 웹디자인에 대해 많이 고려하는데 어느정도 기준이 될 것 같다고 생각되어 소개하는 것입니다.
Posted by kimdirector | 2015.07.30 | Hit : 3735
Origin http://html5lab.kr/blog/2015/07/02/일반적인-상식으로-바뀌는-2015년-웹디자인-트렌드/
Tags 2015 웹디자인 트렌드
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=webdesign&no=456

COMMENT
Commented by kimdirector
2015.07.30 10:45:54 X
본 내용은 HTML5 Lab 사이트를 운영하고 있는 김명준님의 글입니다. 다만, 내용 중에 셜명을 위한 이미지는 원문에서 덧 붙인 이미지입니다. 참고하시기 바랍니다.
목록보기 이전보기
WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Best View 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
일러스트레이션 디자인 프로젝트 PM 디자인 마케팅 프로젝트 스토리 보드 어메이징 플라이스 성공 PM UX 무료 안드로이드 직원 모바일 프레임 성과관리 UI IT 개발툴 디자이너 웹디자인 기업 Ubuntu 액정 클리너 Android 완성도 타겟 UI BIP 웹사이트 리뉴얼 관리자 정리 로고 예제 UX 포트폴리오 UI 디자이너 photo