웹을 통해 새로운 창조를 꿈꾸는 인간 - 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.01.27 | Hit : 2545
2015년 웹디자인 트렌드
목록보기이전보기
Creative Blog의 가장 최근 기사에 대한 포스팅입니다. '10 web design trends that will change everything in 2015' 라는 글인데요. 자세한 기사내용은 원문을 참고하세요 ^^
 
먼저 2014의 트렌드는 무엇이었다고 생각하시나요? 제생각엔 윈도우 타일 UI로 부터 시작된 Flat Design부터 지나치게 모바일화된 레이아웃과, 커다란 배경 이미지(동영상), 웹폰트를 기반으로한 타이포 그래피와 아이콘의 사용정도가 지금 바로 생각나는 부분입니다. 원문에서도 그리드 레이아웃, 플랫디자인, 백그라운드 동영상, HTML5 API의 발전 등을 언급하고 있습니다. 전체적으로 충분히 이미 그렇게 되어가고있던 내용이라 특별한건 없기에 원문을 본 개인적인 느낌이니, 보시는 분들도 그냥 가볍게 읽어보시면 좋을 듯싶습니다.
 
5가지 정도를 추려서 소개해볼까 합니다.
 
 
1. 카드 스타일 디자인 (Card-Based Design)
 크리에이티브 디렉터인 Haraldur Thorleifsson이라는 분이 "컨텐츠는 다양한 화면에 아다리(-_-)가 맞아야하기 때문에 여러가지 플랫폼에서도 유연하게 적용할 수 있는 카드형태의 디자인이 유리하다"라는 식의 이야기를 하셨다네요. 전적으로 동감하는 부분입니다. Pinterest나 Google+ 페이지 혹은 모바일 구글앱을 참고하시면 될 것같습니다. 사실 이런 부분들이 기존에도 충분히 많이 있었지만 다시 재조명 받는 것이겠지요.
 
 
실제로 현재 저희 회사에서 진행하고 이미 완료된 프로젝트 등에서 이미 카드형태의 디자인을 사용하고 있는데요. 일종의 디자인적으로 모듈형식의 UI 혹은 컨텐츠 스타일 Kit을 만들어 적용하는 것으로 접근을 하고 있습니다. 먼저 프론트엔드 개발부와 긴밀한 연계가 우선 되어야하는 작업으로 반응형 혹은 접근성과 관련해서 적용할 수 있는 스타일을 셋업해놓은 후 실제 프로젝트에 적용하는 형식이지요. 실제로 디자인 과정이나 디자인 이후 개발과정에서 문제가 될 수 있는 부분을 사전에 어느정도 방지할 수 있기도 합니다.
 
 
2. 커~다란 배경이미지 (Huge Background Images)
 애플이나 구글 넥서스 웹사이트에서 흔히 볼 수 있고, 더욱 극단적으로는 Squarespace사이트에서 쉽게 보실 수있습니다. 배경 전체를 단순한 패턴이나 형식상의 이미지가 아닌 컨텐츠나 사이트의 컨셉을 강력하게 전달할 수 있는 사진 혹은 그래픽디자인을 넣는 것은 어쩌면 지나치게 플랫 디자인에 얽매인 사이트에 대한 반발이자 반응형 디자인의 기술적 한계와 타협점을 찾은 방식이라고 생각합니다. 어느 경우든 '틀렸다'는 것은 없습니다. 단지 디자인이나 기술적인 한계가 있는 사이트들이 아직은 많은거지요. 원문에 언급되는 것처럼 타이포 그래피나 패럴랙스 효과같은 추가적인 부분의 발전이 필요한 것 같습니다.
 
 
3. 새로운 레이아웃 (Experimental Layouts)
 원문에서는 간략히 "부트스트랩의 시대에서 옮겨가야할 필요가 있다."라고 이야기하는 것처럼 최근 웹사이트들이 부트스트랩형식의 레이아웃에 너무 치중된 경향이 있는 것도 사실입니다. 국내사정은 약간은 다르겠지만, 오히려 부트스트랩이 대세인 외국에 비해서는 오히려 다양한 것같습니다만... 새로운 형식의 레이아웃에 대한 노력은 분명한 것같습니다.
 
 
4. 기존 스타일 유지 (Iteration)
 원문의 어느 디자이너는 "반응형이나 플랫디자인같은 트렌드가 생긴지 얼마 안되서.. 다음 트렌드가 오기 전까지는 시간이 살짝 걸릴꺼 같은데요..."라는 말을 했다고 소개하고 있는데 현실적으로 그렇겠지요. 동시에 위에도 언급한 새로운 레이아웃이나 더 나은 타이포그피와같은 요소들과 더불어 현재의 디자인 및 기술적 부분들이 더욱 발전하고 있다라는 말도 맞는 것같습니다. 다음 트렌드가 무엇이 될까라는 시기라기보다는 현재의 트렌드가 좀 더 발전하는 시기인 것같습니다.
 
 
5. 자극적?인 디자인 (Vibrant Design)
원문에서는 Vibrant Dsign을 소개하며 지난해 말에 소개된 구글의 Material Design을 지목하고 있습니다. 절제된 백그라운드에 비비드한 컬러나 강한 대비 등의 엑센트와 더불어 모션이나 그림자를 이용하여 좀 더 사용자 친화적인 부분들에 초점을 둔 디자인 가이드이지요.
 
 
저도 개인적으로 디자인에 대한 접근이나 디테일한 요소들에 대해서 공감을 많이 하고 있는 부분입니다. Material Design이 공개될 당시에도 좋다는 느낌을 받았지요. 구글 사이트에서 한번 참고해보세요 ^^ Google Material Deisgn Guide
 
Posted by kimdirector | 2015.01.27 | Hit : 2545
Origin http://blog.naver.com/innomindinc/220248427087
Tags 2015년 웹디자인 트렌드
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=webdesign&no=427

COMMENT
목록보기 이전보기
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
로고디자인 IT 2014 인터넷 디자인 워드프레스 인클루시브 디자인 리더십 모바일 로고 디자인 리뉴얼 전략 경험 디자인 인포월드 웹사이트 아웃소싱 웹사이트 대쉬보드 iPhone 아이폰 UI GIF 모바일 타이포그래피 플러그인 플래시 Scrolling HTML5 프로젝트 관리자 소모량 기획자 홈페이지 애플리케이션 아이덴티티 전문가 정글 O2O 아이콘