A 반응형웹(Responsive Web)이란 PC 모니터, 노트북, 태블릿, 모바일(스마트폰) 등 어떠한 새로운 기기에도 화면 크기에 맞게 반응하는 웹사이트를 말합니다.
다양한 화면 크기의 스마트 기기가 계속 출시되고 있는 지금, 웹사이트 제작 분야에서 가장 최신 기술이자 앞으로도 대세가 될 전망은 반응형웹입니다.

반응형으로 제작된 웹사이트를 PC에서 접속하였을 때 인터넷 창의 크기를 옆으로 줄이면 하단에 스크롤바가 생기지 않고 화면이 재구성되는 것을 확인할 수 있습니다.

따라서 반응형웹은 어떤 화면 크기의 스마트 기기에서도 최적화된 화면으로 출력되지만 반응형웹이 아닌 일반 웹사이트를 위의 그림과 같은 화면 크기의 스마트기기로 접속한다면 저렇게 화면이 잘리게 됩니다.

A 반응형웹은 해상도(화면 크기)에 따라 레이아웃이 자동 변형됩니다. 즉, 점/선/면, 이미지, 위치, 글자 크기, 간격 등 모든 요소가 화면 크기에 반응하여 자동으로 변형되는 웹사이트입니다.
반응형웹을 제작하려면 화면 해상도를 바꿔가며 페이지 내부의 모든 요소들을 화면마다 각각 가장 보기 좋은 스타일로 별도의 코딩을 해야하기 때문에 일반 웹사이트 제작에 비해 코딩 시간이 훨씬 많이 소요되어 제작 단가가 높습니다.

A 반응형웹이 제작하기 까다로운 이유는 화면 크기에 따라 각각 가장 보기 좋은 스타일로 변경해주어야 하기 때문입니다.
그런데 몇몇 업체에서는 가격을 낮추기 위해 (=제작 기간을 줄이기 위해) 화면 크기에 맞는 스타일을 보기 좋게 바꾸지 않고 그대로 출력되게 하는 무성의한 방식으로 제작하기도 합니다.

폰트 크기만 보더라도, PC에서 보기 좋은 크기와 모바일에서 보기 좋은 크기가 다르기때문에 각각 크기를 다르게 지정해주어야 하는데 제작 기간을 줄이기 위해 이러한 작업을 생략하여 모바일에서 폰트가 너무 크거나 작게 보이는 것입니다.
그리고 복잡한 이미지나 표를 모바일 화면에 맞게 재편집하지 않고 PC 화면 그대로 사용하게 되면 모바일에서 제대로 보이지 않습니다.
그밖에 인터넷 창을 줄였을 때, 하단에 스크롤바가 생긴다면 그 해상도의 기기에서는 화면이 잘려서 나온다는 것을 의미합니다.

반응형웹의 가장 큰 장점은 모든 기기에서 최적화된 화면으로 출력된다는 점인데, 반응형웹의 장점을 전혀 살리지 않은 무성의한 제작 방식으로, 까다로운 반응형웹의 제작 소요 시간을 줄여 가격을 낮춘 것인데, 이런 결과물은 반응형웹으로 제작하는 것이 의미가 없습니다.

A 한마디로 요약하자면, PC에서 인터넷 창을 줄여가며 볼 때 웹사이트의 화면 구성이 바뀌면 반응형웹이며,
어떤 창 크기에서도 화면에 맞게 예쁘게 잘 바뀐다면 잘 만든 반응형웹입니다.




먼저 PC에서 인터넷을 접속하여 웹사이트를 확인해보세요.
반응형웹은 어떤 해상도에서도 화면이 잘리지 않고 화면 크기에 최적화되어 출력되는 것을 목적으로 제작하기 때문에, 인터넷 창을 줄였을 때 하단에 스크롤바가 생기지 않고 내용이 화면에 맞게 재구성됩니다. 만일, 창을 줄이는 중간에 잠깐이라도 스크롤바가 생기는 부분이 있다면 완성도가 떨어지는 반응형웹입니다.
넷북이나 태블릿 등 중간 단계의 해상도를 가진 기기들도 다양하고 또 새로운 해상도의 기기가 계속 출시되고 있기 때문에 절대 스크롤바가 생겨서는 안 됩니다.

그리고, 완성도가 높은 반응형웹은 모든 해상도에서 최적화된 크기와 디자인으로 제작합니다.
인터넷 창을 모바일 화면 정도로 많이 줄였을 때 폰트 크기가 줄어들지 않는다면 모바일에서 너무 크게 보이기 때문에 보기 좋지 않습니다.
복잡한 표나 이미지의 경우 모바일에서는 구성을 재편집하여 작은 화면에서도 잘 보이도록 세심하게 제작해야 하는데, 그렇지 않으면 표의 경우 위의 이미지처럼 망가지게 되고, 이미지 파일로 저장된 텍스트는 글자가 너무 작아져 가독성이 떨어집니다.

즉, 기기별로 너무 크게 보이는 부분은 알맞게 줄여야 하고, 너무 작게 보이는 부분은 알맞게 키워야 하는데 이러한 세심한 작업을 거치지 않고 가격만 낮추는 업체가 많습니다.

A 저희 위시웹은 가격을 낮추기 위해 무성의하고 완성도가 떨어지는 결과물로 꼼수를 부리는 것은 올바르지 않다고 판단하였습니다.
그래서 지난 수년간 완성도가 높은 반응형웹을 제작하는데 있어 까다롭고 시간이 많이 소요되는 부분들을 보다 쉽고 빠르게 제작할 수 있는 방법을 끊임없이 연구하고 개발하여 현재 반응형웹 코딩과 디자인 등 자동화할 수 있은 모든 부분들을 자동화하여 가격을 낮추게 되었습니다.

해상도마다 각각 별도의 스타일 작업을 자체 개발한 반응형웹 에디터를 통해 보다 간편하게 입력할 수 있어 제작 기간을 단축하였고 그만큼 비용을 낮출 수 있게 되었습니다.

위시웹은 각분야의 경력 15년 이상인 기획자와 디자이너, 개발자를 보유하여 완성도 있는 결과물을 제작할 수 있는 전문 인력 시스템을 갖추었습니다.
타사처럼 낮은 품질과 획일화된 업종별 템플릿을 선택하는 방식이 아닌 위시웹 전문 디자이너가 제작한 고품질의 디자인 컨셉을 선택하여 컨설팅을 통해 맞춤 제작을 제공하는 방식으로 합리적이고 효율적인 프로세스를 제공하여 완성도 높은 반응형 웹사이트를 저렴하게 제작해 드리고 있습니다.

A 위시웹 디자인은 타사의 템플릿 방식이 문제가 많다는 점을 보완하여 자체 제작한 샘플 디자인입니다.

일반적으로 템플릿 서비스를 제공하는 이유는 가격을 낮추기 위한 목적으로 미리 제작해 놓은 샘플 사이트를 이용하여 제작 기간을 단축하는 것인데, 특정 업종의 디자인을 선택한 후 이미지와 레이아웃 등이 한가지로 고정된 상태에서 클라이언트의 내용을 끼워맞추기 방식으로 제작하기 때문에 색상이나 이미지의 부조화, 관련성 없는 사진이나 그림, 중요한 부분이 강조되지 않거나 반대로 중요하지 않은 부분이 강조되기도 하며, 조잡하고 일관성 없는 디자인 등 결과물의 완성도가 매우 떨어집니다.
그리고 하나의 디자인으로 계속 찍어내는 방식이기 때문에 클라이언트 회사만의 특별함이나 아이덴티티가 없는 평범한 웹사이트가 됩니다.
그래서 최근에는 이러한 문제점이 많이 알려져 대부분의 고객분들이 템플릿 방식을 기피하고 있습니다.

하지만 위시웹의 디자인 선택형은 이런 문제점을 보완하여 컬러, 이미지, 레이아웃 등 모든 요소를 쉽게 변경할 수 있도록 설계하였고, 모던 / 럭셔리 / 소프트 등 컨셉에 따라 다양한 디자인 스타일 중에서 선택한 후 클라이언트의 사업 내용에 맞는 디자인으로 커스터마이징(맞춤제작)하는 방식으로 보다 합리적이며 효율적인 프로세스를 제공하여 결과물의 완성도는 높이고 가격은 낮추었습니다.
특히, 프리미엄 디자인은 메인페이지에 동영상을 삽입하여 훨씬 더 고급스러운 느낌을 줍니다.

A 위시 디자인을 선택하시고 홈페이지에 게시할 업체 자료를 보내주시면 업체에 맞게 로고와 전체적인 컬러, 이미지 등 맞춤 제작을 진행하여 드립니다.
샘플 사이트에 없더라도 요청하시는 디자인이나 프로그램 기능 등, 원하시는 대로 맞춤 제작을 해드리고 있습니다.