모달(modal) UI는 무엇일까? 모달은 사용자의 이목을 끌기 위해 사용하는 화면전환 기법을 의미한다. 팝업, 바텀 시트, 스낵바 등 여러 가지가 존재해, 어떤 UI를 사용하면 좋을지 헷갈릴 때가 많다. 이번 글에서는 기업의 디자인 시스템 문서를 살펴보며, 각각의 컴포넌트를 사용하기에 적합한 상황과 사용 시 주의해야 할 점에 대해 알아보자.

패션, 취미, 소셜 미디어 등 우리 삶의 모든 부분에는 트렌드가 있습니다. 트렌디한 제품은 소비자의 마음을 사로잡고, 시장에서 오랫동안 살아남을 가능성이 높습니다. 모바일 앱과 웹의 디자인도 마찬가지로 소비자의 취향이나 기업들의 전략에 따라 매년 트렌드가 바뀝니다. 따라서 숙련된 전문가는 계속해서 변하는 트렌드에 민감하게 반응하며, 프로젝트가 최신 추세에 뒤떨어지지 않게 관리해야 합니다. 오늘은 2023년에 눈여겨봐야 할 모바일 앱과 웹사이트 디자인 트렌드를 모아 소개하겠습니다.

지금까지 디자이너이자 셀러로써, 상세페이지 디자인을 수없이 해왔다. 대부분이 의뢰받은 내용이었고, 개 중에는 스스로 만든 상품도 있었다. 스마트 스토어, 쿠팡 등 오픈마켓부터 크라우드 펀딩, IR용까지 종류도 다양했다. 또한, 직접 상품을 고르고 상세페이지를 만들어 판매해보는 위탁판매도 진행했었다. 큰 액수는 아니지만 매달 매출이 3배씩 상승했다. 광고 비용은 거의 들지 않았다. 6개월 동안 총 10만 원 정도 썼던 것 같다.

스케치(Sketch)와 피그마(Figma)[1]에서 큰 고민 없이 픽셀(Pixel, 줄여서 px)을 사용하고 있나요? 저 역시 한때 그랬습니다. 제가 팀에 처음 합류했을 때 모두가 당연한 듯 픽셀을 사용하고 있었습니다. 문제가 있었다면 진작에 바꿨을 텐데 계속 사용하는 이유가 있지 않을까요? 게다가 아직도 우리 곁에는 픽셀 단위까지 자로 잰 듯한 디자인을 뽑아내는 완벽주의자들이 있습니다. 과연 이들이 맞는 걸까요? 지금부터 한 번 알아보도록 하겠습니다.

오늘은 피그마의 레이아웃 툴인 Autolayout과 Constraint를 활용해 반응형 UI 디자인 방법을 설명할 예정이다. 두 기능이 의미 있는 이유는 이를 통해 개발자의 코드와 유사한 원리로 화면을 기획할 수 있기 때문이다. 디자인이 실제로 잘 구현되기 위해서는 디자이너가 어떤 체계와 의도로 화면을 구성했는지 개발자에게 명확하게 전달할 수 있어야 한다. 레이아웃의 크기나 콘텐츠의 변화에 따른 모든 케이스를 화면으로 전부 그리거나 글로 설명하지 않아도 Autolayout과 Constraint 기능으로도 충분히 할 수 있다.

플러그인은 잘 활용하면 반복적인 작업이나 일부 수정, 레이아웃의 변경에 따른 디자인 수정 등 귀찮은 작업들을 정말 간단하게 처리할 수 있다. 또한 제품의 주요 정책들을 반영하거나 협업하는 데도 많은 시간을 절약시켜주고 효율성을 극대화해준다. 쉽게 말해 플러그인만 잘 써도 내 업무의 절반이 줄고, 어디 가서 피그마 못 다룬다는 말은 안 듣는다는 말이다. 그래서 이번 글에서는 필자가 디지털 제품을 만들며, 쓸모 있게 사용하고 있는 몇 가지 플러그인을 소개하고자 한다.

IT 서비스가 아니더라도 제조업, 물류업 등의 서비스도 해당 서비스를 소개하는 소개 페이지를 갖고 있을 정도로 필수가 되어버린 ‘웹’을 디자인하는 건 무척 큰 캔버스에 그림을 그리는 일입니다. 어떤 그림을, 어떤 사이즈에 그리고 다음 페이지로 연결할지 막막하다면 이번 글을 통해 다양한 자료를 확인하고 필요한 요소를 찾아낼 수 있기를 바랍니다.

2023 UX/UI 디자인 분야에서는 챗봇, 뉴모피즘, 다크/라이트 모드 전환 옵션, 큰 폰트와 미니멀리즘, 몰입형 스크롤 등의 다양한 트렌드가 나타났는데요. 이번 글에서는 2024년 UX/UI 디자인 트렌드엔 어떤 것들이 있는지 함께 살펴보겠습니다.

2022년이 절반이 지났습니다. 저는 시간을 내어 올해와 내년의 가장 주목할 만한 트렌드를 검토하려고 합니다. 지난 몇 년은 UX/UI 산업에서 기술과 디자인이 지속적이고 빠르게 개발이 이루어진 시간이었습니다. 특히 새로운 탐색이 여러 방향으로 이뤄지고 있습니다. 단기적으로 끝날 때도 있지만 어떤 것은 다시 연구되기도, 어떤 것은 전보다 크게 주목받으며 새롭게 시도되기도 했고요. 2022년과 2023년 동안 집중적으로 주목받을 것으로 생각하는 몇 가지 트렌드를 여러분께 소개해드리겠습니다.

본문은 요즘IT와 번역가 윌리(Willy)가 함께 만든 해외 번역 콘텐츠입니다. 이 글의 필자인 Lenka는 UI와 UX 디자이너로 활동하고 있으며, 피그마에 관한 다양한 팁을 올리고 있습니다. 이번 글은 디자인 작업 속도를 높이는 데 도움을 줄 수 있는 고급 사용 팁과 노하우를 알려주고 있습니다.