서브 상단 레이아웃

반응형웹이 첫번째인 이유는
반응형웹에 대한 자신감입니다

반응형웹/   반응형웹의 개요와 위시웹의 경쟁력을 설명드립니다

RESPONSIVE WEB

컨텐츠 영역

위시 반응형웹

반응형웹의 핵심은 웹페이지의 모든 요소가 화면 비율에 따라 변화한다는 것입니다.
PC 모니터는 가로 폭이 넓은 화면이며, 스마트폰은 가로 폭이 좁은 화면입니다.
따라서, 폭이 넓은 PC 화면의 디자인이 폭이 좁은 스마트폰에서는 어떻게 바뀌는지를 확인해보세요.
어떤 화면에서든 최상의 디자인으로 스스로 변화하는 웹, 바로 위시웹의 반응형웹입니다.

모든 인터넷 기기에 최적화된 디자인

반응형웹은 모든 기기에서 최적화된 형태로 나타날 수 있도록 디자인과 코딩이 수반되어야 합니다.
그래서 제작 회사의 실력과 노하우에 따라 퀄리티가 크게 차이가 납니다.
즉 PC에서도, 태블릿이나 모바일에서도, 그리고 어떤 새로운 스마트 기기에서도 웹사이트가 보기 좋게 나오는 것이 완성도가 높은 반응형웹입니다.
반응형웹은 비교적 최근에 나온 기술이기 때문에, 아직 기술력과 노하우가 떨어지는 업체가 많으니 반드시 위시웹과 비교해보세요.

텍스트의 변화

위시웹의 반응형웹은 웹페이지 내의 모든 텍스트가 화면 크기에 따라 여러 단계로 변화합니다.
PC 화면에 비해 스마트폰에서는 폰트 크기의 경우 가독성을 고려하여 타이틀처럼 큰 텍스트는 많이 줄어들고, 작은 크기의 텍스트는 덜 줄어듭니다.
그리고 여백과 행간, 자간, 두께, 줄내림 등 모든 기기에서 읽기 편하고 보기 좋은 스타일로 변화합니다.

배치의 변화

웹페이지 내에 있는 디자인 요소들의 배치가 화면에 따라 가장 보기 좋은 형태로 변화합니다.
다음 예시와 같이 화면 폭에 반응하여 디자인 요소들의 배치와 크기, 정렬 등이 변경됩니다.

디자인의 형태 변화

중요한 내용을 쉽게 설명하기 위한 도표나 일러스트, 인포그래픽, 그리고 회사의 조직도 등은 웹사이트에서 흔히 볼 수 있는 디자인입니다.
PC 모니터에 맞게 디자인한 이미지를 폭이 좁은 스마트폰 화면에서 그대로 보여지면 너무 축소되기 때문에 텍스트를 육안으로 읽기 힘들어집니다.
위시웹은 아래 예시와 같이 가로 폭이 넓은 디자인과 좁은 형태의 디자인을 각각 제작하여 모든 기기에서 잘 보일 수 있도록 합니다.

  • 완성도가 떨어지는 반응형웹

  • 위시웹의 반응형웹

표의 형태 변화

위와 마찬가지로 폭이 넓은 형태의 표는 좁은 형태의 표로 변형됩니다.
이러한 형태 변화가 없다면 다음과 같은 표는 모바일에서는 너무 찌그러져 보이게 됩니다.

  • 완성도가 떨어지는 반응형웹

  • 위시웹의 반응형웹

이미지의 선명도

모바일 화면은 PC 모니터 화면과 면적 대비 점도(PPI)가 다릅니다.
PC 모니터에서 사용한 아이콘 이미지나 로고 등 작은 사이즈의 이미지를 그대로 사용하면 모바일에서는 흐리고 깨져 보이게 됩니다.
타사의 반응형웹을 보시면 간혹 다음과 같이 이미지가 선명하지 않고 흐리게 보이는 경우가 있는데, 바로 그 이유 때문입니다.
위시웹은 모바일 해상도에 맞는 이미지를 별도로 제작하여 스마트폰에서도 선명하게 나올 수 있도록 제작하고 있습니다.

  • 완성도가 떨어지는 반응형웹

  • 위시웹의 반응형웹

위시웹의 특별함

WHY WISHWEB

다른 곳에서는 볼 수 없는 위시웹만의 특별함
  • 반응형코딩
    자동화

    번거롭고 까다로운 반응형웹 코딩을 자동화하여 제작 기간을 단축합니다.

  • 기기별
    최적화

    반응형웹 전문가팀의 PC, 태블릿, 모바일 등 기기별 최적화를 제공합니다.

  • 디자인
    선택형

    템플릿이 아닌 디자인 컨셉을 선택하여 고객 맞춤 제작이 가능합니다.

디자인 선택형으로 저렴한 비용의 고퀄리티 반응형웹 제작이 가능

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

템플릿을 사용하여 제작하는 경우 비용은 저렴하지만, 제작 후에는 완성도가 많이 떨어져서 부정적인 시각이 많습니다.
그 이유는 일반적으로 디자인 실력이 부족한 제작자가 판매용 템플릿을 구매한 후, 이미지와 텍스트만 변경하여 끼워맞추기 방식으로 제작하기 때문에 색상이나 이미지의 부조화, 관련성 없는 사진이나 그림, 중요한 부분이 강조되지 않거나 반대로 중요하지 않은 부분이 강조되기도 하며, 혼잡하고 일관성 없는 디자인 등 결과물의 완성도가 매우 떨어집니다.

홈페이지의 디자인 퀄리티는 웹디자이너의 감각과 실력이 크게 좌우합니다.
위시 디자인 선택형 서비스는, 위시웹의 전문 디자이너가 직접 제작한 디자인을 활용하여 높은 퀄리티와 제작 시간 절감, 그리고 프로젝트와 맞지 않는 부분은 완전히 새롭게 디자인을 해서 부분 맞춤형으로 제작하기 때문에 제작 비용과 퀄리티 두마리 토끼를 모두 잡을 수 있는 합리적인 가성비의 제작 방식입니다.

디자인을 선택하고 프로젝트를 의뢰하시면, 위시웹의 웹기획자와 디자이너가 클라이언트에 맞는 디자인으로 새롭게 재편집하여 시안을 보내드리고, 수정 및 보완을 거쳐 만족스러운 디자인으로 완성됩니다.

위시 디자인 슬라이드

WISH RESPONSIVE WEBDESIGN

MODERN S1

WISH RESPONSIVE WEBDESIGN

MODERN S2

WISH RESPONSIVE WEBDESIGN

MODERN S3

WISH RESPONSIVE WEBDESIGN

MODERN P1

WISH RESPONSIVE WEBDESIGN

MODERN P2

WISH RESPONSIVE WEBDESIGN

LUXURY S1

WISH RESPONSIVE WEBDESIGN

LUXURY P1

WISH RESPONSIVE WEBDESIGN

SOFT S1

위시 디자인 선택   맞춤제작 안내