장식 요소

직접 그린 모티프

장식만 따로 본 모습
직접 그린 모티프 표본 — 이 장식이 실제로 쓰이는 레이아웃과 배색 위에 그린 것입니다. 장식은 카드 좌표에 맞춰 배치되므로 아무 레이아웃에나 얹으면 겹칩니다.

직접 그린 모티프는 만든 사람이 가져온 SVG 한 조각을 카드 전면 뒤에 까는 방식입니다. 다른 장식이 코드에 박힌 열다섯 가지 모양 중 하나를 고르는 것이라면, 이것은 모양 자체를 새로 만드는 유일한 데이터 축입니다.

카드 좌표(가로 486×270, 세로 300×540)를 viewBox 로 삼아 그리고, 색은 hex 대신 $primary·$accent·$text 토큰으로 적으면 디자인의 배색을 그대로 따라갑니다. 콘텐츠보다 뒤에 그려지므로 글자를 가리지는 않지만, 진한 면이 글자 뒤에 깔리면 읽히지 않으므로 투명도를 낮추거나 레이아웃이 비워 두는 구석에 두는 것이 원칙입니다.

허용되는 것은 path·circle·rect·polygon 같은 도형과 그라디언트뿐이고 글자·이미지·외부 참조·스크립트는 검사기가 거부합니다 — 모티프는 장식이지 콘텐츠가 아니기 때문입니다. 업종의 사물을 윤곽선 하나로 요약할 때 가장 힘을 내고(자동화 업체의 래더 회로, 방역 업체의 분사 반경, 고양이 호텔의 귀 실루엣처럼), 인쇄에서는 1px 선과 10% 아래 투명도가 먼저 사라진다는 점은 다른 선화 장식과 같습니다.

무엇을 그려야 하나

직접 그린 모티프는 업종의 사물을 윤곽선 하나로 요약할 때 가장 힘이 있습니다. 자동화 업체의 회로, 방역 업체의 분사 반경, 고양이 호텔의 귀처럼 보는 순간 무슨 일을 하는지 떠오르는 형태 하나면 충분합니다. 여러 사물을 나열하면 아이콘 모음처럼 보이고, 추상 무늬는 업종과 연결되지 않으면 장식에 그칩니다.

레이아웃과의 관계

모티프는 글자 뒤에 그려지므로 레이아웃이 비워 두는 자리에 놓아야 합니다. 패턴 반면처럼 절반을 비우는 레이아웃이나 구석 쌓기처럼 모서리를 비우는 레이아웃이 모티프를 주인공으로 세우고, 정보가 고르게 퍼진 레이아웃에서는 모티프를 옅게 구석에 두는 것이 원칙입니다. 진한 면이 글자 뒤에 깔리면 검사기가 잡지 못하는 가독성 문제가 생깁니다.

인쇄할 때

1px 수준의 가는 선과 10% 아래의 옅은 투명도는 인쇄에서 먼저 사라집니다. 모티프가 재단선 밖으로 이어지는 구도라면 도련 영역까지 그려야 합니다. 색을 hex 대신 색 토큰으로 적으면 배색을 바꿀 때 모티프도 따라 바뀌어, 같은 형태를 다른 업체의 명함에 다시 쓸 수 있습니다.

어울리는 곳

업종을 한 형태로 설명할 수 있는 곳이면 어디든 맞습니다. 기성 장식으로는 무엇을 하는 곳인지 말할 수 없을 때 선택하는 방식입니다.

고르지 말아야 할 때

업종을 대표할 형태가 떠오르지 않는다면 기성 장식이나 장식 없음이 낫습니다. 형태를 그릴 도구나 시간이 없는데 이 방식을 고르면 흔한 아이콘을 옮겨 놓는 데 그칩니다.

비슷한 선택과 무엇이 다른가

직접 그린 모티프와 가장 가까운 것은 그림 슬롯입니다. 모티프는 코드로 그린 벡터 도형이라 명함의 배색 토큰을 따라 색이 바뀌고 크기와 관계없이 선명하지만, 도형과 그라디언트만 허용되어 사진이나 질감을 담을 수 없습니다. 그림 슬롯은 한 장의 그림을 통째로 깔아 무늬와 사진, 질감까지 담을 수 있는 대신 배색이 바뀌어도 그림은 그대로입니다. 업종의 사물을 단순한 윤곽선으로 말할 수 있다면 모티프가, 풍부한 무늬나 사진이 필요하다면 그림 슬롯이 맞습니다. 기성 장식 여덟 가지는 어떤 업종에도 쓸 수 있는 대신 무엇을 하는 곳인지 말해 주지 않습니다.

어느 업종에서 쓰였나

이 서식을 쓰는 디자인 15종

시공 · 욕실 타일 리모델링 (사선 분할 타일 모티프) 명함 디자인 앞면

시공 · 욕실 타일 리모델링 (사선 분할 타일 모티프)

Bathroom Tile & Remodeling — offset tiles

기업 · 브랜드 컨설팅 (크림 바탕 코럴 원판 포스터) 명함 디자인 앞면

기업 · 브랜드 컨설팅 (크림 바탕 코럴 원판 포스터)

Brand Consultancy — coral disc poster

교육 · 요트 세일링 스쿨 (네이비 쉐브론 반면) 명함 디자인 앞면

교육 · 요트 세일링 스쿨 (네이비 쉐브론 반면)

Sailing School — navy chevron half

반려동물 · 24시 동물의료센터 (심전도 선화) 명함 디자인 앞면

반려동물 · 24시 동물의료센터 (심전도 선화)

24-hour Animal Emergency Center

반려동물 · 고양이 전용 호텔 (크림 앰버 세로 선화) 명함 디자인 앞면

반려동물 · 고양이 전용 호텔 (크림 앰버 세로 선화)

Cat-only Boarding Hotel

제조·설비 · 공장 자동화 설계 (네이비 그리드) 명함 디자인 앞면

제조·설비 · 공장 자동화 설계 (네이비 그리드)

Factory Automation & PLC Engineering

생활 서비스 · 방역·소독 전문업체 (틸 원장) 명함 디자인 앞면

생활 서비스 · 방역·소독 전문업체 (틸 원장)

Licensed Pest Control & Disinfection

보험 금융 FC (보안 무늬 · 구석 쌓기) 명함 디자인 앞면

보험 금융 FC (보안 무늬 · 구석 쌓기)

Financial Consultant — guilloché rosette, corner stack

필라테스 강사 (세로 등뼈 · 곡선 하나) 명함 디자인 앞면

필라테스 강사 (세로 등뼈 · 곡선 하나)

Pilates Instructor — vertical spine, one curve

손해사정 법인 (사고 접수 번호가 주인공) 명함 디자인 앞면

손해사정 법인 (사고 접수 번호가 주인공)

Independent Claims Adjusters — the intake number is the hero

반려동물 스파 미용 (예약 번호가 주인공 · 쿠폰) 명함 디자인 앞면

반려동물 스파 미용 (예약 번호가 주인공 · 쿠폰)

Pet Spa & Grooming — the booking number is the hero

AI 소프트웨어 연구소 (노드 그물 · 구석 쌓기) 명함 디자인 앞면

AI 소프트웨어 연구소 (노드 그물 · 구석 쌓기)

AI Software Lab — node graph, corner stack

바리스타 커피 학원 (컵 자국 · 구석 쌓기) 명함 디자인 앞면

바리스타 커피 학원 (컵 자국 · 구석 쌓기)

Barista Academy — cup rings, corner stack

해외 특허법률사무소 (세로 등뼈 · 금색 호) 명함 디자인 앞면

해외 특허법률사무소 (세로 등뼈 · 금색 호)

IP Law Firm — vertical spine, gold arcs

어학원 토플 전문강사 (코발트 포스터 · 큰 따옴표) 명함 디자인 앞면

어학원 토플 전문강사 (코발트 포스터 · 큰 따옴표)

TOEFL Instructor — cobalt poster, giant quote marks

다른 장식 요소