반응형 웹사이트 정확하게 알고하자! [에이디커뮤니케이션] AD communication. скачать в хорошем качестве

반응형 웹사이트 정확하게 알고하자! [에이디커뮤니케이션] AD communication.

#반응형웹사이트제작 #반응형디자인 #에이디커뮤니케이션 반응형 웹사이트가 무엇일까요? 얘기는 많이 들었지만 잘 모르고 그냥 넘겼을지도 모릅니다. 하지만 홈페이지를 만들려고 하는 분이라면 이 개념을 확실히 알고 넘어갈 필요가 있습니다. 반응형 웹사이트는 다양한 스크린 크기에 대응할 수 있는 훌륭한 해결책입니다. 하지만 이것을 단순히 프린트 기반의 디자인과 같은 개념으로 이해한다면 안 됩니다. 정해진 페이지 크기가 없으며, 인치(inches)나 밀리미터(mm)의 단위를 쓰지 않습니다. 그렇다고 픽셀만으로 웹과 모바일 디자인한다는 것도 구시대적인 발상입니다. 다양한 스크린 크기에 맞춰 유동적으로 레이아웃을 만들 수 있는 반응형 웹사이트에 대해 정확히 알아볼까요? '반응형'과 '적응형' 웹사이트는 비슷한 말이지만 똑같지는 않습니다. 반응형은 모든 스크린 크기 맞춰 유동적으로 작동합니다. 적응형은 특정 크기에서만 반응하는 방식입니다. 둘 중 무엇이 더 좋고, 안 좋고를 단정 지을 순 없습니다. 홈페이지 제작 목적에 맞춰 더 유리한 방식을 정하면 됩니다. 접속자는 다양한 사이즈의 기기를 쓰기 때문에 유연하고 어디서나 작동하는 레이아웃이 필요합니다. 상대적인 요소들(Relative units)을 필히 고려해야 합니다. 분기점을 이용하면 특정 크기에 맞는 코딩으로 바꿀 수 있습니다. 예를 들어 데스크톱에서는 3단의 레이아웃을 쓰고 싶은데, 모바일에서 3단을 유지하면 너무 작게 보이는 경우가 있습니다. 이럴 때 분기점을 이용해 특정 넓이 이하에서는 3단을 1단으로 바꿀 수 있습니다. 가끔 모바일에서 홈페이지에 접속했을 때 이미지가 화면에 꽉 차면서 깨지는 경우가 있습니다. 그것은 이미지가 브라우저 넓이보다 작은데 억지로 늘려놓았기 때문입니다. 이미지 넓이에 최댓값을 설정해 준다면 브라우저 크기가 이미지 크기를 훨씬 넘어가도 더 이상 커지거나 깨지지 않을 것입니다. 모바일에서 데스크톱으로 반응형 웹사이트 작업을 진행할 때와 데스크톱에서 모바일로 진행될 때 기술적으로 큰 차이는 없습니다. 하지만 모바일에서 먼저 시작할 때 제한이 적고, 콘텐츠 배치를 결정할 때 수월하게 할 수 있습니다. 반응형 웹사이트 제작 시 아무래도 유동적인 레이아웃을 위해 이미지보단 텍스트를 많이 사용합니다. 폰트는 접속 시 내려받아 설치하는 웹폰트와 사용자 기기에 원래 설치된 시스템 폰트가 있습니다. 제목이나 디스플레이를 위한 폰트는 웹폰트로 하고 본문은 시스템 폰트를 사용하는 것을 추천합니다. 웹폰트를 다양하게 쓰는 것은 그만큼 페이지를 느리게 할 수 있기 때문입니다. 하루가 멀다 하고 모바일 기기들이 쏟아져 나오는 상황에서 반응형 웹사이트는 분명히 많은 어려움을 해결해 줍니다. 하지만 무조건 정답일지, 가장 큰 효과를 가져다줄 수 있는지는 좀 더 생각해 봐야 합니다. 복잡한 콘텐츠에는 맞지 않습니다. 우리나라의 대표 포털 사이트인 네이버나 다음이 반응형을 적용하지 않는 이유는 무엇일까요? 반응형 웹은 해상도를 기준으로 웹페이지의 레이아웃을 변형하는 방법입니다. 이때 레이아웃과 콘텐츠가 복잡하지 않아야 최대 해상도 화면부터 최소 해상도의 화면까지 일관된 사용자 경험을 제공할 수 있습니다. 사실 접속자들은 이 사이트가 반응형인지 아닌지엔 큰 관심이 없습니다. 반응형 웹사이트가 아니라면 홈페이지를 박차고 나갈까요? 따라서 기술이 아니라 사용자를 먼저 생각해야 합니다. 제공하는 콘텐츠의 유형과 양을 생각해 보고, 모바일 사이트에 접속자가 어떤 행동을 취할지 생각해 보세요. 작은 우물에 갇혀 중요한 접속자를 놓치지 않도록 주의해야 할 것입니다. 홈페이지 역시 접속자가 기대하는 바를 충족시키지 못하거나 이에 미달하는 경우 오히려 이미지에 역효과를 유발할 수 있습니다. 긍정적인 반응을 불러일으킬 반응형 웹사이트 제작이 필요하세요? '에이디커뮤니케이션'을 찾아주세요! 감사합니다. 음성 : clova dubbing 사용 [포트폴리오 보러가기] http://adcomm.kr​ # 상호 : 에이디커뮤니케이션(AD communication) 홈페이지 주소 : http://adcomm.kr​ 제작 문의 : TEL. 1566-8667 / 070-8785-8325 FAX. 02-6924-8414 E-mail. [email protected] 카카오톡 : https://pf.kakao.com/_upYxgd​ 네이버톡톡 : https://talk.naver.com/ct/wccdao​ 공식블로그 : https://blog.naver.com/webadcomm​ 저작권자 © 에이디커뮤니케이션 무단전재 및 재배포 금지 이를 무단 복제 배포하는 경우 저작권법 제136조, 137조,138조에 의한 권리의 침해죄, 부정발행등의 죄, 출처명시위반의죄 등에 해당될 수 있습니다.