"요즘 느낌 지도 그려줘"라는 무리한 요청에 야근 없이 코드로 고퀄리티 에셋 뽑아내는 법

"배경에 지도 같은 거 은은하게 깔아주세요. 아시죠? 그 핀터레스트 감성으로."

디자이너로서 가장 듣기 싫은 피드백 1위는 '감성'이라는 단어로 포장된 '구체성 결여'입니다. 특히 지도 그래픽 리소스 요청은 지옥입니다. 스크린샷을 찍자니 해상도가 깨지고, 일러스트레이터로 도로망을 따자니 단순 반복 노동에 손목이 나갑니다. 스톡 이미지는 우리 서비스 톤앤매너와 맞지 않습니다.

이런 상황에서 디자인을 '예술'이 아닌 '설계'로 접근해야 합니다. 오늘은 파이썬 스크립트 하나로 전 세계 모든 도시의 고해상도 지도 아트워크를 3초 만에 생성하고, 칼퇴근을 확보하는 방법을 공유합니다.

문제 상황: 지도 리소스 제작의 비효율

보통 UI 배경이나 브랜딩 그래픽으로 지도를 사용할 때, 주니어 디자이너들은 다음과 같은 삽질을 반복합니다.

1. 구글 지도 캡처: 확대하면 픽셀이 깨지고, 불필요한 라벨(상호명 등)을 지우느라 포토샵 리터칭에 시간을 쏟습니다.
2. 벡터 노가다: 펜 툴로 주요 도로를 따다가, "이게 디자인인가 막노동인가" 자괴감에 빠집니다.
3. 일관성 부족: 서울 지도는 A 스타일로 그렸는데, 갑자기 뉴욕 지도가 필요해지면 처음부터 다시 그려야 합니다.

이건 디자인이 아닙니다. 비효율의 극치입니다. 우리는 'Map To Poster'라는 오픈소스를 활용해 이 과정을 자동화할 겁니다.

솔루션: 코드로 그리는 디자인 (Generative Design)

이 도구는 도시 이름과 스타일 테마만 입력하면, 도로망 데이터를 불러와 미니멀한 포스터 형태로 렌더링해 줍니다. 개발 지식이 깊지 않아도 터미널에 명령어 한 줄만 치면 됩니다.

1. 준비 단계 (환경 세팅)

복잡한 건 딱 질색이니 핵심만 짚습니다. 파이썬이 설치된 환경에서 리포지토리를 받고 필요한 라이브러리를 설치합니다.

pip install -r requirements.txt

이 한 줄로 준비는 끝났습니다.

2. 실행 및 에셋 생성

이제 터미널에 명령어를 입력합니다. 기획자가 "서울 강남대로 쪽을 느와르 영화 느낌으로 잡아주세요"라고 했다면, 우리는 고민할 필요 없이 아래 코드를 입력합니다.

python create_map_poster.py --city "Seoul" --country "South Korea" --theme noir --distance 10000

옵션 설명 (이것만 알면 됩니다):

• --city / --country: 원하는 도시와 국가.
• --theme: 디자인 스타일 (가장 중요).
• --distance: 지도의 반경(m). 줌 레벨을 결정합니다.

3. 상황별 추천 테마 (Cheat Sheet)

이 툴의 가장 강력한 무기는 17가지의 프리셋 테마입니다. 단순히 예쁜 게 아니라, UI/UX 목적에 따라 논리적으로 선택할 수 있습니다.

상황 A: 어드민 대시보드나 테크니컬한 배경이 필요할 때

• 추천 테마: blueprint (청사진), midnight_blue
• 이유: 정보의 위계가 명확하고, 신뢰감을 주는 블루 톤입니다. 데이터 시각화 화면의 배경으로 깔기에 최적입니다.

상황 B: 친환경, ESG, 여행 관련 서비스

• 추천 테마: forest, ocean, earth
• 이유: 자연 친화적인 컬러 팔레트가 기본 적용되어 있어, 별도의 보정 없이 바로 시안에 얹을 수 있습니다.

상황 C: 다크 모드 앱의 스플래시 화면

• 추천 테마: neon_cyberpunk, noir
• 이유: 높은 대비(Contrast)를 제공합니다. neon_cyberpunk는 트렌디한 핀테크나 게임 앱에, noir는 고급스러운 브랜드 경험에 적합합니다.

디테일 챙기기: 반경(Distance) 조절의 미학

개발자에게 가이드를 넘길 때 "적당히 줌인해주세요"라고 말하면 싸움 납니다. 이 툴은 숫자로 명확한 기준을 제시합니다.

• 4000-6000m: 밀도가 높은 소형 도시나 특정 구역(예: 베네치아, 종로구)을 보여줄 때 씁니다. 골목길의 디테일이 살아납니다.
• 8000-12000m: 서울, 파리, 바르셀로나 같은 대도시의 중심부를 표현할 때 가장 안정적인 비율입니다.
• 15000m 이상: 도시 전체의 거시적인 구조(Ring Road, 강 줄기 등)를 보여줄 때 사용합니다.

결론: 도구에 종속되지 말고 도구를 부리세요

디자이너라고 해서 반드시 어도비 툴 안에서만 작업해야 한다는 강박을 버리세요. 누군가 며칠 걸려 그릴 도로망을, 우리는 코드 한 줄로 1분 만에 끝냈습니다. 남은 시간은 그래픽 노가다가 아니라, "왜 이 화면에 이 지도가 들어가야 하는가?"라는 설득 논리를 다듬는 데 써야 합니다.

지금 당장 터미널을 켜고 여러분이 좋아하는 도시를 렌더링해 보세요. 그리고 기획자에게 당당하게 말하세요. "요청하신 톤앤매너에 맞춰 3가지 시안 준비했습니다." 이것이 바로 공대생 마인드로 무장한 디자이너의 생존 방식입니다.