Issuu on Google+

1


2


DE+SIGN

3


SHIN SAE BYUK Graphic designer

Hongik university Digital media design Eirenshin@gmail.com 010 9362 0739

Visual Graphic Design Information / Infographic Branding UX / UI Motion graphic

4


CONTENTS

1. CREATIVE INFORMATION 2. BRANDING 3. INFOGRAPHIC DESIGN 4. MOTION GRAPHIC 5. UX / UI 6. GRAPHIC ARTWORK

5


CREATIVE INFORMATION Tunes Climate chord Nanji camp

6


Information visulization

7


“TUNES” CONVERGENCE PROJECT

CREATIVE INFORMATION / GRAPHIC DESIGN

8


9


TUNING, 음을 고르며 조화를 찾아나가는 과정. Creative Insparation Music & Design philosophy

음악과 디자인의 교집합을 찾기 위한 프로젝트 칭찬은 고래도 춤추게 한다는 말이 있습니다. 내 자신을 춤추게 하는 것은 음악과 디자인이 아닐까 생각해보곤 합니다. 이것들은 살아있 는 목표의 눈을 가질 수 있게 해주는 저의 두 가지 요소로서, 각각의 감성을 끊임없이 결합 시키고 의미를 찾는 과정 자체에 흥미를 느낍 니다. 이 프로젝트는 플룻의 리듬을 시각화하여 음악 이 가지는 4가지 요소를 그대로 ‘내가 생각하는 디자인’으로 가지고 와 음악과 디자인 사이의 상관관계를 정리한 작업입니다.

10


11


DESIGN PROCESS

“음악과 디자인에는 분명 공통 요소가 존재할 것이다.” 제가 정말 좋아하는 곡 중 하나인 ‘Second romance’를 연주하였습니다. 연주한 동영상을 보면서 버튼이 눌리는 순간 순간을 시퀀스 당으로 끊어 아래와 같은 악보를 만들었습니다. 점들이 찍히는 것은 단순한 악보가 아닌, 연주자의 감성이 들어간 음악을 이해하는 새로운 시도라고 볼 수 있습니다. 이제껏 악보를 보는 것에 그쳤다면 이제는 연주한 후에 만들어진 하나의 기호가 있으며 이것은 음악을 바라보는 또 다른 저만의 생각이 되겠습니다.

12


멜로디와 베이스를 하나로 합쳐 보았습니다. 그 위에 ‘리듬의 강약, 무게감’등을 총 6개의 단계로 분류하여 시각화 하였습니다.

13


Rhythm.

제가 생각하는 디자인이란 점,선,면 이라는 가장 기초적인 요소를가지고 리드미컬하게 다양한 문제들을 풀어나가고 만들어내는 과정이라 생각합니다. music spot의 각도를 살짝 틀어 보았고 그 안에서 디자인의 원리를 발견한 것입니다. 음악이 기본적 음을 가지고 리듬을 만들어 내듯이 디자인 또한 ‘리듬’이란 요소가 있습니다.

14


Dynamics.

음악에서의 다이내믹 중 ‘강’이라는 것은 곧 힘과 강점을 의미합니다. 음악에서 강하게 불러야 하는 부분이 있듯이 디자인에 서도 강하게 밀고 나가는 부분이 있습니다. 제가 가진 디자인 강점을 시각화해보았으며 그 요소들로는 디자인의 핵심을 끌어낼 줄 아는 키워드들로 구성하였습니다.

15


Harmony.

음악은 화음으로 이루어질 때 아름답습니다. 음악의 화음처럼 제가 추구하는 디자인에서의 화음은 무엇일까 생각해보았습니다. 저의 멜로디가 되는 디자인 분야와 그 밑을 탄탄하게 깔아줄 수 있는 베이스 디자인에 대한 시각화가 되겠습니다.

16


Link.

음악을 연주한다는 것은 하나의 음에서 시작해 또 하나의 점으로 끝나는 긴밀한 연결성을 말합니다. 이 요소들은 서로 연결되어 주거니 받거니 아름다운 곡을 완성해 나갑니다. 이처럼 저의 디자인 또한 살아가는 삶 속에 고스란히 녹아 있습니다. 긴 삶 속에 수많은 경험과 순간들이 존재할 것이고 이것들은 곧 제 디자인에 많은 영향을 끼치게 될 것입니다.

17


“CLIMATE CHORD” GLOBAL WARMING, WARNING CREATIVE INFORMATION / GRAPHIC DESIGN

18


19


CLIMATE CHORD 지구 온난화의 가장 크고 최종적인 결과는 ‘기후 지역의 변화’이고, 가장 작고 사소한 원인은 ‘일상에서 버려지는 일회용 쓰레기’입니다. 사 람들이 아무생각없이 버리는 쓰레기가 지구 전체에는 심각한 영향을 끼칠 수 있다는 메세지를 전달하기 위한 프로젝트입니다. 사람들의 작은 일상 생활 속에서 발견할 수 있는 ‘큰 것의 소실’에 대해 말하고 싶었습니다. 사람들에게 올바른 이치에 관한 메세지를 전달할 수 있는 디자인이 남는 디자인이라고 생각하기 때문입니다. 이 프로젝트는 지구의 7가지 기후 지역을 나누 그래픽 포스터 작업을 진행하였고 각각의 포스터에는 그 기후 지역을 설명하는 문구를 넣었습니다. 최종 결과물은 공공기관과 같은 쓰레기통 위에 설치할 수 있는 미디어 플랫폼을 생각해보았습니다. 사람들이 쓰레기를 버릴 때마다 사막화의 사운드가 상징적으로 계속 발생하게 되어 사소한 일 하나라도 그것이 농축되면 큰 소실을 불러올 수 있다는 경각의 메세지를 전함이 목적이라 할 수 있습니다.

20


21


22


사람들이 쓰레기통 안에 온난화의 주범인 일회용 쓰레기를 버릴 때마다 그 쓰레기의 성분 값을 인식하여 climate chord는 사막, 아열대 기후에 가까운 소리를 내게 됩니다. 쓰레기 하나를 버리는 사소한 행위에 상징성을 부여하여 일회용 쓰레기가 버려질 때마다 소리가 나는 일종의 미디어 플랫폼입니다.

23


24


25


26


“NANJI CAMP” LINK THE CAMPING PROCESS

CREATIVE INFORMATION / GRAPHIC DESIGN

27


INFORMATION NAVIGATION SYSTEM PROBLEM 가족들이 즐겁게 쉬다갈 수 있는 난지 캠핑장에 다녀온 후, 다양한 설문조사와 인터뷰 및 관찰을 바탕으로 수집한 문제점들입니다. 해가 지면 보이지 않는 표지판과 POP가 맞지 않는 디자인 각 구역별 구분이 없는 내비게이션 시스템 캠핑을 시작한 후에 알 필요가 없는 정보들로만 구성된 브로셔 캠핑장에서 텐트를 찾아가고 사용자들의 동선을 파악한 브로셔가 아닌, 뻔한 정보로만 노출된 사용성 낮은 브로셔 등.

UX 난지 캠핑장 홈페이지에서 캠핑을 할 날짜와 텐트 자리를 예약 후, 입장권을 받고 쓰레기 봉투를 들고 입장합니다. 숙영자의 경우 예약 텐트 자리를 찾아가 짐을 풀고 놀 수 있으며, 피크닉 이용자들은 잠을 자지 않고 텐트 자리를 제외한 곳에서 놀 수 있습니 다. 다양한 물품들을 따로 구매하거나 대여소에서 빌려야 하며 마지막에는 쓰레기를 모아 지정된 장소 에 버리고 출구로 나가는 과정 캠핑 이용객들의 일반적인 패턴입니다.

SOLUTION 실제로 난지캠핑장은 사람들의 캠핑 흐름을 도와 주기에 내비게이션 시스템이 취약한 경우였습니다. 그래서 아이들이 길을 잃기 쉬운 환경, 실제로 캠핑 장에 도착하여 텐트를 찾아가는 과정, 자신의 구역 (A,B,C,D,E)이 어디인지 계속 헷갈려하는 등의 문제 점들이 가장 특징적이었습니다.그리고 캠핑은 출발 하기 전의 준비와 교육이 가장 중요했습니다. 따라

PREPARE

START

서 ‘현장과 준비단계를 이어주는 시스템’의 인포메이 션을 기획하였습니다. 캠핑 준비부터 시작하여 현장 활용도가 높고 이용객들에게 정말 필요한 요소들로 브로셔를 다시 구성 하였습니다. 브로셔와 함께 어린 아이의 목에 걸어줄 수 있는 카드를 함께 넣었으며 어른들에게는 손목에 차고 다닐 수 있는 구역표시 팔찌를 제공합니다. 이와 더불어 실제 캠핑장 안의 구역 구분과 POP 또한 수정하였습니다.

28

Link the process

ENTER


브로셔와 팔찌, 그리고 목걸이. A,B,C,D,E 구역으로 캠핑장이 나뉘어 있습니다. 각 구역에 맞게 이용객들은 집에서 텐트 예약을 할 것입니다. 이 때 미리 숙영 준비물과 필요사항 그리고 자신이 위치한 구역의 지도가 담긴 브로셔를 집에서 프린트할 수 있습니다. 캠핑 전에 미리 프린트한 브로셔를 가지고 캠핑장에 들고 가게되며 이 브로셔는 캠핑 후에 나누어 주는 것과는 달리 그들의 준비 단계부터 함께 해주는 브로셔가 될 것입니다. 각각의 브로셔는 가정이라는 환경을 고려하여 흑백 인쇄를 하여도 구역 구분이 가능하게끔 단일 톤으로 진행 하였으며, 브로셔 밑단에는 현장에서 잘라 아이들의 목걸이로 쓸 수 있는 카드가 있습니다. 또한 어른들에게 현장에서 구역에 맞는 색상의 팔찌를 착용시켜 캠핑장 안에서 가장 큰 문제점이었던 ‘자기 텐트를 찾아가는 길’이 훨씬 쉽도록 하였습니다.

29


난지 캠핑장의 불편함을 해소할 수 있는 브로셔 브로셔 안에는 자신의 구역이 어디인지 쉽게 알 수 있도록 지도를 첨부하였습니다. 그리고 숙영자 준비물품, 렌트 물품 등의 목록을 미리 주어 현장에서의 혼선을 줄였습니다. 하단의 바코드를 찍게되면 바로 입장이 가능하여, 실제 캠핑장 입구에서 사람들이 표를 사느라 엄청 복잡했던 매표소의 불편함 또한 해소할 수 있습니다.

30


31


BRANDING Hongik design festival

32


Information visulization

33


“LUMINANCE” HONGIK DESIGN FESTIVAL

BRANDING / GRAPHIC DESIGN / PRINT DESIGN

34


35


조형대학 디자인페스티벌 기획 및 디자인 홍익대학교 조형대학 제2회 디자인 페스티벌의 컨셉

홍익대학교 디자인 페스티벌의 디지털미디어디자인

디지털미디어디자인을 잘 보여줄 수 있는 컨셉을 생

을 도출하고 기획하며 디자인까지 하였습니다. ‘디지

홍보 포스터입니다. 줄여 디미디라 칭하는 저희 과는

각하다가 ‘luminance’ 라는 키워드를 최종적으로

털미디어’ 라는 과의 아이덴티티에 맞는 브랜딩을 진

3개로 나뉘었던 트랙이 세분화 되어 총 7가지의 트

뽑아내었고 다양한 분야가 서로 맞물려 빛을 발할 수

행하였습니다. 루미넌스는 빛을 발하다는 뜻을 가지

랙으로 변천하였습니다. (AR, motion graphic,in

있는 특징을 살리려 노력했습니다. 인디고와 화이트

고 있습니다. 총 7가지 트랙으로 빛을 발하는 디지털

formation, physical computing, etc.) 이러한

의 조합으로 심플하게 진행해보았습니다. 이 외에도

미디어디자인의 정체성을 살리면서 홍익대학교 디자

특성을 고려하여 삼각형, 칠각형 등의 도형으로 포스

브로슈어, 스티커, 레터링, 현수막 등 페스티벌 곳곳

인 축제에 걸맞는 컨텐츠로 축제를 준비하였습니다.

터를 디자인하였습니다. 이 포스터는 행사 진행 전부

에 전시될 플랫폼을 만들었습니다.

터 학교 곳곳에 설치되었으며 사람들에게 페스티벌 을 활발히 홍보할 수 있는 컨텐츠입니다.

36


실제로 페스티벌을 진행하였던 모습입니다. 그동안 준비했던 디자인을 전시하는 페스티벌이므로 그 성격에 맞게 진행하였습니다. 전시장 밖에 설치된 포토월과 각 트랙에 관한 설명, 레터링, 현수막 등이 설치되어 있습니다.

37


INFOGRAPHIC Smart oven Shaved ice

38


Story telling graphic

39


“SMART OVEN” STORYTELLING INFOGRAPHIC

INFORMATION DESIGN / INFOGRAPHIC

40


41


SMART OVEN

인포그래픽을 제작하게 된 동기 삼성전자와 관련된 다양한 기사를 훑어보던 중, 와닿았던 말이 있습니다. 모바일 디바이스와 같은 것들은 유행에 민감하고 최신 기술이 함축된 제품입니다. 그래서 다들 삼성전자 하면 ‘핸드폰’을 떠올리곤 합니다. 하지만, 그 브랜드의 가치를 알 수 있는 것은 한국 주부들이 오래는 10년도 넘게 쓸 가전제품입니다. 가전제품이야말로 고객의 진정한 신뢰를 얻을 수 있는 믿음직한 제품이어야 한다는 것입니다. 이러한 기사와 그들의 모토를 접한 후, 재미있는 스토리로 풀어본 ‘스마트 오븐’에 관한 프로모션 인포그래픽입니다.

42


스마트 오븐을 전수해 줄 산신령, 요리못하는 아내를 둔 나무꾼의 이야기. 지금부터 시작합니다.

43


나무꾼 김씨의 아내를 위한 선물은 무엇일까 우리가 익히 들어 알고 있는 ‘선녀와 나무꾼’ 그리고 ‘금도끼 은도끼’를 혼합하여 오븐을 홍보하는 인포그 래픽을 제작하였습니다. 배고픈 나무꾼과 그것을 해 결해줄 스마트 오븐의 이야기를 스토리로 풀었습니다. 웹환경을 고려하여 세로로 긴 포맷으로 작업하였습니다. 전체적으로 동화의 이야기로 풀었기 때문에 아기자기한 그래픽이 특징이며 아래로 스크롤하며 인포그래픽을 감상할 수 있습니다. 포트폴리오 레이아웃 상 한 페이지에 모든 내용을 담을 수 없었던 점 양해바랍니다.

44


45


46


47


“SHAVED ICE!” INFOGRAPHIC PROJECT

INFORMATION DESIGN / INFOGRAPHIC

CONCEPT

Fix Subject

Discover

Define

Develop

Deliver

Shaved ice

2013년 여름은 무더웠습니다. 저는 팥빙수를 사 먹 으며 가격에 대한 의심이 들었고 다양한 뉴스 기사를 접하게 되었습니다. 사람들에게 인포그래픽을 통한 정보 전달을 목적으로, 기사를 분석하고 데이터를 수렴하여 하나의 인포그래픽을 제작하였습니다.

48


인포그래픽을 제작하게 된 동기 팥빙수의 가격에 숨겨진 진실을 파헤쳐보는 작업입니다. 소비자에게 신뢰있는 제품이 아닌, 가격 거품을 낀 팥빙수를 판매하고 있다는 내용입니다. 기사에 나왔던 다양한 브랜드의 팥빙수를 분석하고 그에 따른 원가와 판매자의 상황등을 나타냈습니다. 동시에 더운 여름을 지혜롭게 날 수 있는 해결책을 전해줍니다. 더운 여름, 시원한 컨셉과 재미있는 설정으로 인포그래픽을 제작하였으며 소비자들이 보는 인포그래픽 뉴스 포맷으로 만들었습니다.

49


MOTION GRAPHIC CAU Opening 6 secrets of our body Tiktok

50


3D Design, projection mapping

51


“CAU OPENING” CHUNG-ANG UNIV. PROJECTION MAPPING.

MOTION GRAPHIC / PROJECTION MAPPING

52


53


맨 처음 시작은 중앙대를 상징하는 블루 계열의 색상으로 새로운 시작을 암시합니다. 프로젝션 맵핑의 특징을 살린 도입부입니다.

중앙대학교 서울캠퍼스 경여대학 신축건물 기공식 오프닝영상 입니다. 2013년 가을에 진행하였던 신축식을 축하하며 중앙대의 발전과 신축에 관한 내용들 담은 영상제작을 의뢰받아 진행했던 팀 프로젝트입니다. 톱니바퀴가 열심히 작동하며 새로운 출발을 암시 하는 영상입니다. 3D베이스로 진행하였으며 톱니바퀴 구를 뚫고 나아간 후 중앙대학교의 경영대학 건물이 빠르고 격동적으로 지어져 올라가 는 영상이 나옵니다.

54


55


“6 SECRETS OF OUR BODY” KINETIC TYPOGRAPHY

INFORMATION DESIGN / INFOGRAPHIC

56


57


58


59


“TIKTOK” KINETIC TYPOGRAPHY

INFORMATION DESIGN / INFOGRAPHIC

60


61


62


63


UX / UI Recorder Garlic

64


Mobile, 3d product

65


“RECORDER” CONVERGENCE PROJECT

MOBILE DESIGN / UI UX

“인생은 내게 술 한 잔 사주지 않았다.” 일상에 지쳐 퇴근하는 아빠들을 위한 이야기

66


일상에 지쳐 퇴근하는 아빠들을 위한 이야기. 음악, 추억의 단어 그리고 사진들 아빠들만의 소셜 커뮤니티

“새벽아 아빠 왔다.” 이 한마디를 아직도 잊을 수 없습니다. 항상 열심히 일하시고 집에 들어와 하시던 아빠를 떠올려 보니 피곤하고 힘들때면 옛 음악을 들으시고 쉬시던 모습이 떠오릅니다. 바쁘게 살아가��� 21세기, 아빠들만의 취미와 그들만의 소셜 커뮤니티가 있다면 퇴근 길 아빠들의 피곤함을 조금이나마 덜어드릴 수 있지 않을까요.

문제인식과 출발점 회사에 지친 아빠의 마음이 걱정됩니다. 아빠들이 스마트폰을 가장 많이 만지는 시간, ‘퇴근길’. 퇴근 시간을 이용하여 사용하기 좋은 앱을 생각해보았습니다. 스마트한 세상 속에 스마트한 것이 목적이 아닌 앱이 있다면 어떨까 생각합니다.

차별화 전략 - 옛날 음악을 들려주는 음악 서비스를 기반으로 한 앱 컨텐츠 - 음악을 들으며 마음 속에 떠오르는 단어 혹은 키워드를 화면을 탭하여 타이핑 - 기록된 단어들은 인스타그램의 키워드 태그와 같은 역할을 하여 단어에 어울리는 사진들을 보여줌 - 사진을 가지고 다른 아빠들과 커뮤니케이션 할 수 있는 새로운 소셜 커뮤니티의 공간 마련

67


오늘의 추천 레코드 / 나만의 추억함 아날로그적인 감성을 담은 음악 서비스 앱으로서, 아빠들이 듣고 싶은 음악을 선택하여 듣고 음악을 통해 얻은 키워드들이 태깅되어 아빠들의 사진 추억함이 만들어집니다.

68


오늘의 추천 레코드 하루를 기준으로 하여 6~10개 정도의 레코드 판을 제공합니다. 자신이 듣고 싶은 레코드를 클릭하면 음악을 들을 수 있는 페이지로 넘어갑니다.

69


“THE GARLIC” DESIGN FOR A LIBRARY

3 DIMENTIONAL DESIGN / UX

디자인은 어울림을 통해 빛을 발한다. 세상의 이치를 거스르지 않는 물체들은 저마다

프로젝트 컨셉 ‘ Biomimicry.’

아름다운 선을 지니고 있습니다. 마늘의 형태를

인간이 가진 욕구나 필요를 자연의 것에서 따온다는

구조적, 시각적으로 분석하고 미닝을 담아

의미로서 마늘이 가지고 있는 아름다운 요소들을

사람들에게 도움이 되는 아름다운 제품 디자인을

끌어와 사람에게 맞는 디자인을 합니다.

제안합니다.

70


마늘의 시각적 특징

마늘의 성장 과정에서 알아낸 원리적 특징

Volume

Repitition

Efficiency 마늘쪽은 정해진 공간 안에서 최대한의

마늘의 중심축부터 시작하여 밑둥까지 만들어지는

마늘 쪽의 형태를 조금씩다르겠으나, 큰 틀을 보자면

이윤을 얻는 방식으로 성장해 나갑니다.

볼륨감. 이러한 곡선을 보자면 사람들에게 편안함을

마늘쪽이라는 동일한 개체가 반복하여 존재합니다.

Another view 보통은 마늘쪽이 중심부터 성장해

연상시키는 부드러운 라인이 느껴집니다.

나갈 것이라 생각합니다. 하지만 이런 통념을 뒤엎고 마늘쪽은 가장자리부터 자리를 채워나갑니다.

Radiation

우리가 흔히하는 생각을 뒤엎은 결과라고 할 수

마늘을 반으로 잘라 단면을 보게 되면 마늘쪽들이 중

있습니다.

심축을 기준으로 하여 꽃처럼 피어있습니다. 즉, 축을 중심으로 돌아갑니다.

71


GRAPHIC ARTWORK Beetle Jean maryll Panda soldier

72


Illust , 3d artwork

73


“THE BEETLE” PROMOTION ARTWORK

BRANDING / GRAPHIC DESIGN

74


“JEAN MARYLL” PROMOTION ARTWORK

BRANDING / GRAPHIC DESIGN

75


“PANDA” 3D CONCEPT ARTWORK

3D MODELING / GRAPHIC DESIGN

76


감사합니다.

77


010 9362 0739

78


DE+SIGN

79


80


Shin sae byuk