전체 글 164

웹플로우 팝오버·모달 사용법 | 드롭다운 메뉴와 가입창 만드는 순서

웹플로우(Webflow)에서 이제 드롭다운 메뉴와 가입창을 커스텀 코드 없이 만들 수 있다. 2026년 11월 10일 웹플로우가 기본 요소로 팝오버(Popover)와 모달(Modal)을 추가했고, 무료 Starter를 포함한 모든 사이트 요금제에서 추가 비용 없이 쓸 수 있다. 왼쪽 Add 패널의 Advanced에서 끌어다 놓고, 버튼의 Link settings에서 연결하면 끝이다.웹플로우가 업데이트 노트 대표 이미지로 쓴 모달 편집 화면. 캔버스 위에 Hide on canvas 툴바가, 오른쪽 Settings 패널에 스크롤 잠금과 애니메이션 버튼이 있다. 출처: Webflow Updates, New modal and popover elements, 권리자 Webflow, 명시적 재게시 허가는 확인하지 ..

Design Posts 2026.11.12

동영상 배경 제거, 이제 프레임마다 지우지 않아도 된다 | 어도비 파이어플라이 영상 배경 제거 업데이트 정리

사진의 배경은 몇 번의 클릭으로 지울 수 있지만 영상 누끼는 이야기가 다르다. 보통 1초에 24~30장씩 이어지는 프레임마다 인물의 경계가 조금씩 바뀌어서, 그동안은 프레임을 넘겨 가며 마스크를 손봐야 했다.어도비 파이어플라이는 2026년 9월 업데이트로 이 반복 작업을 줄였다. 어도비 파이어플라이 비디오 편집기에서 동영상 배경 제거를 켜면 첫 프레임에서 피사체를 찾아 클립 전체의 배경을 한 번에 지운다.어도비 파이어플라이는 이미지·영상·오디오를 한 곳에서 만들고 편집하는 올인원 크리에이티브 AI다. 이 글은 2026년 11월 9일 기준 어도비 공식 도움말, 커뮤니티 공지, 요금 페이지를 직접 확인해 정리했다. 기능 설명은 공식 자료에 적힌 범위를 기준으로 정리했고, 작업 화면에서 직접 확인하면 좋은 부..

IT·AI 가이드 2026.11.12

코카콜라 리브랜딩 | 로고를 안 바꾸고 다시 아이코닉해진 이유

코카콜라가 2026년 7월 전 세계 200개가 넘는 시장에 적용할 새 글로벌 비주얼 아이덴티티를 공개했다. 그런데 정작 사람들이 매일 보는 그 곡선 로고타입은 그대로다. 코카콜라는 "어떻게 코카콜라를 다시 디자인하는가? 하지 않는다"는 말로 이번 작업을 요약했다. 로고를 바꾸지 않은 리브랜딩이 어떻게 전 세계 유통망의 일관성 문제를 풀었는지, 공식 발표와 담당 에이전시 JKR의 케이스 스터디로 뜯어본다.30초 요약· 2026년 7월 20일 코카콜라 공식 발표, 디자인은 JKR, 패키지 시스템은 더 슈퍼울트라레어(The Superultrarare) 담당· 로고·워드마크는 그대로 두고 다이내믹 리본·아든 스퀘어·스펜서리안 서체 세 자산의 사용 비중만 높였다· 제로슈거는 더 큰 "Zero Sugar" 표기, ..

Design Posts 2026.11.12

피그마 셰이더 사용법 | 필·이펙트 적용 순서와 에이전트 프롬프트 공식

피그마 셰이더(Shaders)는 레이어의 채우기나 효과 자리에 코드로 그린 패턴·질감·왜곡을 얹는 기능이고, 2026년 11월 2일부터 베타가 끝나 모든 사용자에게 정식 제공된다. Figma가 만든 셰이더는 무료로 바로 쓸 수 있고, 내 셰이더는 Figma 에이전트에게 말로 설명해 만든다. 같은 날 업데이트로 최대 4096픽셀 렌더링·내보내기와 코드 레이어 안에서의 재생도 추가됐다.Figma가 셰이더 도움말에 실은 공식 이미지. 오른쪽 Shader fills 패널의 Created by you 목록에 직접 만든 셰이더 4개가 썸네일로 쌓이고, 뒤 배경의 주황 하프톤 무늬가 그중 하나를 채우기로 적용한 결과다. 셰이더가 색 칩처럼 고르는 ‘채우기 재료’가 됐다는 점이 한눈에 보인다. 출처: Figma 도움말..

Figma 2026.11.11

시리 AI 한국어 켜는 법 | iOS 27.2 설정·지원 기기·안 될 때 확인

시리 AI(Siri AI)는 2026년 10월 26일 배포된 iOS 27.2부터 한국어로 쓸 수 있다. 아이폰 15 Pro·15 Pro Max, 아이폰 16 이후 모델, 아이폰 Air·아이폰 Duo에서 설정 > Siri > ‘Siri AI(베타) 사용해 보기’를 누르면 켜진다. 단, 기기 언어와 Siri 언어가 둘 다 한국어여야 하고, 아직 정식판이 아니라 베타다.이미지: Apple Newsroom 「Siri AI is available in more languages starting today」(2026년 10월 26일) 대표(공유) 이미지. 저작권 Apple. 새 Siri AI 앱 아이콘이 예전의 색색 파형 대신 금속성 구 하나로 정리돼 있어, 설정 화면이나 홈 화면에서 ‘새 시리’를 구분하는 단서가..

IT·AI 가이드 2026.11.11

클로드 Fable 5.2 출시 | Mythos 5.2 차이와 요금제·API 사용법

앤트로픽이 2026년 11월 9일(미국 시간) 클로드 Fable 5.2(Claude Fable 5.2)와 클로드 Mythos 5.2(Claude Mythos 5.2)를 공개했다. 두 모델은 같은 기반 모델이고, 차이는 사이버보안·생물학 분야 안전장치의 수준이다. Fable 5.2는 클로드 유료 요금제와 API에서 누구나 쓸 수 있고, Mythos 5.2는 앤트로픽의 검증 프로그램에 신청해 승인받은 곳만 쓸 수 있다.이미지: Anthropic 「Introducing Claude Fable 5.2 and Claude Mythos 5.2」 발표 페이지 대표(공유) 이미지. 저작권 Anthropic. 두 모델 이름을 한 화면에 나란히 적어, 별개 제품이 아니라 한 쌍으로 발표했다는 점이 대표 이미지에서부터 드러..

IT·AI 가이드 2026.11.11

사우나 브랜드 디자인 | 배스하우스·AIRE·아더십이 휴식을 파는 법

요즘 뜨는 사우나 브랜드가 파는 것은 뜨거운 방 자체가 아니다. 뉴욕의 배스하우스(Bathhouse)는 ‘몸 상태를 끌어올리는 회복’을, 스페인과 북미 등에 센터를 둔 AIRE 에인션트 배스(AIRE Ancient Baths)는 ‘시간이 멈춘 듯한 고요’를, 토론토·뉴욕의 아더십(Othership)은 ‘술 없이 함께 감정을 푸는 저녁’을 판다. 세 곳 모두 사우나와 냉탕이라는 같은 재료를 쓰지만, 공식 사이트가 스스로를 설명하는 문장부터 로고, 사진 톤, 예약 동선까지 서로 다른 휴식을 약속한다.이미지: Savvy Studio 「Bathhouse Branding」 케이스 스터디 대표 이미지(사진 Adrianna Glaviano). 저작권 Savvy Studio·Bathhouse. 목욕하는 사람들을 그린 ..

Design Posts 2026.11.11

네이버지도 이동 탭 개편 2026 | 실시간 버스·지하철 위치 보는 법

네이버지도 앱의 ‘대중교통’과 ‘내비게이션’ 하단 탭이 하나의 ‘이동’ 탭으로 합쳐졌고, 부산과 강원 일부 지역에서는 지도 위에 버스와 지하철의 실시간 위치가 아이콘으로 움직인다. 앱스토어 업데이트 내역 기준으로 iOS 6.12.0(2026년 10월 29일 배포)부터 적용됐다.이미지: NAVER Corp. 제공 실시간 대중교통 위치 안내 이미지(아이뉴스24 2026년 11월 3일 기사 게재본). 저작권 NAVER Corp. 노선 번호를 차체에 새긴 버스 아이콘, 노선 색 머리의 ‘2호선 양산행 서면역에 곧 도착’ 말풍선, 지도 하단의 ‘부산·강원 일부 지역에서 제공하며, 지역 확대 예정입니다’ 안내가 한 화면에 모두 들어 있다. 명시적 재게시 허가는 확인되지 않았다.이 글은 먼저 ‘어디서 어떻게 켜는지,..

Design Posts 2026.11.11

호카 x 마르니 두 번째 협업 | 기능 부품을 디자인 서명으로 바꾸는 법

러닝화 호카(HOKA)와 이탈리아 패션 하우스 마르니(MARNI)가 2026년 11월 두 번째 협업 신발 ‘클리프턴 마르니(Clifton Marni)’를 내놓았다. 이번 협업에서 가장 눈에 띄는 결정은 화려한 그래픽을 새로 그리는 대신, 신발이 원래 가지고 있던 기능 부품 - 중창, 안창, 끈 고리 - 을 그대로 두고 그 위에 마르니의 디테일을 얹었다는 점이다.이 글은 협업 발표 자료와 두 브랜드의 공식 페이지를 근거로 무엇이 바뀌었고 무엇이 그대로인지 구분해서 정리한다. 브랜드·제품 디자인을 다루는 입장에서는, 성능이 핵심인 제품에 외부 디자인 하우스를 초대할 때 실제로 어디를 손대고 어디를 지키는지 참고할 만한 사례다. 사진: MARNI 공식 사이트(marni.com) 제공. 저작권 MARNI. 신발..

Design Posts 2026.11.11

인스타그램 리브랜딩 2026 | 새 워드마크·서체·그라디언트가 바뀐 이유

인스타그램은 2026년 8월 13일(메타 공식 발표일) 10년 만에 브랜드 아이덴티티를 새로 내놓았다. 핵심은 세 가지다. 기울어진 붓글씨 같던 필기체 워드마크를 똑바로 선, 획 굵기가 고른 필기체로 다시 그렸고, 전용 서체 Instagram Sans를 고치면서 손글씨 서체 Instagram Pen과 고정폭 서체 Instagram Mono를 새로 더했고, 상징이던 그라디언트는 지키되 훨씬 적게 쓰기로 했다. 무지개빛 카메라 앱 아이콘의 형태는 이번 발표에서 바뀌지 않았다.메타 공식 발표 글에 실린 영상의 마지막 장면. 2016년부터 쓰던 흰 선 카메라 아이콘 옆에 새 워드마크가 붙었다. 아이콘은 그대로 두고 글자를 바꾼 이번 개편의 범위가 한 장에 드러난다. 출처: Design at Meta - Buil..

Design Posts 2026.11.10
728x90