헤일로 그리드: 가운데로 갈수록 부푸는 민트 링의 마름모 격자
윤곽선 원의 엄격한 격자를 45도 돌려 줄이 마름모로 읽히게 한 것, 그것이 헤일로 그리드입니다. 링 크기는 거리에 따라 달라져, 50, 48의 초점 근처에서는 링이 넓은 후광으로 부풀고 모서리 쪽에서는 작은 고리로 줄어듭니다. 네 번째 줄마다 페리윙클이 섞인 민트 획이 짙은 네이비 위에서 빛나고, 그레인은 1로 거의 꺼서 선을 깨끗하게 유지합니다.
나만의 스타일로 만들기
격자를 바로 세우기
그리드를 마름모로 바꾸는 것은 회전 45입니다. 회전을 0으로 설정하면 같은 링이 평범한 행과 열로 줄을 서, 대시보드와 문서에 어울리는 더 중립적인 질서가 됩니다.
링을 더 대담하게
긴장감은 획 굵기를 조절하며 22로 낮아 고운 선을 줍니다. 60 정도에서는 링이 굵은 고리가 되어 모바일 미리보기나 소셜 크롭 같은 작은 크기에서도 버팁니다.
자주 묻는 질문
헤일로 그리드는 재생될 때 어떻게 움직이나요?
느린 물결이 초점에서 바깥으로 퍼져 나갑니다. 각 링이 중심에서의 거리에 따라 차례로 살짝 커졌다 작아지고, 격자 자체는 제자리에 머뭅니다. 속도 16이 맥동을 잔잔하게 유지합니다. 모션이 방해가 될 레이아웃처럼 정적인 패턴이 필요하면 속도를 0으로 내리세요.
사용 방법
비주얼 시스템 고르기
메아리 링, 후광 그리드, 입자 해안, 글리프 지형, 리본 스택 등 20가지 패밀리 중 하나를 선택하세요.
구성하기
균형, 초점, 가장자리 또는 반복 구성을 선택하고, 초점을 옮기고, 밀도, 크기, 회전, 리듬, 긴장감, 깊이, 그레인을 설정하세요.
맥락에서 평가하고 사용하기
제품, 랜딩, AI, 모바일 레이아웃에서 미리 보세요. 그런 다음 무료 UX Pilot 계정으로 로그인하면 캔버스에서 사용하거나 내보낼 수 있습니다.