첫 캠페인 만들기
용어집 · 애니메이션

색상 애니메이션

배너가 재생되는 동안 채우기, 스트로크, 텍스트, 또는 배경의 색이 점진적으로 바뀌는 것이에요.

자세히

색을 애니메이션한다는 것은 갑자기 바뀌지 않고, 부드러운 전환으로 한 색에서 다른 색으로 넘어가는 것을 말해요. 가격에 주목하게 하거나, 버튼을 강조하거나, 메시지 변화에 맞출 때 써요.

BannerMotion에는 두 가지 움직임이 있어요. “색 바꾸기”(한 색에서 다른 색으로 가서 끝 색에 머묾)와 “색 펄스”(갔다가 돌아오기를 한 번에서 세 번까지). 색은 브랜드 팔레트의 이름이거나 #RRGGBB, #RRGGBBAA, 또는 oklch() 값일 수 있어요. 움직임 동안 색이 계속 다시 그려지므로 절제해서 쓰세요.

예시

버튼이 400ms 동안 브랜드의 파란색에서 오퍼의 주황색으로 바뀌어요.

관련 용어

OKLab과 OKLCHSVG 스트로크(stroke)스트로크 그리기이징(Easing)

나타나는 곳

[이 용어는 아직 어떤 가이드에도 나오지 않아요.]

용어집으로 돌아가기

용어를 실제 작업에 적용해 보세요.

실제 캠페인으로 한번 해 보세요.

내 첫 캠페인 만들기요금 보기