039 · RISE · 2026 가을 VALUE-UP 연구회 · 2026.10.07–12

Value-up 디자인터칭데이 — 홍보물 이미지 제작 과정

경기도 중소기업을 대상으로 한 디자인터칭데이 홍보물을 만든 과정입니다. 불꽃 키 비주얼을 정하고(10/7–10), 포스터 타이포그래피와 비주얼 콘셉트를 비교한 뒤, 업종별 캐러셀 3종을 만들었습니다(10/10). 각 단계에서 고른 것과 버린 시안을 함께 보여줍니다.

모든 이미지는 AI로 만든 콘셉트 시안입니다. 실제 참여기업 사례나 학교 실적, 행사장 사진이 아닙니다. 행사 일시·장소·신청 정보는 최종 확정 전 원고입니다. 공개용 JPEG 축소본.
1. 키 비주얼2. 비주얼 콘셉트3. 포스터4. 캐러셀5. 공통 캐러셀 v2–v146. 업종별·VITAL7. 포스터 비교8. 행사정보 수정행사 웹사이트 →← 9월 Value-up 인포그래픽

1. 키 비주얼 — 성냥과 불꽃

가로 커버에서 출발해(v0.1–0.4) 매체별 비율로 재구성했고, 세로 9:16에서 여섯 번 고쳐 v0.7을 확정했습니다. v0.7은 큰 불꽃의 스포크를 늘리고 과한 밝기를 누르며 구리·호박·금빛으로 색을 나눴습니다. 왼쪽 절반은 타이틀 여백입니다.

가로 커버 v0.1–0.4 (10/7)

cover_match_firework_v0.1
v0.1cover_match_firework_v0.1
cover_match_firework_v0.2
v0.2cover_match_firework_v0.2
cover_match_firework_v0.3
v0.3cover_match_firework_v0.3
cover_match_firework_v0.4
v0.4cover_match_firework_v0.4

매체별 비율 파생 (10/7)

spark_grayscale_16x9_v0.1
16x9spark_grayscale_16x9_v0.1
spark_poster_4x5_v0.1
4x5spark_poster_4x5_v0.1
spark_social_1x1_v0.1
1x1spark_social_1x1_v0.1
spark_story_9x16_v0.1
9x16spark_story_9x16_v0.1
spark_website_21x9_v0.1
21x9spark_website_21x9_v0.1

세로 9:16 v0.2 → v0.7 확정 (10/10)

spark_story_9x16_v0.2
v0.2spark_story_9x16_v0.2
spark_story_9x16_v0.3
v0.3spark_story_9x16_v0.3
spark_story_9x16_v0.4
v0.4spark_story_9x16_v0.4
spark_story_9x16_v0.5
v0.5spark_story_9x16_v0.5
spark_story_9x16_v0.6
v0.6spark_story_9x16_v0.6
spark_story_9x16_v0.7
확정 v0.7spark_story_9x16_v0.7

2. 비주얼 콘셉트 — 불꽃에서 디자인 역량으로

불꽃 이미지는 보존하고, 제품·커뮤니케이션·공간을 잇는 디자인 역량을 보여줄 새 방향을 검토했습니다. v1은 3안(하나의 원리·통찰에서 형태로·협업 공간), v2는 비즈니스 성장 관점을 보완한 세로 2안입니다.

01_design_continuum
v101_design_continuum
02_insight_to_form
v102_insight_to_form
03_collaboration_space
v103_collaboration_space
01_hightech_software_manufacturing_9x16
v201_hightech_software_manufacturing_9x16
02_design_process_9x16
v202_design_process_9x16

3. 포스터 — 스위스 타이포그래피

Pretendard SemiBold, 이탤릭 없이 흰색·회색 체계로 위계를 세웠습니다. v1 3안 뒤 v2에서 정보 그리드와 이미지 비중을 A–E 다섯 계열로 바꿔 가며 비교했습니다.

v1 3안

A_타이포그래피
v1A_타이포그래피
B_사용장면
v1B_사용장면
C_디자인연결
v1C_디자인연결

A안 (1)

A_타이포그래피
v1A_타이포그래피

B안 (1)

B_사용장면
v1B_사용장면

C안 (4)

C_강점에서실행계획_UI다양화_v5
v5C_강점에서실행계획_UI다양화_v5
C_디자인연결
v1C_디자인연결
C_비대칭그리드_상세소개_v3
v3C_비대칭그리드_상세소개_v3
C_텍스트우선_타이틀축소_v4
v4C_텍스트우선_타이틀축소_v4

D안 (5)

D_블랙밴드_모듈그리드_v1
v1D_블랙밴드_모듈그리드_v1
D_원본구조밀착_흑백_v3
v3D_원본구조밀착_흑백_v3
D_정보중심_이미지확대_v2
v2D_정보중심_이미지확대_v2
D_지원분야추가_v4
v4D_지원분야추가_v4
D_지원분야텍스트축소_v5
v5D_지원분야텍스트축소_v5

E안 (5)

E_그리드이미지_ValueUp_v2
v2E_그리드이미지_ValueUp_v2
E_이미지격자정렬_v3
v3E_이미지격자정렬_v3
E_정사각타일이미지_v4
v4E_정사각타일이미지_v4
E_타이포그래피전용_v1
v1E_타이포그래피전용_v1
E_타일크기대비_v5
v5E_타일크기대비_v5

업종 자격이 아니라 기업의 고민별 이야기로 나눴습니다. 커버 3종(v1) 뒤, v2에서 세트당 6장으로 줄이고 AI 생성 시안 위에 로고·기준선·본문을 다시 조판한 편집본을 만들었습니다.

커버 3종 v1

A_제품제조_커버
v1A_제품제조_커버
B_디지털서비스_커버
v1B_디지털서비스_커버
C_브랜드패키지공간_커버
v1C_브랜드패키지공간_커버

A안 · 제품·제조 — 편집본 6장

A01_정렬편집본
편집본A01_정렬편집본
A02_정렬편집본
편집본A02_정렬편집본
A03_정렬편집본
편집본A03_정렬편집본
A04_정렬편집본
편집본A04_정렬편집본
A05_정렬편집본
편집본A05_정렬편집본
A06_정렬편집본
편집본A06_정렬편집본
같은 페이지의 AI 생성 시안 6장 보기
A01_생성시안
생성A01_생성시안
A02_생성시안
생성A02_생성시안
A03_생성시안
생성A03_생성시안
A04_생성시안
생성A04_생성시안
A05_생성시안
생성A05_생성시안
A06_생성시안
생성A06_생성시안

B안 · 앱·디지털 서비스 — 편집본 6장

B01_정렬편집본
편집본B01_정렬편집본
B02_정렬편집본
편집본B02_정렬편집본
B03_정렬편집본
편집본B03_정렬편집본
B04_정렬편집본
편집본B04_정렬편집본
B05_정렬편집본
편집본B05_정렬편집본
B06_정렬편집본
편집본B06_정렬편집본
같은 페이지의 AI 생성 시안 6장 보기
B01_생성시안
생성B01_생성시안
B02_생성시안
생성B02_생성시안
B03_생성시안
생성B03_생성시안
B04_생성시안
생성B04_생성시안
B05_생성시안
생성B05_생성시안
B06_생성시안
생성B06_생성시안

C안 · 브랜드·패키지·공간 — 편집본 6장

C01_정렬편집본
편집본C01_정렬편집본
C02_정렬편집본
편집본C02_정렬편집본
C03_정렬편집본
편집본C03_정렬편집본
C04_정렬편집본
편집본C04_정렬편집본
C05_정렬편집본
편집본C05_정렬편집본
C06_정렬편집본
편집본C06_정렬편집본
같은 페이지의 AI 생성 시안 6장 보기
C01_생성시안
생성C01_생성시안
C02_생성시안
생성C02_생성시안
C03_생성시안
생성C03_생성시안
C04_생성시안
생성C04_생성시안
C05_생성시안
생성C05_생성시안
C06_생성시안
생성C06_생성시안

5. 공통 캐러셀 — v2에서 v14까지 (10/11)

인스타그램에 올릴 공통 캐러셀 5장(1080×1350)을 하루 동안 열세 번 고쳤습니다. 기존 이미지를 다시 쓰고(v3), 흰 배경·코발트 포인트로 정리한 뒤(v4), 글자 크기·이미지 비율·번호 정렬·배경색 보정을 차례로 맞춰 v14를 승인했습니다. 각 버전 설명은 그 폴더 수정 기록의 첫 줄입니다.

규격: 1080×1350px, 5장. v1 보존.
v2규격: 1080×1350px, 5장. v1 보존.
기존 이미지로 배치한 5장 시안. v2 보존.
v3기존 이미지로 배치한 5장 시안. v2 보존.
흰 배경·검정 본문·코발트 포인트로 통일. v3 보존. 공통 좌우 여백 60px, 이미지 영역 480px 모듈. 로봇 손 이미지와 텍스트 사이 80px 간격.
v4흰 배경·검정 본문·코발트 포인트로 통일. v3 보존. 공통 좌우 여백 60px, 이미지 영역 480px 모듈. 로봇 손 이미지와 텍스트 사이 80px 간격.
제목 87–108px, 주요 본문 48–57px. 제목 행간 약 1.1배.
v5제목 87–108px, 주요 본문 48–57px. 제목 행간 약 1.1배.
모든 제목 Pretendard SemiBold 유지.
v6모든 제목 Pretendard SemiBold 유지.
제목 실제 파일 Pretendard-SemiBold.otf 확인.
v7제목 실제 파일 Pretendard-SemiBold.otf 확인.
4장 로봇팔 원본 대비 배치 스케일 0.43→0.56, 약30% 확대. 네 구간으로 나누고 간격 확대. 열 중심 x868.
v84장 로봇팔 원본 대비 배치 스케일 0.43→0.56, 약30% 확대. 네 구간으로 나누고 간격 확대. 열 중심 x868.
4장 원 번호: 글자의 실제 경계 상자로 원 중심에 정렬.
v94장 원 번호: 글자의 실제 경계 상자로 원 중심에 정렬.
4장 네 로봇팔의 시각적 중심을 공통 x840에 정렬. 빈 이미지 여백 대신 피사체 중심 기준. 우측 치우침 완화.
v104장 네 로봇팔의 시각적 중심을 공통 x840에 정렬. 빈 이미지 여백 대신 피사체 중심 기준. 우측 치우침 완화.
5장 메인 타이틀 모두 Pretendard-Bold.otf(700) 적용.
v115장 메인 타이틀 모두 Pretendard-Bold.otf(700) 적용.
1페이지 배경을 전체 공통 아이보리(#FCF8F1)로 통일.
v121페이지 배경을 전체 공통 아이보리(#FCF8F1)로 통일.
1페이지 삽입 이미지의 종이 배경을 행별 측정하여 RGB 색차를 보정. 대지 #FCF8F1에 일치시킴. 기존 텍스트·로고·레이아웃 유지.
v131페이지 삽입 이미지의 종이 배경을 행별 측정하여 RGB 색차를 보정. 대지 #FCF8F1에 일치시킴. 기존 텍스트·로고·레이아웃 유지.
1페이지 삽입 이미지 왼쪽으로 67px 이동(약 50pt, 96dpi 기준). 텍스트·로고 위치와 배경 보정 유지.
v141페이지 삽입 이미지 왼쪽으로 67px 이동(약 50pt, 96dpi 기준). 텍스트·로고 위치와 배경 보정 유지.

최종 승인본 v14 — 업로드 5장

01_cover
최종01_cover
02_questions
최종02_questions
03_fields
최종03_fields
04_process
최종04_process
05_apply
최종05_apply

6. 업종별 캐러셀·VITAL 소개 (10/11)

공통 캐러셀 뒤에 고민별 A·B·C 세트를 6장씩, VITAL 그룹 소개를 8장으로 만들었습니다. 먼저 이미지·텍스트·다이어그램 중심 레이아웃을 세 번 시험했습니다.

레이아웃 테스트 v1
v1레이아웃 테스트 v1
레이아웃 테스트 v2
v2레이아웃 테스트 v2
레이아웃 테스트 v3
v3레이아웃 테스트 v3

A · 제품·제조

A01
A01
A02
A02
A03
A03
A04
A04
A05
A05
A06
A06

B · 앱·디지털 서비스

B01
B01
B02
B02
B03
B03
B04
B04
B05
B05
B06
B06

C · 브랜드·패키지·공간

C01
C01
C02
C02
C03
C03
C04
C04
C05
C05
C06
C06

VITAL 소개 8장

01
01
02
02
03
03
04
04
05
05
06
06
07
07
08
08

7. 포스터 — 전체 비교와 웹 그리드 포스터 (10/12)

그동안 만든 포스터 시안을 계열별로 모아 비교하고, 웹사이트와 같은 그리드로 짠 포스터를 현재안으로 두었습니다.

01 초기3안
비교01 초기3안
02 C계열
비교02 C계열
03 D계열
비교03 D계열
04 E계열
비교04 E계열
05 기타와최신
비교05 기타와최신
웹 그리드 포스터 (최신)
현재웹 그리드 포스터 (최신)

8. 행사 정보 수정 (10/12)

행사 시간이 10:00–12:00으로, 장소가 경기도경제과학진흥원 지하 1층 The이음으로 확정되어, 정보가 들어간 페이지만 다시 만들었습니다. 나머지 이미지는 그대로 두었습니다.

A06.png 수정 전 (10:00–14:00 · 코워킹스페이스)
전A06.png 수정 전 (10:00–14:00 · 코워킹스페이스)
A06.png 수정 후 (10:00–12:00 · The이음)
후A06.png 수정 후 (10:00–12:00 · The이음)
B06.png 수정 전 (10:00–14:00 · 코워킹스페이스)
전B06.png 수정 전 (10:00–14:00 · 코워킹스페이스)
B06.png 수정 후 (10:00–12:00 · The이음)
후B06.png 수정 후 (10:00–12:00 · The이음)
C06.png 수정 전 (10:00–14:00 · 코워킹스페이스)
전C06.png 수정 전 (10:00–14:00 · 코워킹스페이스)
C06.png 수정 후 (10:00–12:00 · The이음)
후C06.png 수정 후 (10:00–12:00 · The이음)