UX/UI 디자인을 배우고 있다면, "반응형 디자인"이라는 말을 한 번쯤은 들어보셨을 거예요.하지만 막상 제대로 이해하고 실무에서 써먹을 수 있을 만큼 다뤄본 분은 많지 않더라고요.그런데 저는 이 반응형 디자인이야말로 입문자와 취업 준비생이 반드시 마스터해야 할 핵심 역량이라고 생각합니다.
그 이유는 딱 두 가지입니다.
— 취업을 위한 필수 역량입니다!
저는 현업에서 프로덕트 디자이너로 일하고 있고, 디자이너 면접에도 여러 번 참여해왔습니다. 또 UX 코칭을 통해 입문자 분들을 돕기도 했습니다.
그 과정에서 정말 뼈저리게 느낀 한 가지가 있습니다.
“취업을 하고 싶다면, 내가 보여주고 싶은 능력이 아니라 면접관이 보고 싶어하는 능력을 준비해야 한다.”
너무 당연한 말 같지만, 의외로 많은 분들이 이걸 간과합니다. 포트폴리오나 이력서에 멋진 비주얼이나 사례를 채워 넣는 데 집중하지만, 정작 실무자가 중요하게 생각하는 "반응형 디자인" 능력은 빠져 있는 경우가 많습니다. 요즘 대부분의 회사는 웹과 모바일 양쪽을 함께 고려하는 크로스 플랫폼 제품을 만들고 있고, 그만큼 반응형 디자인은 기본 중의 기본이자 실무 역량의 핵심입니다.
이걸 할 줄 안다 = 바로 실무에 투입할 수 있다는 뜻이 되죠.
이제는 사용자들이 스마트폰, 태블릿, 노트북 등 다양한 화면을 넘나들며 서비스를 사용합니다. 디자이너는 어떤 기기에서도 불편함 없이 자연스럽게 이어지는 경험을 만들어야 합니다. 예를 들어, 아래 Uber의 사례를 보면, 동일한 서비스라도 디바이스에 따라 레이아웃과 구성은 달라지지만, 전반적인 사용자 경험은 매우 일관되어 있습니다.
이처럼 반응형 디자인은 단순히 화면을 "예쁘게" 만드는 기술이 아니라, 일관된 사용자 경험을 제공하는 구조적 설계 능력입니다. 그리고 이걸 잘 이해하고 적용하면 업무 생산성도 폭발적으로 올라갑니다.
한 번 만든 디자인을 다양한 화면에 맞게 재사용할 수 있고
디바이스마다 별도로 디자인할 필요가 줄어들고
개발자와 협업할 때도 수정과 커뮤니케이션 비용이 크게 줄어듭니다.
결국 반응형 디자인을 잘하면, 더 적은 노력으로 더 나은 결과를 낼 수 있는 디자이너가 되는 셈이죠.
-
앞서서 반응형 디자인의 중요성에 대해서 말씀을 드렸어요. 여러 멘티, 학생 분들의 요청이 있어서 이번에 인프런을 통해서 반응형 디자인을 집중적으로 다룬 강의를 런칭할 예정이에요. (8월 초 예정) 반응형 디자인이 무엇인지, 어떻게 시작하면 좋을지 막막하셨다면 이번 강의가 좋은 출발점이 되어줄 거예요.
기초 개념부터 실습까지 하나하나 차근차근, Figma를 활용해 반응형 디자인의 원리를 직접 체득할 수 있도록 구성했습니다.
반응형 디자인의 핵심 개념 정리
Auto Layout, Constraints, Layout Grid 이해와 활용
실무에서 자주 쓰이는 내용으로 구성
반응형 웹과 앱 모두 마스터
그리고 강의에서 다룬 예제를 연습해볼 수 있는 Figma 파일도 함께 제공돼요
강의에 관심 있으신 분들을 위해 이번에는 특별히 얼리버드 혜택을 준비했습니다. 아래 링크의 간단한 설문에 참여해주시면, 출시 시점에 50% 할인된 가격으로 수강할 수 있는 쿠폰을 드릴 예정이에요.
� 얼리버드 신청: https://forms.gle/reSTKbdhMn1Yo6ni8
얼리버드 50% 할인 혜택을 받고 싶으신 분들은 8월 2일까지 신청해주시기 바랍니다.
-
글쓴이 '에릭'을 소개합니다.
미국에 UX유학을 와서 뉴욕의 테크 Scene에서 프로덕트 디자이너로 일을 하고 있습니다. UX/UI 디자인 커리어를 도와드리는 멘토/강사를 하고 있고, 아마존 베스트 셀러 (UX 카테고리) 저자이기도 합니다. 개인적으로는 세 아이의 아빠이고 육아와 요리, 교육에 관심이 많습니다. 제 커리어/활동/협업 대해 더 알고 싶다면 여기를 눌러주세요.
SNS를 통해 UX, UI 공부를 위한 정보를 공유하고 있습니다.