디자이너

요즘 들어 많이 보이는 형태의 UX/UI 레이아웃 디자인을 지칭하는 용어가 있을까요?

2024년 05월 12일조회 171

안녕하세요. 최근에 쇼핑몰이나 온라인 서비스를 브라우저로 서칭하다보면 자주 보이는 형태가 있는데요. 모바일 크기인데 데스크톱이든 태블릿이든 상관없이 스마트폰 크기 하나만 지원하는 제품이 많이 보이더군요. 스마트폰보다 큰 화면에서 접속하면 양 옆이 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

김종표님의 프로필 사진

레이아웃 명칭은 모르겠지만, 웹 앱 개발방식이라고 부르는 걸로 알고 있어요! 웹이지만 모바일의 형태로 작동하는 것을 말해요. 레이아웃 명이 따로 정해져있는 건 아닌 거 같습니다.

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 05월 12일

안녕하세요. 소프트웨어 엔지니어 분이라면 반응형 웹 디자인(Responsive Web Design)에 대해 이미 알고 계실 겁니다. 이는 다양한 화면 크기에 맞게 레이아웃이 동적으로 변하는 디자인 방식을 말합니다. 그러나 현재 문의 주신 사례는 반응성이 아닌, 고정된 모바일 크기를 가진 사이트를 소개하셨습니다. 이와 같은 경우 해당 방식을 '모바일 퍼스트(Mobile First)'라는 용어로 지칭하기도 합니다. 모바일 퍼스트는 처음부터 모바일 사용자를 가장 중요하게 생각하고 디자인하는 것으로, 기본적인 모바일 레이아웃을 먼저 디자인하고 이 후에 필요에 따라 태블릿이나 PC 등 더 큰 화면에 맞게 확장하는 방법입니다. 이렇게 하면 모든 장치에서 콘텐츠가 올바르게 표시되도록 할 수 있습니다. 그럼에도 불구하고 나열해주신 사이트들처럼 거의 변경사항 없이 일관된 모바일 보기를 제공하는 것은 대체로 '포스트 PC(Post-PC)' 디자인 또는 '모바일 온리(Mobile Only)' 디자인이라고 부르기도 합니다. 이는 기본적으로 모바일 환경에서의 사용을 가정하고 고려하여, 데스크톱에서도 모바일 환경처럼 보여주게 됩니다. 아직까지는 표준화된 용어가 없으며, 많은 디자이너들이 각각의 방식에 대한 명칭을 다르게 사용하고 있습니다. 그래서 위에 제시한 용어 외에도 다양한 용어가 존재할 수 있습니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!