반응형웹에 대해 알아봅시다 > 공지/이벤트 | 웹파스 - 홈페이지쇼핑몰제작업체, 홈페이지제작, 쇼핑몰제작, 반응형홈페이지쇼핑몰제작, 적응형홈페이지쇼핑몰제작, 웹호스팅, 서버호스팅, 홈페이지이전, 온라인마케팅, 브랜드개발, 브랜딩

권장 브라우저 안내

이 웹사이트는 Internet Explorer 9 버전 이상에서만 이용 가능합니다.
편리한 사이트 이용을 위하여 최신 브라우저로 업그레이드해주시기 바랍니다.

고객센터

공지/이벤트

공지/이벤트

새로운 소식, 이벤트, 프로모션에 관한 정보를 전해드립니다.

정보 | 반응형웹에 대해 알아봅시다

페이지 정보

작성자 웹파스 작성일15-12-23 08:48 조회12,589회 링크 링크2 홈페이지

본문

최근 반응형디자인 반응형웹사이트 반응형웹페이지 반응형웹에 대해 많은 관심을 가지고 꾸준히 제작이 되고 있습니다.

반응형웹(Responsive Web)은 사용자가 스마트폰, 태블릿, PC 등 어느 기기에서 웹사이트를 방문하더라도 자동으로 최적화한 화면을 보여주는 것을 말합니다.

즉, 기기별로 별도의 웹페이지를 구현할 필요가 없습니다.

 

최근엔 시차스크롤링웹(페럴렉스 스크롤링 Parallax Scrolling Web)은 최근 미국과 유럽에서 유행하고 있는 웹개발 방식으로 사용자의 마우스 스크롤 또는 키보드 입력에 따라 반응하는 웹페이지를 말합니다.

수직 또는 수평 스크롤시 각 요소들을 서로 다른 속도로 스크롤링하여 깊이감을 줄 수 있는데, 이것이 마치 애니메이션이나 게임의 Parallax(시차) 기법을 연상시킨다하여 시차 스크롤링 웹이라고 부릅니다.

 

사용자 입장에서는 스크롤을 하며 체험하는 듯한 기분을 느낄 수 있어, 제품설명, 기업광고, 회사소개, 스토리텔링 등에 적합합니다.

 

플래시(Flash)를 사용하지 않으며 스마트폰의 경우 성능 또는 배터리 소모 등 제조사의 정책상 이유로 제한된 기능들이 있어 이를 고려하여 개발하여야합니다.

 

자 반응형 웹? 왜 만들까요? PC용 모바일용 두 개만 만들면 되는거 아니야? 라고 생각할 수 있습니다.

하지만 지금은 많은 모바일 기기가 출시되고 있으며 그 많은 기기의 해상도를 맞춘 사이트를 모두 제작한다는건 불가능합니다.

 

그렇다고 저 많은 기기들에 대해 모두 만들어야 하는것은 아닙니다.

많은 기기들 중 몇몇 중단 점을 설정 후, 3 ~ 5개 정도로 디자인으로 처리해주면 됩니다.

 

40128257f11fd83d159babd198ef2d5c_1429746466_64804.jpg
 

 

 

반응형웹으로 만들어진 사이트는 어떤것들이 있을까요?

최근엔 반응형웹 + 페럴렉스스크롤링을 적용하는 경우가 많이 있습니다.

 

http://ydesign.house/

http://www.hsnc.co.kr/

 

40128257f11fd83d159babd198ef2d5c_1429746486_62966.jpg
 

 

 

반응형웹의 장점!

 

- 어느 기기에서나 최적화된 화면

- 컨텐츠를 보기 위해 크게 키우거나 줄일 필요가 없다 

- 일관성 있고 맞춤화된 UX 

- 어느 디바이스에서 모든 페이지가 보여진다 

 

 

반응형웹의 단점!

 

- 제작비가 적게는 수백 많게는 수천만원이 들어갑니다

- 유지보수가 어려워 유지보수시 비용이 많이 들어간다

- 일부 웹표준을 지원하지 않는 구버젼 브라우저에서는 호환성이 떨어진다.

- 반응형웹 템플릿이나 비슷한 레이아웃 그리고 플랫하고 심플한 디자인을 많이 사용

- 기업의 특징을 살리지 못하는 디자인인 경우 일반적인 반응형웹 홈페이지가 될 수 있다

 

이렇게 반응형웹은 결과적으로 초기 제작비가 많이 들어가고 저렴하게 반응형웹 템플릿형태로 제작이 되었다 하더라고

추후 유지보수시 많은 비용을 안고 가야하는 부분이라 비용때문에 맡기지 못하는 경우가 태반입니다.

 

이상 반응형웹에 대해 알아보았습니다.

 

특정 홈페이지의 반응형웹 테스트를 원한다면?

혹은 내가 만든 사이트가 다양한 기기에서 어떻게 보이는 지 확인하고 싶다면? 아래 사이트를 이용해 보세요.

 

http://troy.labs.daum.net/ 

Total 31건 1 페이지
공지/이벤트 목록
번호 제목 글쓴이 날짜 조회
31 정보 경기도 소상공인 점포환경개선, 시스템개선, 제작비 지원 공고 웹파스 03-03 1598
30 정보 이보다 더 싼곳이 없다! 전국 최저가 신차 리스 노마진 특가! 웹파스 12-04 3629
29 정보 협업 비즈니스모임에 귀하를 초대합니다 웹파스 02-22 7658
28 정보 네이버 웹마스터도구 사이트등록 사이트추가 홈페이지등록 검색등록 웹파스 11-01 49359
27 정보 네이버 업체 정보 등록하기 웹파스 09-24 25173
26 정보 정보통신법 개정에 따라 홈페이지 포인트 및 회원 관리 정책 변경, 개인정보 유효기간제 도입 웹파스 07-29 12674
25 정보 2015년 4월 PC/모바일 인터넷 브라우저 점유율 사용률 통계(크롬, IE, 파이어폭스, 사파리) 웹파스 06-02 15393
24 정보 아크릴 가공 업체의 자동견적시스템, 자동견적프로그램 웹파스 05-29 16283
23 정보 크롬에서 결제, 크롬 브라우저에서 결제가 안될때 해결 방법 웹파스 05-12 21035
열람중 정보 반응형웹에 대해 알아봅시다 웹파스 12-23 12590
21 정보 쇼핑몰 이용시 액티브X 없어지고 다음달 4월 부터 간편결제가 시행됩니다 웹파스 03-23 8485
20 정보 네이버 웹문서 상위노출 및 웹문서 상위등록, 웹문서 마케팅 대세, 신디케이션연동 웹파스 01-01 9799
19 정보 블로그나 카페글들을 추출하여 홈페이지 노출! 웹파스 08-13 6119
18 정보 DNY 광고와 세부 키워드 노출 전략 웹파스 05-31 7043
17 정보 2009년도 검색엔진 유입율 웹파스 03-08 7290
16 정보 2009/09/08주간 랭키 리포트 웹파스 10-28 7642
게시물 검색

웹파스

웹사이트는 고객이 기업의 이미지를 구축하고 접근하는데 가장 기본적인 단계로서 이미지 마케팅 및 정보 전달을 위한 명확한 전략을 수집하고 설계해야 합니다. 웹파스는 클라이언트의 성공적인 비지니스와 운영의 효율성을 높이기 위하여 다년간 쌓아온 노하우로 사이트 구축을 도와드리겠습니다.

TOP