투명한 목업: 스토어를 뺀 어디서나 쓸모 있다

배경을 투명하게 내보낸 목업은 어떤 페이지에도, 어떤 슬라이드에도, 어떤 색 구역에도 올릴 수 있고 그 자리에 속한 것처럼 보입니다. 만들 수 있는 가장 재사용성 높은 자산이자, 두 스토어가 거부하는 형식이기도 합니다.

투명이 값을 하는 곳

구역 배경을 CSS로 정의한 사이트 히어로. 자료마다 색이 바뀌는 슬라이드. 같은 기기 이미지가 세 구역에 등장하는 마케팅 페이지. 배경을 통제할 수 없는 이메일. 이 모든 경우에 투명한 PNG나 WebP는 배경마다 내보내는 대신 하나로 끝나고, 브랜드 개편에도 다시 렌더링하지 않고 살아남습니다.

그림자 문제

접촉 그림자는 기기가 아니라 배경에 속합니다. 그래서 알파로 내보내면 그림자가 사라지거나, 어두운 배경에서 어색해 보일 반투명 얼룩이 구워집니다. 실용적인 답은 둘입니다. 그림자를 알파에 포함하고 렌더링할 때와 명도가 비슷한 배경에만 올리거나, 그림자 없이 내보내고 CSS로 더하는 것입니다. 매우 다른 배경에서 재사용할 자산이라면 후자가 안전합니다.

스토어에는 절대 알파를 보내지 않기

App Store 스크린샷과 Play 그래픽 이미지에는 알파 채널이 있을 수 없습니다. 다른 건 완벽한 자산이 투명한 모서리 하나 때문에 검증에서 떨어지고, 오류 메시지가 원인을 분명히 말해 주지 않을 때도 있습니다. 자산마다 두 개의 내보내기를 두세요. 자사용 투명 마스터와 스토어용 병합 버전입니다.