블루프린트 그리드: 기술 도면 그리드 앞에서 도는 정사각 헤어라인 타일
블루프린트 그리드는 파트너 섹션에 개발자 도구 같은 정밀함을 주며, 로고 크기 92의 심볼 24개를 타일은 블루프린트, 모서리는 0으로 둔 날카로운 검은 정사각 타일 위에 올립니다. 그 뒤로 네 줄마다 작은 십자 표시가 있는 24px 그리드가 #000000 바탕의 가장자리로 갈수록 흐려집니다. 한 번에 하나의 타일만 #E9F056 와사비색 강조색으로 테두리와 빛을 받아, 시선이 머물 곳이 하나로 정해집니다.
나만의 스타일로 만들기
UI가 둥글다면 모서리도 둥글게
모서리 0은 철저히 기술적인 느낌을 냅니다. 페이지의 버튼과 카드가 둥근 모서리를 쓴다면 모서리를 8이나 12로 올려 타일이 나머지 인터페이스와 어울리게 하세요.
와사비색을 브랜드 색으로 바꾸기
황록색 하이라이트가 바로 강조색입니다. 강조색을 메인 브랜드 색으로 두고 잉크는 #EDEDED로 그대로 두면, 타일 하나만 색을 띠고 헤어라인과 그리드는 중립적으로 남습니다.
자주 묻는 질문
블루프린트 그리드는 유지하고 배경색만 바꿀 수 있나요?
네. 그리드 선과 십자 표시는 밝은 색상과 잉크를 섞어 만들기 때문에 어떤 바탕을 고르든 따라갑니다. 옅은 바탕에서는 가는 회색 선이 되니, 두 색 사이의 대비를 충분히 두지 않으면 그리드가 사라집니다.
사용 방법
룩을 고르고 로고 추가하기
헤일로 허브, 한낮, 키캡, 세라믹 등 9가지 룩 중 하나로 시작하세요. 플레이스홀더 마크를 그대로 두거나 각각 최대 20 MB인 PNG, JPG, WebP 로고를 16개까지 추가할 수 있습니다.
마크 배치하기
피보나치, 링, 그리드, 롤링 밴드, 허브 궤도 중에서 분포를 고른 다음 개수, 반경, 로고 크기, 마크 스타일을 설정하고 블루프린트, 키캡, 젖빛 유리, 세라믹 같은 타일을 선택하세요.
깊이를 설정하고 사용하기
깊이, 원근감, 후면 깊이, 속도, 축을 조정하고, 로고를 잉크 실루엣으로 둘지 원래 색상으로 둘지 정한 뒤 드래그해 장면을 돌려 보세요. 그런 다음 무료 UX Pilot 계정으로 로그인하면 캔버스에서 사용하거나 내보낼 수 있습니다.