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

마우스를 내려놓으면 보이는 UX: 디자이너를 위한 키보드 접근성

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

AI 프로토타이핑, 예쁜 화면보다 먼저 검증해야 할 것들

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가 대신하..

Altalogy — 디자인과 기술이 만나는 디지털 제품 스튜디오요즘 스타트업이나 SaaS 제품을 보면 “왜 이 서비스는 이렇게 세련됐지?” 싶은 경우가 있다.그 뒤에는 보통 뛰어난 디자인 스튜디오가 숨어 있다.오늘 소개할 Altalogy는 바로 그런 팀 중 하나다.디자인과 엔지니어링을 함께 다루며 스타트업의 브랜드, 제품, 웹사이트까지 한 번에 설계하는 스튜디오다. 🚀Altalogy란 무엇인가Altalogy는 2015년에 설립된 디자인 & 엔지니어링 스튜디오로,주로 스타트업과 벤처캐피털, 핀테크 기업을 대상으로 디지털 제품 디자인을 제공한다. (Clutch)이들의 핵심 철학은 간단하다.좋은 디자인은 단순히 보기 좋은 것이 아니라제품의 가치를 세상에 보여주는 것이다. (altalogy.com)즉, 단순한..

2026년 3월 선정 최신 웹 랜딩 페이지 참고 사이트웹사이트나 SaaS 랜딩 페이지를 만들 때 가장 중요한 것 중 하나는 좋은 레퍼런스를 많이 보는 것입니다. 특히 최근에는 디자이너와 스타트업들이 실제 서비스의 UI 패턴이나 랜딩 페이지 사례를 참고할 수 있는 큐레이션 사이트를 많이 활용하고 있습니다.이번 글에서는 2026년 기준으로 디자이너, 개발자, 스타트업 창업자들이 많이 참고하는 최신 웹 랜딩 페이지 레퍼런스 사이트를 소개합니다. 랜딩 페이지 디자인이나 웹사이트 제작을 준비하고 있다면 아래 사이트들을 북마크해두는 것을 추천합니다. Mobbinhttps://mobbin.com Mobbin — UI & UX design inspiration for mobile & web appsSave hours ..

로고는 이제 '움직여야' 한다 — 2026년 브랜딩 현장에서 벌어지고 있는 일들디자이너로서 최근 브랜딩 프로젝트를 지켜보면 한 가지 확실한 흐름이 보입니다. 로고가 더 이상 PDF 위의 정지된 마크가 아니라는 것. 올해 눈에 띄는 리브랜딩 사례들과 함께, 지금 브랜드 디자인 현장에서 실제로 무슨 일이 벌어지고 있는지 이야기해보겠습니다.Cloud Dancer — 팬톤이 처음으로 '화이트'를 선택한 이유올해 팬톤 올해의 컬러가 발표됐을 때, 디자인 커뮤니티는 잠깐 멈칫했습니다. Cloud Dancer(PANTONE 11-4201), 사실상 흰색입니다. 팬톤 역사상 최초의 화이트 계열 선정이죠. 차갑지도 따뜻하지도 않은, 쿨톤과 웜톤이 정확히 균형 잡힌 이 색은 "혼란스러운 사회에서 고요한 성찰의 가치를 재발..

디자이너 관점에서 보는 MCP의 의미와 앞으로의 변화최근 디자인 툴과 AI가 빠르게 연결되면서 피그마(Figma) 생태계에서도 새로운 개념이 자주 등장하고 있습니다. 그중 하나가 바로 MCP(Model Context Protocol)입니다. 아직 생소할 수 있지만, 앞으로 디자이너의 작업 방식에 꽤 큰 영향을 줄 수 있는 개념이라 한 번 정리해두면 좋습니다.오늘은• MCP가 무엇인지• 왜 Figma와 연결되는지• 디자이너 입장에서 어떤 변화가 생기는지를 중심으로 정리해보겠습니다.MCP란 무엇인가?MCP(Model Context Protocol)는 쉽게 말해,AI가 디자인 툴, 코드, 문서 같은 외부 환경의 맥락(context)을 이해하고 직접 활용할 수 있게 만드는 연결 규칙이라고 볼 수 있습니다.기존에..

https://youtu.be/HRSRy9gjtAQ 조니 아이브가 합류했을 때, 페라리 디자인이 달라지는 방식페라리의 차세대 전동화 프로젝트 Luce가 공개되면서 가장 크게 주목받은 건 스펙도, 속도도 아닌 디자인 협업이었다. 바로 애플의 전설적인 디자인을 이끌었던 조니 아이브와 그의 스튜디오 LoveFrom이 프로젝트에 참여했다는 소식 때문이다.이 소식이 흥미로운 이유는 단순히 유명 디자이너가 참여했다는 사실 때문이 아니다. 페라리라는 감성 중심 브랜드와, 조니 아이브가 추구해 온 인간 중심 디자인 철학이 어떻게 만나는지가 핵심이다.이번 글에서는 Luce를 통해 드러난 협업의 디자인 의미를 디자이너 시점에서 정리해 본다.자동차가 아닌 ‘경험’을 설계하는 방식조니 아이브의 디자인 철학은 늘 명확했다.제..

https://youtu.be/Gvl1KA6V12E 🏅 올림픽을 하나의 ‘공간’으로 만든 디자인DixonBaxi – Home of the Olympics 디자인 분석올림픽은 전 세계가 동시에 바라보는 거대한 이벤트지만, 아이러니하게도 시청 경험은 채널과 플랫폼마다 분절되어 보이기 쉽습니다. DixonBaxi가 진행한 Home of the Olympics 프로젝트는 이 문제를 디자인 관점에서 풀어낸 사례입니다.단순한 로고 리뉴얼이 아니라, 전 세계 어디서든 올림픽 콘텐츠를 하나의 ‘집(Home)’ 안에서 경험하는 느낌을 만들기 위한 브랜딩 시스템 구축 프로젝트였죠.이번 글에서는 이 프로젝트를 디자인 관점에서 핵심 포인트 중심으로 정리해봅니다. 🎯 1. 출발점은 ‘포디움(시상대)’이라는 상징이 프로젝트의..