Project B-OCO-final

Page 1

VD-2 Project B Gyubin Lee Yeonju Jeong

Design Library OCO Visual Identification Standards

© 2020


1

Branding process

1-1 1-2 1-3 1-4 1-5 1-6 1-7 1-8 1-9 1-10 1-11 1-12

Concept Research - Market Research - Target Field Trip Insight Difference Message Core value Mission&Vision Naming Slogan Moodboard

2

Brand space

2-1 2-2 2-3 2-4 2-5

Location Exterior Interior Side section Space plan

3

Logo

3-1 3-2 3-3 3-4 3-5 3-6 3-7

Standard symbol Symbol positive Symbol negative Symbol process Alternative positions Symbol sizes Size rules don't

3-8 3-9 3-10 3-11 3-12 3-13

pacing rules don'ts Angle rules don'ts Thickness rules don'ts Standard logo type Logo type don'ts Signature in a square

7

Signage

7-1 7-2

Indoor signage Section signage

8

Stationery

4

Colors

4-1 4-2 4-3 4-4 4-5

Standard colors Secondary colors Color tints Signature colors positive Signature colors negative

8-1 8-2 8-3 8-4 8-5 8-6 8-7

Business card Memo pad Line note Membership card Tickets Copywritten bookmark Copywritten display

5

Typography

9

Promotional materials

5-1 5-2 5-3 5-4 5-5

Typeface Heading Body copy OCO in body copy Typography Don'ts

6

Imagery

6-1 6-2 6-3 6-4

Images and logo Images don'ts Iconography Pattern

9-1 9-2 9-3 9-4 9-5 9-6 9-7 9-8 9-9 9-10 9-11 9-12 9-13 9-14 9-15

Shopping bag Package box Blind curation cover Book end Book shelve CD Player Sticker Badge Grip tok Phone case Mouse pad Cushion Amateur designer kit Tired designer kit Stylish designer kit

10

Digital material system

10-1 10-2 10-3 10-4

Flow chart Layout Typography App icon

11

Appendix

11-1 11-2

Review Credits


Design Library OCO

1

Branding process

1-1 1-2 1-3 1-4 1-5 1-6 1-7 1-8 1-9 1-10 1-11 1-12

Concept Message Research - Market Research - Target Field Trip Insight Difference Core value Mission&Vision Naming Slogan Moodboard


Design Library OCO

1-1 Brand Concept 디자인 라이브러리 오씨오는 영감과 소통의 공간이라는 컨셉으로, 도서 대여 및 독서 공간 제공 등 도서관의 역할을 수행할 뿐 아니라 디자인을 주제로 한 전시와 강연을 위한 공간 또한 마련되어 있습니다.

Inspiration

+

Comminication

SPACE

SPACE

Library

Gallery

Work & Relax


Design Library OCO

1-2 Brand Message 디자인 라이브러리 오씨오는 디자인 커뮤니티 공간으로, 책만 취급하는 것이 아니라 이용자에 따라 영감, 휴식, 업무 공간의 맥락으로 읽히고자 합니다.

DESIGN COMMUNITY

Inspiration

Relaxing

Working

Designer

영감, 업무, 소비의 공간

General Public

휴식, 영감, 새로운 경험, 소비의 공간


Design Library OCO

1-3 Research - Market 브랜드 경험 디자인에 앞서 인사이트를 얻기 위해 우선적으로 도서관/서점 시장에 대한 리서치가 진행되었습니다. 북큐레이션 부분에서 차별점을 두는 곳이 대부분이었으며, 무엇보다 책만 취급하는 도서관이나 서점은 찾아보기 힘들었습니다. 카페나 전시공간과 병행되며 매장이라는 공간은 소비를 위한 놀이 공간으로 거듭나고 있습니다. 이제 서점은 책만 파는 것만이 아니라 경험과 사람을 그 지향점으로 삼습니다.

더 이상 책만 취급하는 공간이 아니다.

공간에 대한 경험 소비를 위한 놀이 공간 경험과 사람이라는 지향점


Design Library OCO

1-4 Research - Target 다음으로는 타겟에 대한 리서치를 진행하였습니다. 주요 타겟은 디자인 인구와 밀레니얼 세대 + Z세대로 새로운 경험과 영감을 얻고 소통하기 위해 저희 공간을 찾을 것이며, 디지털 노마드를 지향하는 이들에게 적합한 공간일 것입니다.

디자인 인구

디지털 노마드

밀레니얼 세대 + Z세대


Design Library OCO

1-5 Field Trip 벤치마킹 및 차별점 도출을 위해 현대카드 디자인 라이브러리 및 스틸북스에서 필드트립을 진행하였고, 이후 인상깊었던 점을 인사이트로 차용하였습니다.

북촌한옥마을 지리적 특성을 반영

다양한 브랜드가 사용하고 있는 쉐어하우스

품격이 느껴지는 공간

디자이너의 작품을 판매하고 후원

큐레이션의 디테일

도서 테마별 디스플레이


Design Library OCO

1-6 Insight Design Library OCO를 이용할 수 밖에 없는 근거에는 무엇이 있을까에 초점을 맞추어 사용자의 니즈를 분석하여 파악하려 했습니다. 개인 공간의 확보로 실용적인 접근이 가능한 공간이라는 점, 웹상에서의 정보와 도서로 얻는 정보의 질적인 차이로 높은 신뢰성을 확보할 수 있다는 점이 사용자의 니즈를 충족시킬 수 있는 포인트라는 결론에 도달하였으며, 이는 차별점 포지셔닝에 해당합니다.

실용적 접근

높은 신뢰성


Design Library OCO

1-7 Difference - Space 인사이트 도출 이후 공간과 이벤트 부분에서 오씨오가 가질 수 있는 포지션을 도출하였습니다. 우선, 공간은 자유롭고 창의적인 분위기를 보여줄 수 있도록 합니다.

지리적 특성 반영 자유로운 입장 기준 높은 공간 활용도


Design Library OCO

1-7 Difference - Events 인사이트 도출 이후 공간과 이벤트 부분에서 오씨오가 가질 수 있는 포지션을 도출하였습니다. 디테일한 큐레이션과 다양한 멤버쉽 혜택, 공간의 활용 부분에서 이익을 가질 수 있습니다.

Design Library OCO Curation

OCO Membership

C-01 OCO Curation

1. 한 달 무료체험

디자인 세부 분야를 기준으로 이루어지는 북 큐레이션

2. 월간 디자이너 굿즈 랜덤 발송 (디자이너가 선정한 책 낭독 CD 플레이어 포함)

C-02 Blind Curation

3. 연 3회 선택 강연 무료 초청

키워드가 적혀 있는 책을 취향에 맞게 선택할 수 있는 북 큐레이션

4. 도서 및 상품 5% 할인

C-03 Amateur Designer Curation 디자인 라이브러리 오씨오의 오리지널 컨텐츠 C-03-1. 자체 큐레이션: 매월 도서관 내에서 디자이너를 선정하여 큐레이션 C-03-2. 의뢰 큐레이션: 디자이너와 계약하는 방식으로 진행되는 큐레이션

Profits 도서 및 상품 판매

디자이너 의뢰 큐레이션 계약

유료 멤버십

대관 (전시, 강연)

수익창출은 대관을 통해 진행되는 전시나 강연, 유료 멤버십, 디자이너 의뢰 큐레이션의 계약금, 도서 및 상품 판매로 이루어집니다.


Design Library OCO

1-8 Brand Core Value

#영감 #다채로움 #다양성

# Inspiration

영감이 필요한 누구든 올 수 있는 공간으로 모든 색채와 형태를 수용하며, 다양성을 지닙니다. #실용성

# Practicality

편한 마음으로 언제든 방문할 수 있는 공간으로 다양한 서적과 함께 휴식과 업무를 하기 적합합니다. #소통 #연결 #유대감

# Communication

디자인이라는 공통점 하나로 모여 소통하는 공간으로 사람과 사람, 디자인과 사람을 연결시킵니다.


Design Library OCO

1-9 Brand Mission & Vision

The Experience of Inspiration and Communication 디자인 도서와 관련된 다양한 프로그램을 통해 새로운 영감과 소통의 경험을 선사합니다.

To Connect Design with Your Daily Life 디자인이라는 분야가 일상에 조금 더 맞닿을 수 있도록 합니다.


Design Library OCO

1-10 Mood Board

Open

Working

Book

Talking


Design Library OCO

1-11 Brand Name 영감에서 '영', 공간에서 '공'이 모두 숫자 0을 나타내는 말인 것에서 착안한 이름입니다. 영감과 소통의 공간이라는 뜻에서 영감(0)+소통(Communication)+ 공간(0)=OCO 라는 네임이 정해졌습니다.

Design Library OCO

영감 Inspiration

+

[디자인 라이브러리 오씨오]

소통, 함께하다 Co-mmunication · Co-mmunity · Co-llaboration

+

공간 Space


Design Library OCO

1-12 Brand Slogan 'collect'는 무언가를 수집하다는 뜻을 가진 단어로, 슬로건 'Collect 0[zero]'는 0을 수집한다, 즉 영감을 수집한다는 의미를 가집니다.

Collect 0[zero] ; 영감을 수집하다


Design Library OCO

2

Brand Space

2-1 2-2 2-3 2-4 2-5

Location Exterior Interior Side section Space plan


Design Library OCO

2-1 Location - Seoul Forest 디자인 라이브러리의 위치는 자유롭고 개방적인 분위기의 서울숲으로 선정하여 이미지를 표방합니다. 디자인 스튜디오가 밀집되어 디자이너들의 방문률이 높고 대중의 방문률 또한 높은 것을 고려하였습니다.


Design Library OCO

2-2 Exterior Mood 오씨오 건물은 전반적으로 개방적인 분위기를 선사합니다. 소통의 가치를 강조하기 위해 통유리, 창 등의 투과 요소를 적극 활용하였습니다.


Design Library OCO

2-3 Interior Mood 밖으로 보이는 서울숲의 풍경이 개방적이고 자유로운 분위기를 선사합니다. 넓은 화이트보드가 배치된 Thinking Wall에서 자유로운 아이디어 스케치 등의 활동이 가능합니다.


Design Library OCO

2-4 Side Section 1. 층별로 디자인 분야와 오픈된 공간, 프라이빗한 공간을 기준으로 공간을 분리하고, 작업공간을 명시합니다. 2. 책장별로도 세부 분야를 분리합니다. 그렇게 함으로써 책을 찾아가는, 영감을 찾아가는 재미를 선사하고자 합니다. 3. 북큐레이팅 테마와 맞는 오브젝트를 책과 함께 디스플레이합니다. 4. 공간마다 메모도구를 제공함으로써 도서관을 이용하는 분들이 더 쉽고 유용한 방식으로 공간을 경험하게 합니다. 5. 각 층의 높이를 건물 평균보다 높게 하여 고객의 창의성과 생산성을 높입니다.


Design Library OCO

2-5 Space Plan 디자인 라이브러리 오씨오는 두 공간을 이어놓은 듯한 구조의 건물로, 5층은 아마추어 디자이너 큐레이션을 위한 공간이므로 전시 및 강연 등 상황에 따라 유동적으로 사용할 수 있도록 하였습니다.


Design Library OCO

3

Logo

3-1 3-2 3-3 3-4 3-5 3-6 3-7 3-8 3-9 3-10 3-11 3-12 3-13

Standard symbol Symbol positive Symbol negative Symbol process Alternative positions Symbol sizes Size rules don't Spacing rules don'ts Angle rules don'ts Thickness rules don'ts Standard logo type Logo type don'ts Signature in a square


Design Library OCO

3-1 Standard symbol 디자인 라이브러리 오씨오의 심볼은 영감은 숫자 O , 소통은 C , 그리고 공간 또한 숫자 O을 나타냅니다. O-C-O의 형태는 모두 정원형의 요소로 제작되어, 균형감과 비율을 모두 고려한 디자인입니다. 영감과 소통의 공간이기에 가장 중심이 되는 영감과 소통을 나타내는 O, C를 중심에 위치하게 하였으며 공간의 O을 상단에 배치함으로서 분리하였습니다.

심볼 사용 시 컴퓨터용 데이터를 이용하여 정확하게 변형없이 축소 확대하여 사용해야 합니다.

Symbol Grid Design Library OCO Precise structural Visual representation Can be enlarged and reduced in equal proportions.


Design Library OCO

3-2 Symbol positive 심볼의 표준형입니다. 디자인 라이브러리 OCO 심볼의 의미는 영감과 소통의 공간입니다. 영감은 숫자 O , 소통은 C , 그리고 공간 또한 숫자 O을 나타냅니다. O-C-O의 형태는 모두 원형의 형태를 기반으로 하고 있기에, 그러한 도형의 관점에서 풀어낸 심볼입니다. 정 원형 형태를 사용한 OCO의 심볼은 균형감과 비율을 모두 고려한 디자인입니다.

Standard Symbol Design Library OCO Color : Black Overall size : 223 x 179


Design Library OCO

3-3 Symbol negative 심볼의 반전형입니다. 배경이 검정색으로 쓰일 경우, 심볼 색상의 반전이 가능합니다. 반전형 심볼을 사용할 경우, 심볼의 색상은 검정에서 흰색으로 변경됩니다. 심볼 반전형은 시각적 효과가 더 클 수 있습니다. 그 외에 다른 배경색은 사용해서는 안됩니다.

Standard Symbol Design Library OCO Color : White Overall size : 223 x 179


Design Library OCO

3-4 Symbol process 브랜드 네임 OCO에서 시작하여 도형을 이용한 다양한 시도가 있었으며, 스케치 초기 단계에서는 일직선상에 놓이는 표현을 시도하였습니다. 이후 영감과 소통, 공간을 분리하는 아이디어로 공간의 O을 분리하는 표현을 시도하였습니다. 여러 각도와 크기를 시도하면서 발전 과정 속 가장 비율과 균형감이 느껴지는 최종 심볼을 선택하게 되었습니다.

Symbol Process Design Library OCO Color : Black Shape : Garden Separation of space Process : Angle and Size


Design Library OCO

3-5 Alternative positions 심볼은 모서리 혹은 정중앙에 위치해야합니다. 심볼의 전체적인 사각의 형태가 모서리 끝에 들어가야하며, 심볼을 중심으로 위치를 조절 할 수 없습니다. 심볼을 수직으로 사용할 수 있지만, 왼쪽에서 오른쪽을 보는 형태로 읽혀야 하며, 그의 반대의 수직은 사용할 수 없습니다.

Symbol Positions Design Library OCO Do not turn the symbol so it reads from top to bottom. Do not ignore the symbol freezone. The symbol should not be positioned on the edge of the letters.


Design Library OCO

3-6 Symbol sizes OCO 심볼의 크기를 3가지로 축소한 형태입니다. 규정상 심볼의 크기는 모두 그리드에 맞추어 이용되어야 하며, OCO 심볼의 정확한 간격과 위치 설정이 임의로 작도하거나 변형하여 브랜드 이미지를 손상시키는 경우는 없어야 합니다.

25%

50%

100% Symbol size rules Design Library OCO 25% size : 79 x 57 50% size : 145 x 108 100 % size : 223 x 179


Design Library OCO

3-7 Size rules don'ts 심볼의 크기는 모두 그리드에 맞추어 이용되어야 하며, 정확한 간격과 위치를 임의로 작동 및 변형하여 브랜드 이미지를 손상시키는 경우는 없어야 합니다.

Symbol size rules Design Library OCO The symbol size should not be altered. It should follow the basic form.


Design Library OCO

3-8 Spacing rules don'ts 심볼의 간격과 여백은 모두 그리드에 맞추어 이용돼야 하며, 정확한 간격과 위치를 임의로 작동 및 변형하여 브랜드 이미지를 손상시키는 경우는 없어야 합니다.

Symbol spacing rules Design Library OCO Maintain exacts spacing to fit the grid There should bo no gaps or gaps.


Design Library OCO

3-9 Angle rules don'ts 심볼의 전체적인 구조는 정확한 구조로 디자인 되었기에, 정확한 간격과 위치를 임의로 작동 및 변형하여 브랜드 이미지를 손상시키는 경우는 없어야 합니다.

Symbol angle rules Design Library OCO The angle of the symbol fits the exact basic type. Refer to the basic type of the symbol.


Design Library OCO

3-10 Thickness rules don'ts 심볼의 두께는는 동등한 비율로 디자인 되었기에, 정확한 간격과 위치를 임의로 작동 및 변형하여 브랜드 이미지를 손상시키는 경우는 없어야 합니다.

Symbol thickness rules Design Library OCO The thickness of the symbol is only the thickness that matches the exact grid. It should not be arbitrarily transformed.


Design Library OCO

3-11 Standard logo type 심볼과 디자인 라이브러리 워딩을 조합한 로고 타입입니다. 사용 시 위치와 동일한 규칙으로 표준 로고는 회색으로 표시된 공간에만 적용됩니다. 표시된 단위 공간은 반복적으로 추가할 수 있습니다. 그러나 크기와 위치가 변형되어서는 안됩니다.

Logo type grid Design Library OCO FreightSans Bold Font size : 73pt


Design Library OCO

3-12 Logo type don'ts 로고타입사용 시 규칙에 준수하여 심볼과 워딩의 굵기와 위치가 변형되어서는 안됩니다.

Logo type don'ts Design Library OCO FreightSans Regular / FreightSans Black X Font size : 73pt


Design Library OCO

3-13 Signature in a square 로고의 크기는 모두 그리드에 맞추어 이용되어야 하며, 정확한 간격과 위치를 임의로 작동 및 변형하여 브랜드 이미지를 손상시키는 경우는 없어야 합니다.

square 1

square 2

Signature in a square Design Library OCO Squre 1 size : 308 x 251 Squre 2 size : 355 x 251


Design Library OCO

4

Color

4-1 4-2 4-3 4-4 4-5

Standard colors Secondary colors Color tints Signature colors positive Signature colors negative


Design Library OCO

4-1 Standard colors 표준 기본 컬러는 3가지입니다. 컬러를 사용할 시, 본 매뉴얼의 색상 코드를 사용해야합니다. 주색은 사용환경에 따라 컬러 차트의 색상을 사용하여 농도를 조절하거나 보조색(Sub Color)과 Black & White 컬러를 상황에 맞게 적용하여 사용할 수 있으며 인쇄 시에는 반드시 CMYK 값으로 변환 후 인쇄하도록 합니다. 단, 색상의 재현은 본 매뉴얼의 색상 코드를 사용합니다.

Color code #000000 CMYK 93/88/89/80 RGB 0/0/0

Color code #e9eaed CMYK 10/8/6/0 RGB 223/234/237

Color code #ffffff CMYK 0/0/0/0 RGB 255/255/255


Design Library OCO

4-2 Secondary colors 표준 서브 컬러는 3가지입니다. 컬러를 사용할 시, 본 매뉴얼의 색상 코드를 사용해야합니다. 주색은 사용환경에 따라 컬러 차트의 색상을 사용하여 농도를 조절하거나 보조색(Sub Color)과 Black & White 컬러를 상황에 맞게 적용하여 사용할 수 있으며 인쇄 시에는 반드시 CMYK 값으로 변환 후 인쇄하도록 합니다. 단, 색상의 재현은 본 매뉴얼의 색상 코드를 사용합니다.

Color code #081c43 CMYK 100/99/60/35 RGB 8/28/67

Color code #931217 CMYK 46/100/100/17 RGB 147/18/23

Color code #dfa43c CMYK 17/42/82/0 RGB 223/164/60


Design Library OCO

4-3 Color tints 표준 및 보조 색상의 색조는 4가지이며, 지정된 색상은 100%, 75%, 50%, 25% 4가지 색조 안에서 사용해야합니다. 그래픽 디자인 혹은 인쇄물은 이 범위 안에서 확립된 상태를 유지하는 것이 중요합니다.

Color code #000000 CMYK 93/88/89/80 RGB 0/0/0

Color code #323232 CMYK 79/74/72/46 RGB 50/50/50

Color code #717171 CMYK 64/55/52/2 RGB 113/113/113

Color code #b7b7b7 CMYK 33/26/24/0 RGB 183/183/183

Color code #e9eaed CMYK 10/8/6/0 RGB 223/234/237

Color code #eff0f3 CMYK 8/6/4/0 RGB 239/240/243

Color code #f9fafd CMYK 3/2/0/0 RGB 249/250/253

Color code #ffffff CMYK 0/0/0/0 RGB 255/255/255

Color code #081c43 CMYK 100/99/60/35 RGB 8/28/67

Color code #1e3561 CMYK 97/90/46/12 RGB 30/53/97

Color code #465778 CMYK 64/55/52/2 RGB 70/87/120

Color code #6c7a95 CMYK 66/51/32/0 RGB 108/122/149

Color code #931217 CMYK 46/100/100/17 RGB 147/18/23

Color code #a52d32 CMYK 42/94/86/7 RGB 165/45/50

Color code #be5256 CMYK 32/80/60/0 RGB 190/82/86

Color code #c38082 CMYK 29/59/40/0 RGB 195/128/130

Color code #dfa43c CMYK 17/42/82/0 RGB 223/164/60

Color code #e9b457 CMYK 13/35/71/0 RGB 233/180/87

Color code #f2c472 CMYK 8/29/60/0 RGB 242/196/114

Color code #eed9b5 CMYK 9/17/32/0 RGB 238/217/181


Design Library OCO

4-4 Signature colors positive 표준 컬러와 서브 컬러를 이용한 로고의 색상 대입입니다.


Design Library OCO

4-5 Signature colors negative 표준 컬러와 서브 컬러를 이용한 로고의 색상 대입의 반전형입니다.


Design Library OCO

5

Typography

5-1 5-2 5-3 5-4 5-5

Typeface Heading Body copy OCO in body copy Typography Don'ts


Design Library OCO

5-1 Typeface 오씨오의 전반적인 터치포인트에 사용될 타입페이스는 다음 조건을 따라야 합니다: 기본 한글 타입페이스는 Sandoll 고딕 Neo1을 사용합니다. 자족은 Extrabold와 Ultralight만 사용하며 이는 헤딩과 본문에 사용됩니다. 기본 영문 타입페이스는 Freight Sans Pro를 사용하며 자족은 Bold와 Light만을 사용합니다. 이는 헤딩과 본문에 사용됩니다.

Freight Sans Pro Bold

Sandoll 고딕 Neo1 Extrabold 영문

국문

디자인 라이브러리 오씨오 영감을 모으다

Design Library OCO Collcect 0

Sandoll 고딕 Neo1 Ultralight

Freight Sans Pro Light

디자인 라이브러리 오씨오 영감을 모으다

Design Library OCO Collcect 0


Design Library OCO

5-2 Heading 헤딩 사용 시 다음 조건을 따라야 합니다: 한글 및 영문 헤딩 사용 시 본문과의 대비를 위해 두꺼운 자족만을 사용하며 다양한 활용을 위하여 세 가지의 크기로 전달합니다. 헤딩의 크기는 본문의 크기보다 크거나 같아야합니다. 모든 헤딩에는 브랜드 컬러 적용이 가능합니다.

국문

영문

컬러

헤딩 1

헤딩 2

헤딩 3

오씨오 디자인 라이브러리는 디자인 도서와 관련된

오씨오 디자인 라이브러리는 디자인 도서와 관련된

오씨오 디자인 라이브러리는 디자인 도서와 관련된

다양한 프로그램을 통해 새로운 영감과 소통의 경험을

다양한 프로그램을 통해 새로운 영감과 소통의 경험을

다양한 프로그램을 통해 새로운 영감과 소통의 경험을

선사합니다. 이러한 경험을 바탕으로 디자인이라는

선사합니다. 이러한 경험을 바탕으로 디자인이라는

선사합니다. 이러한 경험을 바탕으로 디자인이라는

분야가 일상에 조금 더 맞닿을 수 있도록 합니다.

분야가 일상에 조금 더 맞닿을 수 있도록 합니다.

분야가 일상에 조금 더 맞닿을 수 있도록 합니다.

크기:18pt / 행간:24pt

크기:14pt / 행간:20pt

크기:10pt / 행간:16pt

Heading 1

Heading 2

Heading 3

The Design Library OCO provides new inspiration and communication experiences to people through various programs related to design books. Our mission is to build on these experiences to bring the field of design closer to everyday life.

The Design Library OCO provides new inspiration and communication experiences to people through various programs related to design books. Our mission is to build on these experiences to bring the field of design closer to everyday life.

The Design Library OCO provides new inspiration and communication experiences to people through various programs related to design books. Our mission is to build on these experiences to bring the field of design closer to everyday life.

Size : 20pt / Leading : 24pt

Size : 16pt / Leading : 18pt

Size : 12pt / Leading : 14pt

헤딩 1 Heading 1

헤딩 2 Heading 2

헤딩 1 Heading 1 헤딩 1 Heading 1

헤딩 2 Heading 2 헤딩 2 Heading 2

헤딩 3

Heading 3 Heading 3

헤딩 3

Heading 3

헤딩 3


Design Library OCO

5-3 Body copy 본문 사용 시 다음 조건을 따라야 합니다: 서체의 크기는 8, 10, 12, 14, 18 포인트로 제한합니다. 모든 본문은 왼쪽 정렬을 따라야 합니다. 행간 조정 시 한글은 4-6포인트 이상, 영문은 2-2.5포인트 이상 서체의 크기보다 커야합니다.

오씨오 디자인 라이브러리는 디자인 도서와 관련된 다양한 국문

프로그램을 통해 사람들에게 새로운 영감과 소통의 경험을 선사합니다. 이러한 경험을 바탕으로 디자인이라는 분야가 일상에 조금 더 맞닿을 수 있도록 합니다.

영문

오씨오 디자인 라이브러리는 디자인 도서와 관련된 다양한 프로그램을 통해 사람들에게 새로운 영감과 소통의 경험을 선사합니다. 이러한 경험을 바탕으로 디자인이라는 분야가 일상에 조금 더 맞닿을 수 있도록 합니다.

크기:10pt / 행간:16pt

크기:10pt / 행간:16pt

The Design Library OCO provides new inspiration and communication experiences to people through various programs related to design books. Our mission is to build on these experiences to bring the field of design closer to everyday life.

The Design Library OCO provides new inspiration and communication experiences to people through various programs related to design books. Our mission is to build on these experiences to bring the field of design closer to everyday life.

size : 10pt / leading : 12pt

size : 12pt / leading : 14.5pt


Design Library OCO

5-4 OCO in body copy 브랜드 명 사용 시 다음 조건을 따라야 합니다: 모두 한글로 사용하는 경우, 한글과 영문을 혼용하는 경우, 모두 영문으로 사용하는 경우로 나뉩니다. 한글로만 사용할 경우 ‘오씨오’로 표기합니다. 혼용할 경우 ‘디자인 라이브러리’는 한글로 표기하되 ‘OCO’는 영문 표기합니다. 영문으로만 사용할 경우 ‘Design Library’는 대소문자 혼용하되 ‘OCO’는 대문자로만 표기합니다.

Don'ts

국문

디자인 라이브러리 오씨오 본문 사용 시

혼용

디자인 라이브러리 OCO 본문 사용 시

영문

The Design Library OCO used in body copy

디자인 라이브러리 오시오 본문 사용 시

한글 표기 상 오류가 있는 경우

서체 두께가 다르게 쓰인 경우

소문자로만 쓰인 경우

첫 알파벳만 대문자로 쓰인 경우


Design Library OCO

5-5 Typography don'ts 다음과 같은 사용을 금지합니다:

자간을 임의로 조정하는 경우

행간을 임의로 조정하는 경우

오씨오 디자인 라이브러리는 디자인

오씨오 디자인 라이브러리는 디자인 도서와

도서와 관련된 다양한 프로그램을 통해

관련된 다양한 프로그램을 통해 새로운

새로운 영감과 소통의 경험을 선사합니다.

영감과 소통의 경험을 선사합니다.

The Design Library OCO provides new inspiration and communication experiences to people through various programs related to design books.

The Design Library OCO provides new inspiration and communication experiences to people through various programs related to design books.

오른쪽 정렬을 사용하는 경우

양끝 정렬을 사용하는 경우

가운데 정렬을 사용하는 경우

오씨오 디자인 라이브러리는 디자인 도서와 관련된 다양한 프로그램을 통해 새로운 영감과 소통의 경험을 선사합니다.

The Design Library OCO provides new inspiration and communication experiences to people through various programs related to design books.

들여쓰기가 적용된 경우

오씨오 디자인 라이브러리는 디자인 도서와

오씨오 디자인 라이브러리는 디자인 도서와

관련된 다양한 프로그램을 통해 새로운

관련된 다양한 프로그램을 통해 새로운

도서와 관련된 다양한 프로그램을 통해

영감과 소통의 경험을 선사합니다.

새로운 영감과 소통의 경험을 선사합니다.

영감과 소통의 경험을 선사합니다.

The Design Library OCO provides new inspiration and communication experiences to people through various programs related to design books.

The Design Librar y OCO provides new inspiration and communication experiences to people through various programs related to design books.

오씨오 디자인 라이브러리는 디자인

The Design Library OCO provides new inspiration and communication experiences to people through various programs related to design books.


Design Library OCO

6

Imagery

6-1 6-2 6-3 6-4

Images and logo Images don'ts Iconography Pattern


Design Library OCO

6-1 Images and Logo 1. 오씨오에 사용되는 이미지는 개방적인 인상을 주어야하며 책이 필수적으로 사용되어야 합니다. 2. 인물의 액션은 책을 읽거나 대화를 나누는 등의 독서에 크게 어긋나지 않는 행동 기준을 따라야합니다. 3. 하나의 이미지에는 오씨오의 컬러칩 중 하나의 컬러(원톤)로만 진행되어야 합니다. 4. 톤앤매너에 어긋나지 않는 선에서 너무 튀지 않는 차분한 톤으로 전달되어야 합니다. 5. 로고는 흑백으로만 사용하며 위아래 및 상하단에 사용됩니다.


Design Library OCO

6-2 Images don'ts

로고에 컬러를 사용하지 않습니다.

시각적으로 복잡한 부분에는 로고를 배치하지 않습니다.

로고에 배경을 사용하지 않습니다.

어두운 배경에는 블랙 로고를 사용하지 않습니다.

밝은 배경에는 화이트 로고를 사용하지 않습니다.


Design Library OCO

6-3 Iconography 디자인 라이브러리 공간에 사용될 아이콘은 크게 두 가지로 구성하였습니다: 섹션 아이콘은 기능에 따른 공간 분리 시 사용됩니다. 각 공간의 기능의 맨 첫 글자를 사용함과 동시에 공간을 상징하는 원형을 로고 형태와 동일하게 배치하였습니다. 스탠다드 아이콘은 필수적인 공간에 사용됩니다.

Section Icon Goods Zone

Standard Icon

Designer Zone

Private Zone

Creative Zone

Information Desk


Design Library OCO

6-4 Pattern 오씨오 브랜드 오브젝트에 사용될 패턴은 총 5가지로 구성하였습니다. 패턴의 컬러 조합은 앞선 컬러 사용 가이드를 따라야합니다. 모든 패턴에는 스탠다드 및 세컨더리 컬러를 사용할 수 있습니다.


Design Library OCO

6-4 Pattern 오씨오 브랜드 오브젝트에 사용될 패턴은 총 5가지로 구성하였습니다. 패턴의 컬러 조합은 앞선 컬러 사용 가이드를 따라야합니다. 모든 패턴에는 스탠다드 및 세컨더리 컬러를 사용할 수 있습니다.


Design Library OCO

7

Signage

7-1 7-2

Indoor signage Section signage


Design Library OCO

7-1 Indoor signage 공간 내부에 사용되는 사이니지 시스템입니다. 라운드 값을 주어 오씨오의 아이덴티티를 표현하였습니다.

Eye level

180 cm

Indoor sinage size : 55 x 170 cm


Design Library OCO

7-1 Indoor signage


Design Library OCO

7-2 Section signage 공간 내 섹션 분리를 위해 사용되는 사이니지입니다. 라운드 값을 주어 오씨오의 아이덴티티를 표현하였습니다.

Eye level

180 cm

Section sinage size : 100 x 100 cm


Design Library OCO

7-2 Section signage


Design Library OCO

8

Stationery

8-1 8-2 8-3 8-4 8-5 8-6 8-7

Business card Memo pad Line note Membership card Tickets Copywritten bookmark Copywritten display


Design Library OCO

8-1 Business card 디자인 라이브러리 오씨오의 회사 명함 규격입니다.

10 mm 10 mm Size: 10pt Line-height: pt

Size: 8pt Line-height: pt

Business card Size : 55 x 90 mm


Design Library OCO

8-2 Memo pad 디자인 라이브러리 공간마다 놓일 메모 패드입니다.

Memo pad Size : 182 x 128 mm


Design Library OCO

8-3 Line note 디자인 라이브러리 오씨오에서 판매하는 줄노트의 규격입니다.

10 mm 20 mm

Line note Size : 182 x 257 mm


Design Library OCO

8-4 Membership card 디자인 라이브러리 입장 시 필요한 입장 카드입니다.유료 멤버쉽 회원은 무채색의 카드를, 일반 회원의 경우 컬러 카드를 사용합니다.

10 mm 20 mm

Size: 18pt Line-height: 30pt

Size: 10pt/5pt Line-height: 14pt

Membership card Size : 85.60 x 53.98 mm


Design Library OCO

8-5 Ticket 디자인 라이브러리에서 전시 및 강연 방문 예매 시 사용되는 티켓입니다.

20 mm 20 mm Size: 26pt/14pt Line-height: 45pt

Size: 14pt

Size: 14pt Line-height: 26pt

Ticket Size : 60 x 156 mm


Design Library OCO

8-6 Copywritten bookmark 디자인 라이브러리 내 큐레이션 도서에 배치되는 북마크 형태의 카피라이팅 입니다.

5 mm 5 mm

Size: 10pt Line-height: 15pt

Copywritten bookmark Size : 54 x 182 mm


Design Library OCO

8-7 Copywritten display 디자인 라이브러리 내 큐레이션 도서에 배치되는 디스플레이 형태의 카피라이팅 입니다.

5 mm 5 mm

Size: 10pt Line-height: 15pt

Copywritten display Size : 70 x 130 mm


Design Library OCO

9

Promotional materials

9-1 9-2 9-3 9-4 9-5 9-6 9-7 9-8 9-9 9-10 9-11 9-12 9-13 9-14 9-15

Shopping bag Package box Blind curation cover Book end Book shelve CD Player Sticker Badge Grip tok Phone case Mouse pad Cushion Amateur designer kit Tired designer kit Stylish designer kit


Design Library OCO

9-1 Shopping bag 오씨오 상품 구매 시 증정하는 쇼핑백입니다. 단품 구매 시 컬러 쇼핑백을, 키트 구매 시 블랙 혹은 화이트 쇼핑백을 사용합니다.

Shopping bag Size : 250 x 250 x 100 mm


Design Library OCO

9-2 Package box 키트 제품이 담기는 패키지 박스입니다.

For Tired Designer Kit

Size: 28pt/14pt Line-height: 40pt

쿠션, 머그컵, 껌, 비타민, 안약, 물파스

72mm

Design Library

Package box Size : 100 x 210 x 297 mm


Design Library OCO

9-2 Package box


Design Library OCO

9-3 Blind curation cover 블라인드 큐레이션 도서의 북 커버입니다. 타공의 갯수 및 커버 사이즈는 도서에 따라 상이합니다.

300mm


Design Library OCO

9-3 Blind curation cover


Design Library OCO

9-4 Book end 디자인 라이브러리 내 책장에 배치되는 북엔드입니다.

10mm 10mm

Magazine

Size: 70pt

Book end Size : 165 x 145 x 150 mm


Design Library OCO

9-5 Book shelve 독특한 원형 책장으로 창의력을 자극시키고 오씨오가 추구하는 바를 직접적으로 보여줍니다.


Design Library OCO

9-6 CD player 디자이너의 추천 도서 낭독 플레이어와 디자인 라이브러리 내 배경음악이 녹음되어 있는 씨디입니다.

Design book reading player Size : 12.4 x 14.1 cm

Design library BGM player Size : 12.4 x 14.1 cm


Design Library OCO

9-7 Sticker 오씨오 패턴이 프린팅된 원형 스티커입니다.

Sticker Size : 5.8 x 5.8 cm


Design Library OCO

9-8 Badge 오씨오 컬러가 조합된 뱃지입니다.

Badge Size : 4.5 x 4.5 cm


Design Library OCO

9-9 Grip tok 오씨오 컬러가 조합된 그립톡입니다.

Grip tok Size : 40 x 40 mm Height: 5 / 15 / 25 mm


Design Library OCO

9-10 Phone case 오씨오 패턴이 프린팅 된 폰 케이스입니다. 핸드폰 기종 별 사이즈가 상이합니다.

Phone case Size : Subject to change depending on mobile phone model.


Design Library OCO

9-11 Mouse pad 오씨오 컬러가 조합된 원형 마우스 패드입니다.

Mouse pad Size : 220 x 220 mm


Design Library OCO

9-12 Cushion 오씨오 패턴이 프린팅된 쿠션입니다.

Cushion Size : 50 x 50 cm


Design Library OCO

9-13 Amateur designer kit 아마추어 디자이너를 위해 디자이너에게 필수적인 상품들만 모은 키트입니다. 키트 구성품은 모두 베이스 컬러로만 디자인 되었습니다.

Amatuer designer kit List: Memo pad, Pen, Mouse pad, Sticker set, USB


Design Library OCO

9-14 Tired designer kit 이 세상의 모든 피곤한 디자이너를 위한 키트입니다. 키트 구성품은 모두 베이스 컬러로만 디자인 되었습니다.

Tired designer kit List: Gum, Eye drops, Water paste, Vitamins, Cushion, Coffee cup


Design Library OCO

9-15 Stylish designer kit 디자이너 답게 스타일리쉬한 디자이너를 위한 키트입니다. 키트 구성품은 모두 베이스 컬러로만 디자인 되었습니다.

Stylish designer kit List: Badge, Grip tok, Eco bag, Phone case, T-shirt


Design Library OCO

10

Digital material system

10-1 10-2 10-3 10-4

Flow chart Layout Typography App icon


Design Library OCO

10-1 Flow chart 오씨오 앱은 브랜드 대한 전반적인 소개와 더불어, 주요 이벤트인 큐레이션 서비스에 대한 자세한 가이드 및 의뢰, 예약을 가능하도록 하였습니다. 또한 디자인 라이브러리 입장 시 멤버 확인 용도로 사용됩니다.

랜딩

메인

공간 안내

큐레이션

도서 검색

대관 안내

오씨오 큐레이션

이달의 큐레이션

대관 예약

블라인드 큐레이션

아마추어 디자이너 큐레이션

큐레이션 예약


Design Library OCO

10-2 Layout 6단 그리드를 사용하여야하며, 다음과 같은 픽셀 치수를 벗어나지 않아야합니다. 이미지 슬라이드의 경우, 좌우 마진을 오버-플로우할 수 있습니다.

Columns: 6 Width: 41px Margin: 24px Gutter: 16px

Overflow: Image slide

Overlay: Pop up page


Design Library OCO

10-3 Typography 한글 및 영문 타입페이스는 브랜드 내부 규정을 따르되, 디지털 환경에서는 보다 다양한 자족 및 크기를 사용합니다. 디지털 환경에서는 한글 바디 카피만을 사용합니다.

국문

헤딩 1

헤딩 2

헤딩 3

헤딩 4

크기:24pt

크기:18pt

크기:16pt

크기:14pt

오씨오 디자인 라이브러리는 디자인 도서와 관련된 다양한 프로그램을 통해 새로운 영감과 소통의 경험을 선사합니다. 이러한 경험을 바탕으로 디자인이라는 분야가 일상에 조금 더 맞닿을 수 있도록 합니다.

오씨오 디자인 라이브러리는

크기:12pt / 행간: 18pt

디자인이라는 분야가 일상에

디자인 도서와 관련된 다양한 프로그램을 통해 새로운 영감과 소통의 경험을 선사합니다. 이러한 경험을 바탕으로 조금 더 맞닿을 수 있도록 합니다. 크기:14pt / 행간: 24pt

영문

Heading 1

Heading 2

Heading 3 Heading 4

크기:40pt

크기:22pt

크기:16pt

크기:14pt


Design Library OCO

10-4 App icon 아이콘의 크기는 국제 기준을 따르며, 오씨오 심볼을 중간 정렬한 형태로 사용합니다. 아이콘의 컬러는 사용자가 커스터마이징할 수 있습니다.

Size: 60 x 60 px inner circle: 53 x 53 px

Typeface: SF Pro Text Weight: Regular Size: 13pt


Design Library OCO

11

Appendix

11-1 11-2

Review ourselves Credits


Design Library OCO

11-1 Review ourselves

Gyubin Lee

Yeonju Jeong

브랜딩 작업이 들어가기에 앞서, 브랜딩에 대한 자료들을

BX 프로세스를 하나하나 밟아가며 프로젝트를 진행했던 것은 이번

리서치하여 공부하고, 시작하였기에 더 단단한 브랜딩 단계를

수업이 처음이었습니다. 저의 한계도 맛보고 아직 너무 부족하다는

밟아간 것 같아서 좋았습니다. 그리고 브랜딩이 실제 팀으로

것을 다시 알게되어서 앞으로 BX 디자이너를 희망하는 사람으로서

이루어져서 진행되지만, 항상 개인으로 브랜딩 프로젝트를

자극을 많이 받았습니다. 특히 브랜딩 어플리케이션 과정에서

했었기에 조금 아쉬운 점이 있었습니다. 하지만, 이번 시각 수업을

3D나 영상 등의 실력이 턱없이 모자라다보니 이 부분에서 한계를

통해 소수지만, 팀으로 브랜딩을 처음 진행할 수 있어서 확실히

많이 느꼈던 것 같습니다. 디자이너 계의 만능 캐릭터가 브랜드

개인이 했을 때 보다는 많은 양의 산출물이 나올 수 있었고,

디자이너인 것 같습니다.

퀄리티적인 부분에서도 굉장히 만족스러웠던 것 같습니다.

그리고 또 한가지 힘들었던 점이, 모든 터치포인트에서 일관성을

이번 수업을 통해 브랜딩에 대해 많이 배운 것 같아 좋았습니다.

가져야한다는 것이었습니다. 이게 더 예뻐보인다고 그 때 그

감사합니다!

때 디자인을 달리하는 것이 아니라, 온오프라인 매체에서 모두 실용적으로 사용될 수 있는 가이드를 만들어 운용해야한다는 점을 깨달았습니다. 모바일 앱을 할 때에 디지털 환경에서는 오프라인 환경과 시각적으로 매우 다르게 접근된다는 것을 알게되었습니다, 앞으로는 다양한 어플리케이션을 위한 툴 사용과 온오프라인 접점에서의 일관성에 대해 더 공부해보지 않을까하는 다짐과 함께 아쉽지만 마무리를 해야할 것 같습니다.


Design Library OCO

11-2 Credits

Reference

Creative Concept & Design

www.hyundaicard.com www.unsplash.com www.behance.com www.pinterest.com www.cabooks.co.kr www.propaganda.co.kr agbooks.co.kr www.workroompress.kr developer.apple.com brand.uber.com

Gyubin Lee Yeonju Jeong

Advisor Namoo Kim, Visual Project-2

Š 2020 Design Library OCO Dec, 2020


VD-2 Project B Gyubin Lee Yeonju Jeong

Design Library OCO Visual Identification Standards

© 2020


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.