디자이너
안녕하세요. 최근에 쇼핑몰이나 온라인 서비스를 브라우저로 서칭하다보면 자주 보이는 형태가 있는데요. 모바일 크기인데 데스크톱이든 태블릿이든 상관없이 스마트폰 크기 하나만 지원하는 제품이 많이 보이더군요. 스마트폰보다 큰 화면에서 접속하면 양 옆이 footer 역할을 하는 형태의 제품 레이아웃을 보이기도 합니다. 반응형 대신 모바일 디자인만 고려하면 된다는 점에서 관심이 생겼는데, 이러한 레이아웃 디자인을 부르는 명칭이나 용어가 있을까 해서 질문 드립니다. Tailwind CSS를 접하면서 모바일 우선(Mobile-first)이라는 용어는 알고 있습니다. 그렇다면 저런 형태는 모바일 온리(Mobile-only)라고 부르는 걸까요? 특정 사이트를 언급해도 되는지 모르겠지만, 링크 걸어보고 문제 시 알려주시면 수정하겠습니다. - 페이브릴 https://fabrill.co.kr - 밸런스 https://www.balance.site - 모두의셔틀 https://www.modooshuttle.com - 팬심 https://fancim.me 조금 더 넓은 범위의 레이아웃을 보여주는 - 모요 https://www.moyoplan.com
답변 1
홍지상
작성자
소울시스템즈 프론트엔드 개발자 • 2024년 08월 23일
소중한 답변 감사합니다 😃
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2024년 05월 12일
안녕하세요. 소프트웨어 엔지니어 분이라면 반응형 웹 디자인(Responsive Web Design)에 대해 이미 알고 계실 겁니다. 이는 다양한 화면 크기에 맞게 레이아웃이 동적으로 변하는 디자인 방식을 말합니다. 그러나 현재 문의 주신 사례는 반응성이 아닌, 고정된 모바일 크기를 가진 사이트를 소개하셨습니다. 이와 같은 경우 해당 방식을 '모바일 퍼스트(Mobile First)'라는 용어로 지칭하기도 합니다. 모바일 퍼스트는 처음부터 모바일 사용자를 가장 중요하게 생각하고 디자인하는 것으로, 기본적인 모바일 레이아웃을 먼저 디자인하고 이 후에 필요에 따라 태블릿이나 PC 등 더 큰 화면에 맞게 확장하는 방법입니다. 이렇게 하면 모든 장치에서 콘텐츠가 올바르게 표시되도록 할 수 있습니다. 그럼에도 불구하고 나열해주신 사이트들처럼 거의 변경사항 없이 일관된 모바일 보기를 제공하는 것은 대체로 '포스트 PC(Post-PC)' 디자인 또는 '모바일 온리(Mobile Only)' 디자인이라고 부르기도 합니다. 이는 기본적으로 모바일 환경에서의 사용을 가정하고 고려하여, 데스크톱에서도 모바일 환경처럼 보여주게 됩니다. 아직까지는 표준화된 용어가 없으며, 많은 디자이너들이 각각의 방식에 대한 명칭을 다르게 사용하고 있습니다. 그래서 위에 제시한 용어 외에도 다양한 용어가 존재할 수 있습니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!