"반응 형 웹 디자인이란 무엇입니까?"라고 스스로에게 물어 보았습니까? 반응 형 웹 디자인은 디자이너가 보았던 장치 유형에 따라 "응답"하거나 크기를 조정하는 웹 페이지를 만드는 방식입니다. 대형 데스크탑 컴퓨터 모니터, 노트북 또는 스마트 폰과 태블릿과 같은 소형 화면 장치 일 수 있습니다.
반응이 빠른 웹 디자인은 디지털 존재를 가진 누구에게나 필수적인 도구가되었습니다. 스마트 폰, 태블릿 및 기타 모바일 컴퓨팅 장치의 성장으로 더 많은 사람들이 웹 페이지를보기 위해 작은 화면을 사용하고 있습니다.
$config[code] not found이 웹 사이트는 2018 년 4 월 Google이 방금 발표 한 모바일 우선 지수를 고려해야합니다. 중소기업이 모바일 존재를 확대함에 따라 웹 사이트, 전자 상거래, Google 비즈니스 페이지, 소셜 미디어 페이지 및 기타 자산을 모두 장치.
반응 형 웹 디자인이란 무엇입니까?
반응 형 디자인의 목적은 하나의 사이트를 가지지 만 다른 크기의 장치에서 볼 때 다르게 반응하는 요소가 다릅니다.
전통적인 "고정 된"웹 사이트를 봅시다. 예를 들어 데스크톱 컴퓨터에서 볼 때 웹 사이트에는 세 개의 열이 표시 될 수 있습니다. 그러나 더 작은 태블릿에서 동일한 레이아웃을 볼 때 사용자가 좋아하지 않는 것을 가로로 스크롤해야 할 수도 있습니다. 또는 요소가 보이지 않거나 왜곡되어 보일 수 있습니다. 많은 타블렛을 세로 방향으로 보거나 가로보기를 위해 옆쪽으로 볼 수 있기 때문에 그 영향이 복잡합니다.
작은 스마트 폰 화면에서 웹 사이트를 보는 것이 더 어려울 수 있습니다. 큰 이미지는 레이아웃을 "손상"시킬 수 있습니다. 그래픽이 무거울 경우 스마트 폰에 사이트를로드하는 속도가 느려질 수 있습니다.
그러나 사이트에서 반응 형 디자인을 사용하는 경우 태블릿 버전이 자동으로 조정되어 두 개의 열만 표시 될 수 있습니다. 그렇게하면 내용을 읽기 쉽고 탐색하기 쉽습니다. 스마트 폰에서는 콘텐츠가 세로로 쌓인 단일 열로 나타날 수 있습니다. 또는 사용자가 스 와이프하여 다른 열을 볼 수도 있습니다. 레이아웃을 왜곡하거나 잘리는 대신 이미지의 크기가 조정됩니다.
요점은: 반응 형 디자인으로 웹 사이트는 시청자가 보는 장치에 따라 자동으로 조정됩니다.
반응 형 웹 디자인은 어떻게 작동합니까?
반응이 많은 사이트는 유체 그리드를 사용합니다.모든 페이지 요소는 픽셀이 아닌 비율로 크기가 조정됩니다. 따라서 세 개의 기둥이있는 경우 각 기둥이 얼마나 넓어야하는지 정확하게 말하지 않고 다른 기둥과 얼마나 관련이 있는지를 말합니다. 열 1은 페이지 절반을 차지해야하며 열 2는 30 %를 차지해야하며 열 3은 예를 들어 20 %를 차지해야합니다.
이미지와 같은 미디어도 상대적으로 크기가 조절됩니다. 이미지가 해당 열 또는 상대 디자인 요소 내에있을 수 있습니다.
관련 문제
마우스 대 터치: 모바일 장치 용 디자인은 마우스 대 터치의 문제를 제기합니다. 데스크톱 컴퓨터에서 사용자는 일반적으로 항목을 탐색하고 선택하는 마우스를 가지고 있습니다. 스마트 폰 또는 태블릿에서 사용자는 주로 손가락을 사용하고 화면을 터치하고 있습니다. 마우스로 선택하기가 쉬운 것처럼 보이거나 화면의 작은 지점에서 손가락으로 선택하기가 어려울 수 있습니다. 웹 디자이너는 "터치"를 고려해야합니다.
그래픽 및 다운로드 속도: 또한 그래픽, 광고 및 다운로드 속도 문제가 있습니다. 휴대 기기에서는 데스크톱보기보다 그래픽을 적게 표시하여 사이트가 스마트 폰에서 영원히로드되지 않도록하는 것이 좋습니다. 작은 광고의 경우 더 큰 광고 크기를 교환해야 할 수 있습니다.
앱 및 '모바일 버전': 과거에는 iPad 앱이나 Android 앱과 같이 웹 사이트 용 앱을 만드는 방법에 대해 생각해 보았을 것입니다. 또는 BlackBerry 전용 모바일 버전이 있어야합니다.
그러나 오늘날 매우 다양한 기기가 있기 때문에 모든 기기와 운영 플랫폼에 맞는 앱과 버전을 만드는 것이 어려워지고 있습니다.
중소기업이 반응 형 웹 디자인으로 전환해야하는 이유
많은 사람들이 모바일 장치를 사용하고 있습니다. 최근 퓨 (Pew) 연구에 따르면 현재 미국인의 77 %는 2018 년에 스마트 폰을 소유하고 있으며 이는 2011 년에 실시 된 퓨 리서치 센터의 첫 번째 스마트 폰 소유권 조사에서 35 % 만 상승한 것입니다.
트래픽을 확인하면 휴대 기기를 통해 웹 사이트를 방문하는 방문자의 수에 놀라지 않을 수 있습니다. Google 애널리틱스에서 왼쪽의 '잠재 고객'을 선택한 다음 '휴대 전화'를 선택하면 휴대 기기의 트래픽 비율을 확인할 수 있으며, 어떤 기기에서 트래픽을 전송하는지 확인할 수 있습니다.
반응이 빠른 디자인 템플릿은 현재 구입할 수 있습니다. 예를 들어, WordPress 사이트가있는 경우 ThemeForest와 같은 신뢰할 수있는 템플릿 갤러리를 방문하고 "반응이 빠른 WordPress 테마"로 검색하십시오. 50 달러 미만으로 구입하십시오. 그러면 웹 개발자가 로고와 브랜드에 맞게 사용자 정의 할 수 있습니다.
편집자 주: 중소기업 동향 (Small Business Trends)에서는 새로운 대응 설계에 착수했습니다. 너 아니니?
Shutterstock을 통한 사진
More in: 콘텐츠 마케팅, 95 댓글은 무엇입니까 ▼
