우리 모두는 요즘 웹 디자인 도메인에서”반응 형”이라는 단어를 많이 듣습니다. 사람들은 매우 추천하고 반응 디자인을 사용의 중요성을 통해 조지아-가인을 이동합니다. 그러나 전문 블로깅 및 웹 마스터 링 분야의 초보자는 종종 반응 형 웹 사이트가 무엇인지,어떻게 개발해야하는지에 대한이 모든 버즈를 잡는 데 약간의 시간이 걸립니다.
사람들은 종종 이미지 파일을 기반으로 웹 사이트 테마를 만듭니다. 모든 웹사이트 디자인이 심상으로 시작하는 동안,사람은 그들의 디자인이 응답의 교장에 따르고 이동할 수 있는 친절하다 아주 주의깊어야 한다. 주제에 찍어 하 고이 문제에 대 한 모든 알아 보자.
웹 사이트의 응답성은 표시되는 장치에 따라 디스플레이를 조정하는 기능을 말합니다. 대부분의 사람들이 데스크톱 컴퓨터를 사용하는 데 사용 할 때 사라는 일이다-지금 거기에 장치의 모든 종류가있다. 데스크탑,노트북,넷북,태블릿,미니 태블릿,전자 책 리더,스마트 폰과 그리 스마트 폰! 휴! 너무 많은 걱정 하지!
이러한 모든 장치에는 고유 한 화면 크기와 해상도가 있습니다. “엄밀한”웹사이트는에 적응시킬 수 없을 것이다(또는 말할 수 있다,에 반응하십시오)다양한 스크린 크기. 브라우저에서 가로 스크롤 막대의 모양은 웹 사이트가 응답하지 않는 가장 눈에 띄는 기호 중 하나입니다.
반면,반응 형 테마 웹 사이트는 적응 할 수있을 것입니다 및 내용이 어떤 화면 크기의 쉽게 읽을 수 있는지 확인합니다.
정말. 응답 테마 웹사이트의 콘텐츠를 방문자에 의해 사용 될 수 있는 기본 목표로 표시를 조정 합니다. 이 목표를 달성하기 위해 웹 사이트는 일부 액세서리 구성 요소(예:사이드 바)를 숨기고 다른 구성 요소(예:이미지,글꼴 등)의 크기를 변경할 수 있습니다.)
그것은 당신의 웹 사이트의 테마가 얼마나 반응 알고 매우 쉽습니다. 그냥 컴퓨터 모니터 및 휴대 전화 화면의 다른 크기에 엽니 다. 당신은 확실히 당신의 웹 사이트를 참조하고 모든 콘텐츠를 읽을 수있는 경우,귀하의 웹 사이트는 반응이다. 당신이 당신의 웹 사이트를 테스트하기위한 장치의 다른 종류가없는 경우,당신은 또한 응답에 대한 온라인 테스트를 사용할 수 있습니다.
일반적인 대답은’예’가 매우 중요하다는 것입니다. 그러나 대답하는 것안에 그것을 변형시키기 위하여 너의 웹사이트의 쇄신을 하기 위하여 너가 결정을 내릴 전에-너는 너의 웹 소통량 자료를 봐야 한다. 이 데이터에서 웹 사이트가 모바일 장치에서 수신하는 트래픽의 양을 찾으십시오. 일반적으로 웹 사이트는 데스크톱/노트북에서 사용할 수 있도록 설계되었습니다-하지만 당신은 태블릿/휴대 전화와 같은 장치에서 상당한 트래픽을 받고있는 경우–당신은 당신의 웹 사이트가 이러한 장치에서 찾고 방법을 볼 수 있습니다.
현재 아시아 웹 사이트는 모바일 장치에서 트래픽의 평균 27%를 받고 있습니다. 이 비율은 모바일 장치가 상대적으로 훨씬 더 인기가 있기 때문에 유럽 및 미주와 같은 지역의 웹 사이트에 대해 훨씬 더 높을 것입니다.
당신은 응답이 쉽게 만 씨에스에스를 사용하여 달성 될 수 있다는 놀랄 것입니다. 다른 화면 유형에 대 한 귀하의 웹사이트를 스타일 수 있습니다. 즉,서로 다른 화면 크기에 대해 별도의 규칙을 가질 수 있습니다. 예:
@미디어 화면 및(최대 너비:320 픽셀){
.기본 사이드 바{디스플레이: 없음}//화면 크기가 320 픽셀 이하일 때 사이드 바 숨기기
}
@미디어 화면 및(최소 너비:1024 픽셀){
본문{글꼴 크기:12 픽셀}//1024 픽셀보다 큰 화면 크기의 글꼴 크기 설정
}
이러한 사용자 지정 된 수사 규칙 화면에 사용할 수 있는 공간에 따라 귀하의 웹사이트의 모양을 제어 합니다.
웹 사이트 또는 블로그에 대한 반응 형 디자인을 선택하기로 결정한 경우 다음과 같은 이점을 기대할 수 있습니다:
- 모바일 장치 사용자가 사용할 수 있고 새로운 정보를 반환하기로 결정할 수 있기 때문에 웹 사이트에서 트래픽이 증가합니다. 모바일 사용자가 웹 사이트의 콘텐츠를 사용할 수없는 경우-그들은 돌아 오지 않을 것이다!
- 당신이 온라인으로 돈을 벌기 위해 귀하의 웹 사이트에 광고를 사용하는 경우–응답 웹 사이트가 멋지게 또한 모바일 장치에 광고를 게재 할 수 있기 때문에 수익이 증가 할 수 있습니다.
- 당신은 다른 플랫폼에 대한 귀하의 웹 사이트 또는 블로그의 다른 버전을 개발할 필요가 없습니다. 이렇게하면 더 많은 버전이 더 많은 유지 관리 시간을 요구하기 때문에 유지 관리 시간을 절약 할 수 있습니다.
- 다른 유형의 장치에 대 한 두 개 이상의 버전을 개발 하는 경우 구글 색인 중복의 위험에 직면. 동일한 콘텐츠를 가리키는 다른 링크를 중복 링크라고 합니다. 구글은 콘텐츠가 너무 중복되는 것을 믿는 중복 링크에 무거운 벌금을 넣습니다. 반응 형 웹 사이트 디자인은 그러한 처벌으로부터 당신을 보호합니다.
- 모든 브라우저 에이전트에 대해 동일한 웹 사이트가 작동하므로 올바른 에이전트 검색에 대해 걱정할 필요가 없습니다.
- 소셜 미디어 웹 사이트에서 공유 하는 웹 사이트에 모든 페이지에 연결 된 하나의 웹 사이트만 있기 때문에 쉽게 될 것입니다.
반응형 디자인에는 큰 단점이 없습니다. 그러나 더 빠른 인터넷이 전세계에 유효하게 되기에-이것이 어떤 진짜 문제를 제기한다 것 을 나는 생각하지 않는다.
반응형 디자인에서는 서로 다른 이미지가 다른 화면 크기에 사용되지 않습니다. 대신,동일한 이미지는 장치의 화면에 맞게 연사 연사 연사 연사 연사 연사 연사 연사 연사 연사 연사 연사 연사 연사 연사 연사 연사 따라서 모바일 장치는 데스크톱 연결에서 제공되는 동일한 고해상도 이미지를 다운로드해야 합니다.
이제,우리는 응답 디자인은 모바일 인터넷 연결에 약간의 추가 부담을 넣을 수 있다는 것을 알고,당신이 당신의 현재(응답 또는 비 응답)디자인이 작동 얼마나 빨리 테스트 할 수있어 것이 중요합니다. 이를 테스트 할 수있는 최고의 온라인 도구는 구글의 페이지 속도입니다. 이 도구는 데스크톱 및 모바일 장치 모두에서 웹 사이트에 점수를 매길 수 있습니다.
구글의 웹 사이트의 대부분은 이제 반응이다. 예를 들어,크롬 북 웹 사이트는 반응 형 디자인을 사용합니다. 그러나 구글은 인터넷 관련 아무것도의 선구적인 회사입니다. 점점 더 많은 다른 기업 응답 디자인의 중요성을 인식 하 고,웹사이트는이 새로운 패러다임 이동. 웬디의 레스토랑 체인,인바운드 마케팅 회사 허브스팟 및 신문 보스턴 글로브의 웹 사이트를 보면 영감을 얻을 수 있습니다.
예,아직 반응 형 디자인을 채택하지 않은 많은 주요 웹 사이트가 있습니다. 예를 들면 다음과 같습니다. 이 대규모 웹 사이트 및 응답 성을 통합 할 수있는 완전한 재 설계는 상당한 투자가 필요할 수 있습니다. 즉,이러한 미디어 하우스는 아직 반응이 갈 이유가 될 수 있습니다.
아니,정말 비싸지 않다. 당신은 워드 프레스를 기반으로 웹 사이트/블로그를 소유하는 경우,가능한 반응 테마가 많이 있습니다. 워드 프레스(즉,20 대)의 기본 테마는 응답 할 수 있도록 설계되었습니다. 워드 프레스와 블로거가 제공하는 무료 테마의 대부분은 반응이다. 하지만 당신은 타사 테마를 사용하는 경우-당신은 그 응답을 확인해야합니다.