반응형 홈페이지 제작을 알아볼때 주의할 점 3가지
[고수의 꿀팁] 웹 개발 / 이정주 고수
반응형 홈페이지 개발을 알아보시나요?
숨고 웹 개발 고수가 전하는 주의할 점을 알아보시죠.
회사 홈페이지나 웹 사이트 개발을 앞두고 있다면 많이 접할 텐데 반응형 홈페이지 많이 들어보셨나요? 쉽게 말해 인터넷 브라우저 창의 크기에 따라 보이는 게 달라지며, 컴퓨터/모바일/태블릿으로 볼 때 모두 다른 웹 사이트라고 생각하시면 된답니다. 그리고 클릭이나 움직일 때마 그에 맞춰 반응하죠.
반응형 홈페이지는 이용자 관점에서 재밌고 친화적인 경험을 할 수 있기 때문에 많이들 찾는답니다. 웹 개발 에이전시에 반응형 홈페이지를 맡기더라도 어느 정도 기획은 고객이 해야 한답니다. 최소한 내가 구현하고 싶은 웹사이트에 대해 이해하고 기초적인 부분을 챙겨야 하죠. 여기서 숨고의 웹 개발 고수 중 한 분인 이정주 고수님의 설명을 알아보세요. 반응형 홈페이지 제작을 알아볼 때 주의할 점에 대해 잘 설명해주셨답니다.
반응형 홈페이지 제작 전 주의할 점 3가지
1. 다른 반응형 사이트를 반드시 참고하고 기획하세요.
기존의 비반응형 웹 사이트와는 구조가 달라요. 박스형 또는 커뮤니티 포털 구조의 디자인 경우 워드프레스에서 지원하는 구성이 있긴 해요. 하지만 반응형을 고려해 설계했기 때문에 동일한 구성으로 제작이 힘들 수 있답니다. 다른 사이트를 참고하실 때 반드시 비반응형 웹사이트 말고 반응형 홈페이지를 보고 확인하세요.
그리고 동일한 이미지더라도 PC와 모바일 화면이 가로/세로 비율이 반대에요. 비율에 맞춘 2개의 이미지가 사용될 수 있답니다.
2. 모바일 사이트에서 화면이 길어질 수 있어요.
반응형 웹은 화면에 맞춰 사이트를 줄여주는 것뿐만 아니라 화면이 작아지면 가로를 분할하여 세로로 나열해줘요. 그렇기 때문에 PC에서 섬네일이 가로 3개 세로 3개 3X3일 경우 한 화면에 다 보이지만, 모바일에서는 9개의 화면으로 보일 수 있답니다. 이런 부분을 고려해 모바일 구성을 다르게 하거나 PC에서 보이는 화면을 모바일에서 숨겨서 간결하게 만들 수 있어요.
3. 적응형, 반적응형이 있답니다.
PC에서 반응형만으로 모바일 사이트가 만족스럽지 못한 경우가 있어요. 이 경우 모바일 별도 제작(적응형) 또는 반응형 베이스로 부분 적응형 제작(반적응형)으로도 제작이 가능해요. 다양한 옵션이 있으니 다른 반응형 사이트를 참고하시고 웹 개발 고수님과 커뮤니케이션하는 것이 좋답니다.
잘 만든 반응형 홈페이지를 갖고 싶다면, 숨고의 웹 개발 고수를 알아보는 건 어떤가요?
숨고는 원하시는 서비스의 숨은 고수(전문가)를 연결해드리는 플랫폼입니다. 서비스의 요청서를 작성해서 제출하면 최대 48시간 내 5명의 고수가 상담을 해드리고 있어요. 이용자는 고수님들과 채팅과 전화로 상담을 진행하고, 원하는 고수를 선택해 서비스를 받으면 되죠! 지금부터 숨고로 간편하고 쉽고 빠르게 웹 개발 프로젝트 시작하세요!
숨고에서 웹 개발 알아보기 Click!
꿀팁 제공자 웹 개발 이정주 고수님 만나기!
숨고 IT/테크 관련 다른 꿀팁 : https://brunch.co.kr/@soomgo/270
