네온 헥스: 거의 검은 바탕 위의 시안 육각형 그리드와 주사선
네온 헥스는 헤드업 디스플레이처럼 보입니다. 굵기 30으로 가늘고 간격 120으로 촘촘한 시안 육각형 윤곽선 벌집이 거의 검은 파랑을 덮고, 방사형 페이드가 패턴 원점 주변을 가장 밝게 유지하며 모서리 쪽으로는 어둠 속에 가라앉힙니다. 히어로는 같은 시안의 뾰족한 광선 열 개짜리 폭발로, 선 너비 2의 윤곽선뿐이며, 스크린 혼합의 불투명도 30 흰색 주사선이 오래된 모니터처럼 모든 것을 가로지릅니다.
나만의 스타일로 만들기
숨은 핑크 불러내기
프리셋은 보조 색상에 핫핑크를 저장해 두지만 채우기가 윤곽선이어서 보이지 않습니다. 그라데이션을 고르면 폭발이 시안에서 핑크로 가는 블렌드로 채워져, 그리드를 건드리지 않고 두 번째 네온을 더합니다.
그리드를 폭발 중심에 맞추기
방사형 페이드는 패턴 원점을 따르며, 현재는 프레임 가운데입니다. 패턴 원점 X를 폭발에 맞춰 0.72로 옮기면 벌집이 도형 주변에서 빛나고 왼쪽은 텍스트를 위해 어두워집니다.
자주 묻는 질문
네온 헥스 배경은 움직이나요?
아니요. 이 도구가 만드는 것은 모두 정적인 그래픽이며, 가는 흰색 막대의 고정 오버레이인 주사선도 마찬가지입니다. 덕분에 가볍고 제품 화면에서 모션에 대한 우려도 없습니다. 움직임을 원한다면 이것을 배경으로 삼고 그 위에 놓는 인터페이스 요소를 애니메이션하세요.
사용 방법
패턴 만들기
모티프와 정사각형, 벽돌 또는 육각형 레이아웃을 고른 다음 크기, 간격, 굵기, 회전, 두 가지 패턴 색상과 배경을 설정하세요.
도형과 텍스처 추가하기
8가지 도형 중 하나를 단색, 윤곽선 또는 그라데이션 채우기로 배치한 다음, 9가지 텍스처 중 하나를 혼합 모드와 불투명도를 정해 겹치세요.
구도를 잡고 사용하기
1:1부터 9:16까지 비율을 고르고 히어로, 카드, 모바일 레이아웃에서 미리 보세요. 그런 다음 무료 UX Pilot 계정으로 로그인하면 캔버스에서 사용하거나 내보낼 수 있습니다.