웹을 통해 새로운 창조를 꿈꾸는 인간 - 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
2012년 웹 트렌드는 '반응형 웹'
Posted by kimdirector | 2012.03.20 | Hit : 6509
반응형 웹 트렌드 모바일 해상도
목록보기이전보기
사용자의 환경 변화에 따라서 웹이 알아서 자동으로 척척 반응
 
최근 1~2년 사이 웹을 이용할 수 있는 다양한 모바일 기기가 등장하면서 반응형 웹  기술이 2012년 웹 시장의 주요 트렌드로 떠오르고 있다.
 
반응형 웹(Responsive Web) 이란 웹, 패드, 모바일 등 사용자의 다양한 디바이스 환경에 따라서 해상도나 화면이 최적화된 환경으로 자동 변환하는 기술을 말한다.
 
기존의 웹사이트에서, 개인용 PC를 비롯하여 스마트폰, 태블릿 PC등으로 홈페이지를 이용하다보면 사용자의 PC나 모바일의 해상도에 따라서 페이지가 잘려 보여 불편함을 느끼게 되는 것이 다반사였다.
 
하지만 이러한 불편함을 개선 한 반응형 웹을 활용할 경우 사용자의 IT기기 해상도에 맞게 맞춤형으로 보여지게 된다. 즉, 사용자의 환경에 따라 PC와 모바일이 반응을 하는 것이다.
 
이 기술은 IT 업계에 모바일 혁명과 함께 스마트기기의 보급이 확대되면서 사용자들의 필요에 의해서 생겨난 트렌드로 컴퓨터 화면과, 패드 화면, 휴대폰 화면 등 크기가 모두 다른 디바이스 환경을 만날 때 마다 반응형 웹 하나만 개발해 놓으면 사용자의 환경 변화에 따라서 웹이 자동으로 척척 반응하며 변하는 것이다.
 
기존에는 데스크탑 버전과 모바일 버전을 따로 제작해서 이중으로 관리하였지만 반응형 웹을 적용 할 경우, 하나의 소스로 디스플레이에 최적화하여 보여지게 된다는 장점과 홈페이지의 운영, 유지보수 및 마케팅 비용을 절감할 수 있는 장점을 들 수 있다.
 
지오니드커뮤니케이션 정상호 이사는 “웹 초창기에는 일방적으로 정보를 전달하는 정적인 웹 환경으로 홈페이지 제작이 이루어졌다면 SNS의 등장으로 쌍방향으로 소통하는 동적인 웹에서 다양한 모바일 기기의 등장으로 웹은 이제 사용자의 디바이스에 발맞춰 자동으로 변화하는 반응형 웹 시대를 맞이하고 있다”고 말했다.
 
정이사는 “반응형 웹 기술은 최적화 된 웹 환경을 제공하고 싶어하는 기업이나 포털 사이트 등에서 선보이고 있으며, 초기에는 일반 웹 개발보다 기획, 디자인, 개발 등을 신경 써야 하나 한번 개발해 놓으면 고객들에게 최적의 웹 환경을 제공할 수 있어 긍정적인 효과를 낼 수 있다”고 설명했다.
 
최근 포털 사이트 다음에서는 모바일 이용자가 많은 어학사전을 반응형 웹으로 개발했으며, 현대차그룹(http://pr.hyundai.com), 화승그룹( http://www.hwaseunggroup.com ) 등도 반응형 웹을 선보이며, 고객들에게 좋은 반응을 얻고 있다.

반응형 웹 개발사례





 
Posted by kimdirector | 2012.03.20 | Hit : 6509
Origin http://news.naver.com/main/read.nhn?mode=LSD&mid=sec&sid1=001&oid=023&aid=0002371944
Tags 반응형 웹 트렌드 모바일 해상도
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=webdesign&no=288

COMMENT
Commented by kimdirector
2012.03.20 10:31:51 X
원문 Posting된 내용에 이해를 돕기 위해 이미지만 제가 따로 작업하여 추가하였습니다.
목록보기 이전보기
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
디자인서적 할인쿠폰 포토샵 디자이너 문화코드 UI 구독자 머티어리얼 디자인 HTML5. 모바일 구글 스위스 관리 기획 습관 쇼핑몰 디자인 아이폰 홈페이지 어도비 windows8 인공지능 프린터 기업 무료 무료 리더 iOS IT 바이러스 업무 디자인 보고서 라이프스타일 PSD 직업 Evernote 네비게이션 색상환 photo