ARTS CENTER INCHEON
Concept & Brand identity design
4
12
20
26
32
36
42
46
50
54
56
3
4
01 Arts Center Incheon Concepting & Brand Identity design 2016. 3.
PM 및 브랜드 기획 : 100% / C.I 및 B.I 디자인 : 80% / 브랜드 아이덴티티 매뉴얼 : 70%
5
A R T S CEN T ER I N CH EO N
아트센터 인천은 송도 신도시에 개관 예정인 종합 아트센터로서, 세계적 문화예술, 공연, 교 육, 행사 기능을 담당하는 아트센터 인천의 상징체계를 개발하는 것을 주 목적으로 합니다. 세계적 / 문화예술 / 다양한 콘텐츠 / 신뢰 / 랜드마크 / 인천의 키워드 이미지를 고려하여 유기적이며 누구나 쉽게 인지할 수 있도록 차별화되고 명확한 아이덴티티 디자인 방향으 로 설정하였습니다.
D I R EC T I O N & CO N CEP T
6
D E SI GN CO N CEP T
예술의 세 가지 기본 요소인 ▲●■ 와 미술 · 음악 · 공연 · 문화 · 교육 다 섯 가지 문화예술을 조화롭게 형상화한 디자인으로 Arts Center Incheon 의 약자 (A.C.I)를 시각적으로 쉽게 인지함과 동시에, 좌측의 ㅇ으로 인천이 라는 간접적 연상 및 한글 명칭인 아트센터 인천의 ㅇ/ㅅ/ㅣ도 동시에 인 지 가능합니다.
Image Concept 인천의 상징 / Arts Center Incheon 의 약자 (A.C.I) / 미술과 음악의 파동(예술의 파동)
Art
Ripple
Music
인천대교
인천공항
송도
7
BA SI C S YS T EM
아트센터 인천의 베이직 시스템은 프라이머리부터 각 시그니처, 로고타입, 지정서체, 그래 픽 모티프 등으로 구성되어 있으며, 또한 각 관별 B.I 시스템으로 구성되어 있어, 아트센터 인천의 아이덴티티 시스템을 보여주고 있습니다.
8
프로모션 응용 예시
이미지 삽입
삼각형 컬러 및 패턴 변경
관별 B.I
9
A PPL I C AT I O NS 아트센터 인천의 디자인 아이덴티티는 각 어플리케이션 별 활용을 예시로 하며, 사용처에 따라 각 활용 방안을 예시로 제공하고 있습니다. 이로 인해 향후 아트센터 인천의 디자인을 일관성있게 활용할 수 있도록 가이드라인을 제시하는 것을 목표로 합니다.
10
11
D E SI GN S TA N DA R D M A N UA L 아트센터 인천의 디자인 아이덴티티의 일관성 유지를 위한 디자인 스탠다드 매뉴얼을 제작하여 제공함으로서, 향후 디자인 활용 등에 대한 기본적 가이드라인을 제공토록 하였습니다.
12
13
14
02 myCompanion
Concepting & Application GUI Design Introduction Flim Directing 2013. 11.
PM 및 디자인 기획 : 100% / 로고 디자인 및 시스템 : 100% / GUI 디자인 : 70% / GUI 가이드라인 : 50%
15
M YCO M PA N I O N
myCompanion 프로젝트는 숭실대학교를 주축으로 각 기관 및 대학교들이 모바일 인지 프레 임워크라는 커다른 프로젝트 안에서의 기술들이 하나의 앱으로 통합된 프로젝트입니다. 사용자의 이용 내용에 대한 빅데이터를 기반으로 사용자 행위 추론이 주된 내용을 이루고 있으 며,일반적인 어플리케이션과는 다르게 앱스토어 등에 공개되지 않으며, 방대한 내용을 함축적 으로 표현하는 것이 가장 중요했던 프로젝트입니다.
LO GO
다양한 기술을 하나의 앱으로 함축한다는 것에서 출발하여, 각 기술을 기능별로 정리하여 컬러 로 카테고리화 후 하나의 덩어리로 보여주되 각 기술의 숫자를 도형의 외곽 면의 수로 정리하 여, 하나의 다면체 덩어리로 로고를 구체화 했습니다.
16
CO LO R PA L L E T E
FO N T S
17
A PPL I C AT I O N D E SI GN
이 어플리케이션은 각 대학교가 개발한 다양한 기술이 하나의 앱으로 통합되어 있으며, 사이드바를 통하여 각 기능들을 확인할 수 있습니다. 어플리케이션 디자인 시 각 기술별 정해진 페이지와 중요하게 보여져야 하는 부분, 사용성 이 우선적으로 고려되어야 하며 연구 프로젝트라는 특성에 맞춰 기술 구현이 시각적으로 정확하게 보여지는 것에 가장 초점을 두었습니다.
18
ar
b ide
S
ge
a nP
i
Ma
n
io rat
ist
ce
g Re
on ati
rm nfo d i d. n a e me ter Na egis r are
Pla
ionictive p
Pre user’s
e tim nt d. e s e pre ter At egis r are
e
ov
om
t dic
e lac
ry
ve
of
e
lac
np
e oft
t ces
la
red
p
P
on
ati
oc el
h dt an e im ed. r gt nin giste n u e r r s re p’ ap ps a rite is ap es o v ori Fa se th cal e u v i to act . th, stics a p i o, stat og y t ck by a w e ns he n ch tio ow a st rta s kn er’ on c o s U so sp et u l ran d t t so It an n l e r da r u c n us n a re. ed atio the w t n o sh desti o ge ils. can tive kes t p ma p dic t ta e a i s e gh thi e pr oes ou d th thr s to long le w du ho che s c ti ma uto a ing ist rat yl ne e db G e i f ssi cla ve a h ule ed h c ds ere ist . g e es er i Th riorit p of
s
te
p Ap
ri vo
Fa
ry
ty ivi
a mm
Su
t
Ac
ion
s
Bu
t Sta
ier
le
u ed
f oti
N
h
Sc
r
ge
he
le du
Sc
19
M
a an
I N T RO DUC T I O N M OV I E
이 프로젝트는 국가 연구 프로젝트로서 매년 연구 결과에 대한 프리젠테이션을 진행하게 되며, 그 중 어플리케이션 구동 영상에 대한 기획 및 촬영, 디자인 등을 진행하였습니다. 가장 중요하게 보여져야 하는 각 기술의 동작과 보여주고자 하는 바를 명확히 정리하여 간결하게 보여주는 데에 중점을 두었습니다.
20
21
22
03 POPCLOCK Application Concepting & UI, GUI Design Avalable in Google Playstore 2014. 08
디자인 기획 : 100% / 로고 디자인 및 시스템 : 100% / GUI 디자인 : 60% / GUI 가이드라인 : 30%
23
PO PCLO CK
팝클락 어플리케이션은 알람 어플리케이션의 종류로서 기본적인 알람 제공과 동시에 이벤 트 알람이라는 형태로 다른 음악을 제공하여, 광고주에게는 광고하고자 하는 음악 및 컨텐 츠를 홍보하고, 유저는 알람이라는 기본적인 형태에 상품을 제공받는 이벤트에 응모하는 형태로, 광고주와 유저 모두에게 혜택을 주는 형태의 알람입니다.
LO GO
시계의 형태에서 출발하여, 팝클락이라는 네이밍에서 bright tone을 넣어 원을 각 시간별 포인트로 사용하였고, 이에 따라 아이콘만으로도 사용자가 알람 어플리케이션이라는 것을 직관적으로 파악할 수 있도록 디자인 하였습니다. 타입페이스의 경우에도 타이틀 폰트는 thin한 폰트를 사용하여 가벼운 느낌을 주었으며, 본 문 폰트는 나눔바른고딕을 사용하여 가독성을 중시하였습니다.
24
CO LO R PA L L E T E
FO N T S
25
A PPL I C AT I O N D E SI GN
디자인 기획 시 무엇보다도 편의성을 우선적으로 생각하여 디자인을 기획하였으며, 디자인 또한 접근하기 편하고 사용하기 편한 형태로 디자인을 수행하였습니다. UI 기획에서는 사용자의 어플리케이션 이용에 복잡함과 혼란을 줄이기 위해 주요 정보만을 메인으로 도출하였으며, 상세 페이지에서는 리스트 형식과 slide 이동 형식으로 구성하여 사용자의 현재 위치에서 과거 페이지로의 이동을 손쉽게 구성하였습니다.
26
27
28
04 ImDARWIN Concepting & Application GUI Design 2012. 08
디자인 기획 : 100% / 로고 디자인 및 시스템 : 100% / GUI 디자인 : 50% / GUI 가이드라인 : 30%
29
I M DA R W I N
ImDARWIN 프로젝트는 Action Logger, Smart Finder 및 사용자 빅데이터를 기반으로 한 추론엔진 프로젝트를 통칭하며, 스스로 생각하고 진화하는 시스템이라는 뜻을 가지고 있 습니다.
LO GO
스마트폰 플랫폼에서의 새로운 기술을 보여주는 형태로서 Smart, Intelligent, Develop 등 각 특징을 컬러화하여 연결, 무한히 진화한다는 뜻을 담아 뫼비우스의 띠 형태로 연결되도 록 디자인 하였습니다.
30
CO LO R PA L L E T E
FO N T S
31
ImDARWIN 프로젝트 중 Action Logger Application 입니다.
AC T I O N LO GGER A PPL I C AT I O N
사용자의 행위를 인지하여 기록하는 어플리케이션으로서, 현재 및 과거의 동작을 보여주는 그래프 및 전체적인 수치를 손쉽게 볼 수 있는데에 중점을 두어 디자인 하였습니다.
32
ImDARWIN 프로젝트 중 Smart Finder Application 입니다.
SM A R T FI N D ER A PPL I C AT I O N
사용자가 목적지를 이야기 할 경우 교통 수단에 맞는 실시간 최적 경로와 예상 도착 시간, 최적 교통 수단 등을 정리하여 표시하는 어플리케이션입니다. 사용자와 시스템간의 대화 형태로 구성되어 있으며 음성 인식 버튼과 표시 내용이 최우선 으로 보여지도록 디자인 하였습니다.
33
34
05 ORB Chocolate Logo & Package Design 2014. 05
디자인 기획 : 100% / 로고 디자인 : 100% / 패키지 디자인 : 100%
35
O R B CH O CO L AT E
미국 뉴욕 내 런칭된 소규모 초콜릿 브랜드입니다. 커피향을 가진 수제 초콜릿으로서 계약된 일부 매장에서만 판매하며 하나하나 손으로 제 작한다는 점이 강점입니다.
LO GO
커피향 초콜릿에 대한 맛과 이어지는 컬러 느낌과 수제라는 느낌을 중요 포인트로 잡아서, 하나하나 제작한다는 점을 옷감의 스티치 모양과 우편 봉투 봉인 직인을 모티브로 잡아 그 표면에 싸인된 형태를 컨셉으로 디자인 하였습니다.
36
PACK AGE D E SI GN
패키지는 원 초콜릿의 형태를 사진으로 찍어 그 위에 포장된 형태로 디자인 하였으며, 초콜릿 의 맛과 커피향을 줄 수 있는 컬러 배치를 통하여 간접적으로 포장에서 맛이 느껴질 수 있도록 디자인 하였습니다.
37
06 GGD Graduate Exhibition Logo & Poster & Book Design 2010. 10
PM 및 디자인 기획 : 100% / 로고 디자인 및 시스템 : 100% / 편집디자인 : 70%
39
GGD GR A DUAT E E XH I BI T I O N
LO GO
홍익대학교 게임그래픽디자인전공의 2010년 졸업전시입니다. Cube in Space 라는 소타이틀을 가지고 있으며, 공간 속 여러 가지의 상자, 즉 컨텐츠들을 보여준다는 컨셉을 가지고 있습니다.
Cube in Space 라는 소타이틀을 따라, 상자를 기본 형태로 하여 그 안의 컨텐츠를 보여준다 는 개념으로 접근, 펼쳐진 상자를 컨셉으로 로고를 디자인 하였습니다.
40
CO LO R PA L L E T E
FO N T S
41
E XH I BI T I O N POS T ER
홍익대학교 게임그래픽디자인전공의 2010년 졸업전시 포스터입니다. 전공의 특징을 살려 아이콘 개체 등을 배치하였으며, 타이틀 및 기타 전시 상세 내용 등의 순서대로 시선이 흐르도록 디자인 하였습니다.
06 홍익대학교 게임그래픽디자인전공 여섯번째 졸업전시회 // 큐브 인 스페이스 / 이천십년 구월이십구일 부터 / 시월오일 까지 // 인사동 갤러리 라메르 삼층
새로운 공간 속 입체상자. 6th //✏✏ ✖✴★ Graduate Exhibition ///// ✧✲✡✤✵✡✴✥ ✥✸★✩✢✩✴✩✯✮
홍익대학교//
Game Design✤✥✳✩✧✮ / ✧✡✭✥Graphic ✧✲✡✰★✩✣ Design ✤✥✳✩✧✮
이천십년/구월/이십구일/부터// 시월오일/까지//
✧❁❍❅ ✧❒❁❐❈❉❃ ✤❅▲❉❇■ ✤❅▲❉❇■
Hong-ik Univ. ✵✮✩✶✎ ★✯✮✧✍✩✫
인사동/갤러리/라메르에서//
★❏■❇✍❉❋ ✵■❉❖✎
10.09.29 - 10.10.05 ✑✐✎✐✙✎✒✙ ✍ ✑✐✎✑✐✎✐✕
졸업전시회를/합니다.
✑✐✎✐✙✎✒✙ ✍
개회식은/
✩■▲❁✍ ✧❁●
Insa-dong ✩✮✳✡✍✤✯✮✧ Gallery La Mer ✧✡✬✬✥✲✹ ✬✡3F✭✥✲ ✓✦
✖▼❈ ✏ ✧❒❁❄◆❁▼❅ ✥❘❈❉❂
게임그래픽디자인전공이//
20100929 20101005 역 국 안
이십구일/오후다섯시/에
Opening at 29 Sep 5PM
✯❐❅■❉■
계획되어/있으며//
많은/관람/부탁드립니다///
역 각 종
드 날 도 맥
일
레 마
리 거 네 동 사 인
가 상 원 낙
42
E XH I BI T I O N BO O K
홍익대학교 게임그래픽디자인전공의 2010년 졸업전시 도록입니다. 표지는 타이틀을 형압으로 주어 질감이 느껴지도록 디자인 되었고, 중요 정보는 인쇄하여 읽기 편하도록 하였습니다. 또한 책등의 두께를 이용하여 상세 정보를 바로 볼 수 있도록 디자인하였고, 내지 디자인은 큰 포맷 안에서 각각 개인의 작품이 자유롭게 보여지도록 디 자인 하였습니다.
43
07 LOGOS Etc. Logo & Identities
44
VIDSTUDIO by 2013
45
L ED A PPL E
LED APPLE이라는 신인 아이돌 그룹 앨범 재킷 디자인입니다. 아이돌 락 밴드라는 특성에 맞게 역동적이며 콘트라스트 강한 컬러 등으로 컨셉을 잡고 날카로운 라인으로 로고를 구 성, 디자인을 진행하였습니다. - 디자인 : 100%
46
A PPBL A S T appblast는 신규 창업된 어플리케이션 제작 회사로서, 연예 관련 컨텐츠 어플리케이션 사업이 주 타겟입니다. Blast라는 젊은 느낌의 단어를 사용하여 상대적으로 산뜻한 분위기 및 신뢰성 자체가 필요하다고 판단. 젊은 느낌을 내려 는 쪽으로 주력하여 로고 디자인을 구성하였습니다. - 디자인 : 100%
D I R EC TO R ’ S CU T 디렉터스컷은 촬영 기반 영상 컨텐츠 제작 업체입니다. 어떤 영상에도 적용했을 경우 가독성에 문제가 없고 충분히 워터마 크의 역할을 할 수 있는 형태로 제작하는 것이 가장 중요했습니다. 카메라 안의 뷰파인더 모양을 모티브로 삼아 영상 제작 업체라는 느낌을 주는 형태로 제작하였습니다. - 디자인 : 100%
디렉터스 컷
황현진
대표
Mobile: 010.5556.6224 E-mail: af309@naver.com
Tel: 070.4643.2228 Fax: 031.755.0173 Adress: 경기도 성남시 수정구 시흥동 39-13 Web: www.directorscut.kr
47
08
SEO U L A R T S W EBSI T E
WEB DESIGN
서울예술대학교 홈페이지 리뉴얼에 대한 제안 시안입니다. 서울예술대학교가 가지는 이미지 및 예술이
Web Design except Identity design.
라는 분야에 대한 다양성과 색깔을 고려, 일 반 대학 홈페이지 대비 정제되고 강한 컬러 감과 임팩트를 부여하여 디자인하였습니다. - 디자인 : 100%
48
N UGA N I C W EBSI T E 화장품 브랜드 뉴가닉 홈페이지 디자인 입니다. 오가닉 제품 첨가 화장품으로 산뜻한 기초 화장품 라인을 중점으로 다루고 있는 자연 친화적 브랜드 이미 지를 강조하여 종이 및 잔디밭, 핸드드로잉 오브젝트 등을 활용한 디자인 작업입니다. - 디자인 기획 : 50%, 디자인 : 60%
49
T H EFO OT SH O P W EBSI T E 발 마사지 프랜차이즈 더풋샵의 브랜드 사이트 디자인 입니다. 중국 발마사지에서 유래한 브랜드이며, 실내 인테리어 등도 나무로 이루어진 곳이 많아 친화적이고 귀여운 이미지를 어필하는 데에 중점을 두었습니다. - 디자인 기획 : 70%, 디자인 : 60%
50
CASTIT W EBSI T E 주식회사 캐스팃의 웹사이트입니다. 미라캐스트 동글을 주로 판매하는 업체이며, 페이지 구성 및 이미지를 상품의 섦명과 고객의 편리한 접근 기준으로 디자인 하였습니다. - 디자인 : 60%
51
09 MOTION GRAPHICS Motion Graphics Design Planning.
52
AVA L A N CH E
AVALANCHE는 Lotte Department Store 와 PARSONS, Iriver가 공동으로 제작한 신규 의상 브랜드입니다. 2014년 11월 런칭되었으며, 아이리버의 배터리로 구동되는 손난로 시 스템과 파슨스의 의상이 collaborate 되어 가볍고 따뜻한 아우터 의상을 제작하는 브랜드 입니다. 브랜드 포지셔닝이 가볍기보단 상대적으로 고급스러운 의상을 추구하고 있어, 디자인 기 획 시 빠르고 복잡한 인포메이션보다는 제품이 가지는 특장점과 각 개체를 강조하는 것 이 가장 좋다고 판단하여, 느리고 심플한 형태로 전체적인 디자인 기획을 진행하였습니다. 2D 개체를 많이 활용하기보단 smooth한 움직임을 가진 3D 애니메이션을 이용하여, 필요 한 파트에 대한 구분을 먼저 진행 후 각 프레임별 시나리오 진행 후, 각 프레임별 스타일프 레임 진행 및 3D를 동시 진행하였습니다. 차후 post-production 진행시에도 motion graphics에서 디자인 컨셉을 충분히 이해시킨 뒤 부드러운 motion을 중점으로 진행했습니다. - PM 및 기획 80%, 프레임 디자인 및 3D 애니메이션 100%, post-production: 20%
53
D O OSA N W E’ V E T VCF
부산 우동 두산위브 아파트 지역 광고입니다. 해당 아파트에 인접한 지역에 대한 강점을 주요 포인트로 그래픽 위주의 모션그래픽을 기 획, 디자인 및 진행하였습니다. - 기획 30%, 프레임 디자인 80%
M I L L EH MS -T ECH I N FO R M AT I O N V I D EO
밀레의 신규 신발 라인업에 대한 소개 영상 디자인입니다. 밀레라는 아웃도어 브랜드의 역동성과 신 발이라는 개체 특성을 고려, 신기술 적용으 로 미래적인 느낌을 가미하는 형식으로 디 자인 컨셉을 계획하였습니다. - 기획 70%, 프레임 디자인 100%
54
SA MSU N G M YSI N GL E I N FO R M AT I O N V I D EO
삼성 마이싱글 컨텐츠에 대한 인포메이션 소개 영상입니다. 3가지 중점 슬로건에 대한 설명을 캐릭터 및 핸드드로잉 오브젝트로 커뮤 니케이션을 표현, 마이싱글 컨텐츠가 어떤 강점을 가지고 있는 것에 대해서 인포메이션화하여 디자인 하였습니다. - 기획 50%, 프레임 디자인 70%
55
10 EDITORIAL DESIGN Editorial Design with Print
56
PL A N+ OTA RU plan+Otaru라는 일본 여행 매거진 북 디자인입니다. 일본 홋카이도 내 오타루라는 도시의 여행지를 소개하는 내 용으로서, 유명한 관광지가 아닌 현지 사람들이 즐겨찾는 장소 위주로 선정된 여행 안내서입니다. - 디자인 100%
57
EXPERIENCED PROJECT
58
59
THANK YOU