등축 투영: 잉크색 위에 쌓인 인디고 큐브와 육각형 윤곽선
아이소메트릭 모티프의 각 타일은 세 면을 가진 큐브입니다. 윗면은 페리윙클, 왼쪽은 일렉트릭 인디고, 오른쪽은 더 어두운 인디고로, 두 가지 색상 모드가 이 모티프에 음영을 넣는 방식입니다. 큐브는 거의 검은 네이비 위에서 불투명도 70으로 맞물리고, 가장자리 페이드가 가운데를 비워 3D 효과가 레이아웃을 채우지 않고 감쌉니다. 점 여섯 개의 다각형, 즉 부드러움 0의 연보라 윤곽선 육각형이 큐브 하나의 실루엣을 되풀이합니다.
나만의 스타일로 만들기
큐브에 다른 조명 주기
윗면은 보조 전경을, 옆면은 전경을 씁니다. 보조 전경을 옅은 민트나 흰색으로 설정하면 위에서 강한 빛이 비치는 것처럼 보이고, 색상 모드를 단색으로 바꾸면 톤온톤 버전이 됩니다.
블록 키우기
큐브 크기는 도형 배율에서 나오며 여기서는 30, 간격은 160입니다. 60에서는 히어로 뒤에 큰 건축적 블록 몇 개가 생기고, 14에서는 큐브가 작은 카드에 어울리는 짜임 텍스처로 변합니다.
자주 묻는 질문
아이소메트릭 패턴은 어디에 쓰이나요?
아이소메트릭 큐브는 구조, 빌딩 블록, 시스템을 연상시켜 개발자 도구, 인프라 및 데이터 제품, 핀테크, 게임 UI에 자주 등장합니다. 이 프리셋은 그 아이디어를 유지하되 톤을 낮춥니다. 큐브는 어두운 배경 위에서 불투명도 70퍼센트로 놓이고 가운데에서 사라져, 헤드라인이나 제품 스크린샷을 위한 자리를 남깁니다.
사용 방법
패턴 만들기
모티프와 정사각형, 벽돌 또는 육각형 레이아웃을 고른 다음 크기, 간격, 굵기, 회전, 두 가지 패턴 색상과 배경을 설정하세요.
도형과 텍스처 추가하기
8가지 도형 중 하나를 단색, 윤곽선 또는 그라데이션 채우기로 배치한 다음, 9가지 텍스처 중 하나를 혼합 모드와 불투명도를 정해 겹치세요.
구도를 잡고 사용하기
1:1부터 9:16까지 비율을 고르고 히어로, 카드, 모바일 레이아웃에서 미리 보세요. 그런 다음 무료 UX Pilot 계정으로 로그인하면 캔버스에서 사용하거나 내보낼 수 있습니다.