웹을 통해 새로운 창조를 꿈꾸는 인간 - 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 : 6528
반응형 웹 트렌드 모바일 해상도
목록보기이전보기
사용자의 환경 변화에 따라서 웹이 알아서 자동으로 척척 반응
 
최근 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 : 6528
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
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 IT SNS 접근성 혁신 가독성 홈페이지 무료 명언 무료이미지 보안 칼라 브라우저 인터랙션 디자인 미래 유저 모바일 디자인 디자인 모바일서비스 고정관념 구글 UX CSS 기획서 시각 UI 코딩 홈페이지 와이어 프레임 Draft 디자이너 생태계 개발 Dashel 웹페이지 스티브잡스 프리젠테이션