클레이 목업: 원하는 색상의 미니멀한 기기 프레임

업데이트: 2026년 10월 30일

클레이 목업은 스크린샷을 부드러운 무광 단색 기기 모양에 담습니다. 카메라도, 유리 반사도, 금속 테두리도 없습니다. 특정 모델이 아니라 그냥 “휴대폰”이나 “태블릿”으로 읽힙니다. 클레이 프레임은 시선을 앱에 머물게 하고, 프레임 색을 브랜드 색상에 맞출 수 있습니다.

무엇이 목업을 “클레이”로 만들까

이름은 3D 모델링의 클레이 렌더에서 왔습니다. 물체를 단순한 무광 재질 하나로 보여 줘서, 표면의 디테일 없이 형태만 보이게 하는 방식입니다. 클레이 기기 목업도 같은 원리입니다.

단색, 무광. 프레임 전체가 한 가지 색이며, 빛에 따른 부드러운 음영만 있고 광택이나 반사는 없습니다.
단순화한 형태. 휴대폰이나 태블릿의 비율을 그대로 갖습니다. 둥근 모서리, 화면보다 조금 큰 본체, 약간의 두께. 카메라 컷아웃 같은 작은 디테일은 뺐습니다.
특정 모델이 아님. 특정 iPhone이나 iPad를 흉내 내지 않으므로, 누구도 작년 기기로 보지 않습니다.

클레이 프레임이 실제 기기 프레임보다 나을 때

브랜드에 맞추고 싶을 때

실제 기기는 정해진 몇 가지 마감으로만 나옵니다. 클레이 프레임은 어떤 색이든 될 수 있어서 브랜드 색상, 앱 강조색의 한 톤, 또는 배경에 녹아드는 중립색으로 만들 수 있습니다. App Store 스크린샷 세트나 소셜 게시물 시리즈에서 모든 이미지에 같은 클레이 색상을 쓰면, 이것저것 모아 놓은 것이 아니라 디자인한 세트처럼 보입니다.

미니멀한 게시물과 슬라이드

소셜 피드에서 반사와 버튼까지 보이는 정교한 휴대폰은 인터페이스와 시선을 다툽니다. 부드러운 색의 무광 프레임은 더 차분해서, 사람들이 화면에 집중하게 됩니다. 기기가 “이건 휴대폰 앱이에요”라고 말하는 역할만 하는 슬라이드나 문서도 마찬가지입니다.

오래돼 보이지 않습니다

실제 기기 프레임은 시간이 지나면 낡아 보입니다. 작년 모델에 담긴 스크린샷은 앱을 실제보다 오래돼 보이게 할 수 있고, 새 휴대폰이 나오면 이미지를 다시 만들고 싶어집니다. 클레이 폰은 특정 연도에 속하지 않으므로, 지금 만든 이미지가 내년에도 어색하지 않습니다.

어떤 화면 크기에도 맞습니다

스크린샷이 현재 기기와 맞지 않을 때가 있습니다. 시뮬레이터 캡처, 오래된 기기, 아직 발표되지 않은 휴대폰 같은 경우입니다. 실제 기기 프레임은 모델이 틀리거나 아직 존재하지 않습니다. 클레이 프레임은 스크린샷에서 형태를 가져오므로, 특정 하드웨어를 암시하지 않고 어떤 스크린샷에도 맞습니다.

실제 기기 프레임을 써야 할 때

클레이가 항상 정답은 아닙니다. 최신 iPhone 전용 기능이나 iPad 전용 레이아웃처럼 앱이 특정 기기에 의존한다면, 실제 기기 프레임이 그 점을 한눈에 보여 줍니다. 제품 발표나 보도용 이미지도 실제 하드웨어로 보여 줄 때 더 좋아 보이는 경우가 많습니다. 많은 사람이 둘 다 씁니다. 출시 이미지에는 실제 기기 프레임을, 평소 게시물에는 클레이를 씁니다.

클레이 색상 고르는 법

배경부터 정하세요. 프레임과 배경은 색이 차지하는 가장 큰 두 영역입니다. 배경을 먼저 고른 다음, 같은 계열에서 한 단계 밝거나 어두운 프레임 색을 고르세요. 흰색 위의 연회색, 남색 위의 진한 파랑, 크림색 위의 피치색이 모두 잘 어울립니다.
화면이 가장 밝게 보이도록 하세요. 앱 인터페이스가 밝다면 조금 어두운 프레임이 화면을 돋보이게 합니다. 어두운 인터페이스라면 밝은 프레임이 같은 효과를 냅니다.
브랜드 색상은 신중하게. 프레임에 브랜드 색상을 그대로 쓰면 화면을 압도할 수 있습니다. 흰색이나 회색을 더 섞어 부드럽게 한 버전이 대개 더 보기 좋고, 그래도 여러분의 색으로 읽힙니다.
일관성을 지키세요. 이미지 세트 전체에 프레임 색 하나를 쓰고, 대신 배경이나 레이아웃에 변화를 주세요.
대비를 확인하세요. 프레임 색이 배경색과 너무 비슷하면 기기가 묻혀 버릴 수 있습니다. 부드러운 그림자가 둘을 분리해 줍니다.

FeatureFrame으로 클레이 목업 만들기

FeatureFrame에는 클레이 기기가 두 가지 있습니다. 최신 iPhone 모양의 클레이 폰과 iPad mini 모양의 클레이 태블릿입니다. 둘 다 Dynamic Island나 카메라를 그리지 않습니다. 스크린샷에서 형태를 가져오므로 어떤 화면 크기에도 맞습니다.

스크린샷을 추가합니다. 창으로 드래그하거나 붙여넣으세요. 휴대폰 비율의 스크린샷은 클레이 폰에, 태블릿 비율은 클레이 태블릿에 담깁니다.
스크린샷이 실제 기기 프레임에 담겨 있다면 기기 메뉴에서 클레이를 선택합니다.
색상을 고릅니다. 프리셋은 14가지입니다. 화이트, 블랙, 클라우드, 스톤, 샌드, 테라코타, 그래파이트, 블러시, 피치, 버터, 민트, 스카이, 라벤더, 세이지. 브랜드 색처럼 다른 색을 쓰려면 16진수 값을 입력하거나 색상 선택기를 쓰세요.
기울입니다. 클레이 프레임도 실제 기기처럼 3D라서 각도 프리셋과 기울기 컨트롤이 똑같이 작동합니다. 살짝 기울이면 가장자리를 따라 부드러운 음영이 보입니다.
장면을 꾸밉니다. 배경(단색, 그라디언트, macOS 배경화면, 직접 고른 이미지), 그림자, 캔버스 크기를 고르세요. 두 번째, 세 번째 스크린샷을 추가하면 레이아웃을 만들 수 있습니다.
복사하거나 내보냅니다. 이미지를 복사해 게시물에 붙여넣거나, 드래그해 꺼내거나, PNG 또는 JPEG로 내보내세요.

화이트와 블랙 클레이 폰과 클레이 태블릿은 무료입니다. 다른 색상, 직접 고른 색상, 실제 기기 프레임, PNG 내보내기, 나만의 워터마크는 FeatureFrame Pro에 포함되며, 가격은 1회 $19.99 또는 연 $9.99입니다.

처음 시작하기 좋은 간단한 조합

깔끔한 App Store 스크린샷 세트나 소셜 게시물을 위해:

같은 계열의 아주 밝은 배경 위에 클라우드나 스카이 프레임을 씁니다.
살짝 기울이고 부드러운 그림자를 더합니다.
세트의 모든 이미지에 같은 색상과 각도를 유지합니다.
피드용으로는 4:5 캔버스를, 출시 페이지나 슬라이드용으로는 16:9를 씁니다.

App Store 스크린샷을 만든다면 App Store 스크린샷 크기 가이드에서 Apple이 요구하는 크기를 확인하세요.

더 읽어 보기

기기 프레임 라이브러리: FeatureFrame의 모든 실제 iPhone 및 iPad 프레임.
앱 스크린샷 공유용 이미지 크기.