데이데이 큐레이션 for Design DayDay Curation

아이폰 듀오(iPhone Duo) 앱 대응 가이드 | 디자이너·개발자 출시 전 체크리스트 총정리

애플이 9월 9일 첫 폴더블 아이폰 아이폰 듀오(iPhone Duo)를 공개했다. 한국은 1차 출시국에 포함돼 10월 16일 사전 주문, 10월 23일 출시가 확정됐다. 출시까지 한 달이 채 남지 않았다는 뜻이다.사용자에게는 새 기기지만, 앱을 만드는 팀에게는 ‘우리 앱이 처음으로 접히는 아이폰에서 열리는 날’이다. 애플은 이번에 디자인 가이드라인(HIG), 테크 토크 영상, 새 API를 한꺼번에 공개했다. 이 글에서는 그 내용을 디자이너가 할 일과 개발자가 할 일로 나눠 실무 체크리스트로 정리했다.30초 요약· 포즈마다 시안을 따로 만들 필요 없다. compact(외부) / regular(내부) 두 가지 사이즈 클래스만 기준으로 삼는다· 탭 바·툴바·뒤로 가기 버튼이 화면 옆(세로 바)으로 이동한다. ..

iOS 27 리퀴드 글래스 투명도 조절·끄는 법 총정리 | 디자이너가 챙겨야 할 변화 6가지

iOS 27이 9월 정식 배포되면서 아이폰 화면에서 가장 먼저 눈에 띄는 변화는 리퀴드 글래스(Liquid Glass) 투명도 슬라이더다. 작년 iOS 26에서 처음 등장한 리퀴드 글래스는 "예쁘지만 글씨가 안 읽힌다"는 평가를 꾸준히 받았고, 애플은 이번 버전에서 그 답으로 사용자가 직접 유리의 농도를 고르게 했다.이 글은 두 부류의 독자를 위해 썼다. 아이폰 사용자라면 투명도를 조절하거나 거의 끄는 방법을 1분 안에 찾을 수 있고, 디자이너라면 이번 변화가 앱 UI 설계에 던지는 숙제까지 정리해 가져갈 수 있다.30초 요약· 경로: 설정 > 화면 모드 > Liquid Glass > 슬라이더 (왼쪽 = 더 투명, 오른쪽 = 더 불투명)· 거의 끄기: 설정 > 손쉬운 사용 > 디스플레이 및 텍스트 크기 ..

로딩 UX: 기다리는 시간을 불안하지 않게 만드는 설계법

파일을 올렸는데 화면 가운데 원만 계속 돌아간다. 업로드가 시작된 것인지, 멈춘 것인지, 창을 닫아도 되는지 알 수 없다. 사용자는 단순히 시간을 기다리는 것이 아니라 결과를 확신하지 못한 채 기다린다.로딩 화면의 역할은 서비스를 실제보다 빠르게 보이게 만드는 데서 끝나지 않는다. 요청이 접수되었는지, 지금 무엇을 하는지, 사용자가 무엇을 해도 되는지를 알려 주는 것이 먼저다. 이번 글에서는 스피너·스켈레톤·진행률을 선택하는 기준과 지연 상황까지 포함한 설계 방법을 정리한다. 아래 문구와 상황은 실무 적용을 설명하기 위한 가상의 예시다.1. 로딩 아이콘보다 ‘기다림의 범위’를 먼저 정한다저장 버튼을 눌렀다고 화면 전체를 가릴 필요는 없다. 저장 중에도 다른 내용을 읽을 수 있다면, 해당 버튼이나 편집 영..

빈 화면 UX: ‘데이터가 없습니다’ 대신 첫 행동을 만드는 설계법

처음 가입한 프로젝트 관리 서비스에서 빈 목록을 마주했다고 생각해 보자. 가운데에는 커다란 일러스트와 ‘데이터가 없습니다’라는 문장만 있다. 오류는 없지만, 사용자는 무엇을 해야 할지 모른다. 데이터가 없는 이유는 시스템이 알고 있는데, 다음 행동은 사용자가 추측해야 하는 화면이다.빈 화면(Empty State)은 콘텐츠가 없는 공간이 아니라, 다음 행동을 설명해야 하는 순간이다. 이번 글에서는 처음 방문했을 때, 검색 결과가 없을 때, 할 일을 모두 마쳤을 때를 구분하고 각 상황에 맞는 문구와 버튼을 설계하는 방법을 정리한다. 아래 서비스와 문구는 이해를 돕기 위해 만든 가상의 설계 예시이며, 실제 서비스의 실험 결과는 아니다.1. 빈 화면을 그리기 전에 ‘왜 비었는지’부터 나누자같은 빈 목록이라도 원..

오류 메시지는 사과문이 아니다: 다시 시도할 수 있게 만드는 UX/UI

“오류가 발생했습니다. 다시 시도해주세요.”익숙한 문장이지만, 이 메시지를 본 사용자는 여전히 세 가지를 모릅니다. 무엇이 문제인지, 자신이 무엇을 바꿔야 하는지, 방금 입력한 내용은 남아 있는지입니다.오류 메시지는 실패를 선언하는 문구가 아니라 다음 행동을 안내하는 인터페이스입니다. 이번 글에서는 GOV.UK 디자인 시스템과 W3C의 WCAG 2.2 해설을 바탕으로, 폼과 오류 상태를 설계할 때 놓치기 쉬운 지점을 정리합니다. 아래 한국어 문구와 제품 상황은 원문의 번역이 아니라 실무 적용을 위한 가상 예시입니다.한 줄 요약좋은 오류 UX는 “무엇이 잘못됐는지”를 알려주는 데서 끝나지 않습니다. 고칠 위치를 보여주고, 입력한 내용을 지키고, 다음 행동으로 연결합니다.1. 먼저, 누가 해결할 수 있는 문..

로고를 바꾸지 않고 브랜드를 새롭게 만드는 법: Pohoda 2026

리브랜딩을 시작하면 가장 먼저 로고부터 바꾸고 싶어집니다. 오래된 형태를 정리하고, 새로운 색을 고르고, 지금의 감각을 입히는 식이죠. 하지만 사람들이 이미 사랑하는 상징이라면 질문은 달라져야 합니다. 무엇을 바꿀지가 아니라, 무엇을 남긴 채 더 넓게 확장할 것인가입니다.최근 디자인 매체 Mindsparkle Mag가 소개한 Pohoda Festival의 2026년 아이덴티티는 이 질문에 흥미로운 답을 보여줍니다. 슬로바키아의 디자인 스튜디오 Andrej & Andrej는 축제의 30번째 에디션을 위해, 익숙한 상징을 3D와 전용 서체로 확장했습니다. 제목의 ‘바꾸지 않는다’는 표현은 그래픽을 전혀 수정하지 않았다는 뜻이 아니라, 브랜드를 알아보게 하는 핵심 모티프를 유지했다는 의미입니다.한 줄 요약좋은..

컬러 대비를 확인하고, 본문 크기를 조정하고, 이미지에 대체 텍스트를 넣었습니다. 이 정도면 접근성을 충분히 고려한 디자인일까요?한 가지를 더 해보면 좋겠습니다. 마우스에서 손을 떼고, 키보드만으로 화면의 핵심 작업을 끝내보는 것입니다. 눈에 보이는 버튼에 도달할 수 있는지, 지금 어디를 조작하는지 알 수 있는지, 팝업을 닫고 원래 작업으로 돌아갈 수 있는지 확인해보세요.이번 글은 W3C의 WCAG 2.2 해설과 WAI-ARIA 모달 대화상자 패턴을 바탕으로, UX/UI 디자이너가 키보드 경험을 어떻게 설계하고 점검할지 정리한 실무 큐레이션입니다. 새로운 규정 발표를 다루는 뉴스가 아니라, 기존 기준을 디자인 리뷰에 적용하기 위한 글입니다.한 줄 요약접근성은 화면을 잘 보이게 만드는 데서 끝나지 않습니다..

AI가 화면을 만들어주는 일은 이제 크게 낯설지 않습니다. 하지만 화면을 빠르게 만드는 것과, 사용자가 막히는 지점을 빠르게 찾는 것은 다른 이야기입니다.2026년 9월 11일 Nielsen Norman Group(NN/g)에 올라온 Megan Chan의 글 ‘Test Complex Interactions Earlier with AI Prototyping’은 이 차이를 짚습니다. AI 프로토타이핑의 가치를 ‘생성 속도’가 아니라 복잡한 인터랙션을 개발 전에 사용자에게 검증할 수 있다는 점에서 바라보는 글입니다.이번 글에서는 원문의 사례를 바탕으로, UX/UI 디자이너가 주목할 변화와 실무에 적용할 포인트를 정리해보겠습니다.한 줄 요약AI 프로토타입의 목적은 완성된 것처럼 보이는 화면이 아니라, 아직 틀릴..

감각적인 비주얼 포트폴리오 웹사이트 추천: Yuri Roga웹디자인 레퍼런스를 찾다 보면, 단순히 “예쁜 사이트”를 넘어 브랜드의 태도와 작업자의 감각이 한눈에 느껴지는 사이트들이 있다. 오늘 소개할 Yuri Roga의 포트폴리오 웹사이트가 딱 그런 경우다.Yuri Roga는 CGI, AI, VFX, 크리에이티브 편집을 중심으로 활동하는 비주얼 크리에이터다. 사이트 소개에 따르면 그는 현실을 새롭게 재해석하는 시각 경험을 만들며, 패션·럭셔리·테크 브랜드를 대상으로 작업을 전개하고 있다. 실제 프로젝트 리스트에서도 Prada, Mercedes Benz, Puma, Salomon, TAG Heuer x Porsche 등 감도 높은 브랜드명이 눈에 띈다. 이 웹사이트의 가장 큰 매력은 ‘보여주기’보다 ‘느..

Figma Config 2026 총정리AI 시대, Figma는 '디자인 툴'에서 '제품을 만드는 플랫폼'으로 진화했다.지난 6월 열린 Figma Config 2026에서는 단순한 기능 업데이트 수준이 아니라 디자인 → 개발 → 배포까지 하나의 캔버스에서 해결하려는 Figma의 방향성이 명확하게 드러났습니다. (The Verge)이번 글에서는 UX/Product Designer 관점에서 Config 2026 핵심 내용을 정리해보겠습니다.한 줄 요약"이제 Figma는 화면을 그리는 툴이 아니라 제품(Product)을 만드는 운영체제가 되고 있다."2025년이 AI가 디자인를 도와주는 단계였다면,2026년은AI가 개발까지 함께하고코드와 디자인이 하나가 되고Motion까지 제작하며반복 작업은 Agent가 대신하..