Creative Spark: KRAFTON의 Visual Motif
비주얼 모티프는 시각 디자인에서 반복적으로 나타나는 요소나 테마로, 일관성 있고 인식 가능한 브랜드 정체성을 만드는 데 큰 역할을 합니다. 색상, 모양, 패턴, 상징 또는 이미지 등 모든 시각적, 경험적 요소를 포함할 수 있으며, 다양한 미디어와 플랫폼에 걸쳐 일관되게 나타날 것입니다. 크래트톤의 비주얼 모티프는 창작물 이면의 복잡한 여정을 조명하여, 모든 과정에 투입된 헌신, 협업, 전문성, 예술을 이야기합니다. 그 중심에는 ‘Creative Spark’가 있습니다. 이 역동적이고 감성적인 모티프는 우리의 브랜드 이야기를 더욱 풍부하고 진지하게 전달합니다.
Creative Spark의 본질
‘KRAFTON’의 어원인 ‘Keep the craftsmanship on’은 우리의 중요한 헤리티지 중 하나입니다. 수만 번 내려치는 장인의 망치질은 우리의 집념과 도전을 상징하며, 과정에서 생성되는 순간의 불꽃은 비주얼 모티프의 영감이 되어 디지털 환경에서의 ‘Creative Spark’로 재현됩니다. 크래프톤의 비주얼 모티프는 창작물 이면의 복잡한 여정을 조명하여, 모든 과정에 투입된 헌신, 협업, 전문성, 예술을 이야기 합니다.
보이지 않는 것의 시각화
디지털 영역에서 우리 작업의 진정한 본질은 표면 아래에 숨겨져 있습니다. 우리의 비주얼 모티프인 ‘Creative Spark’는 코드와 픽셀 같은 보이지 않는 것들을 빛으로 끌어냅니다. 이러한 요소들은 직접적으로 드러나지 않지만, 디지털 세계를 구성하는 핵심적인 기본 요소이기도 합니다.
Forms of the Creative Spark
Fuse
‘Fuse’는 아이디어와 재능의 융합을 상징하며, 프로젝트를 추진하는 협업 노력을 강조합니다. 다양한 기술과 관점이 결합되어 일관되고 혁신적인 경험을 창조하는 팀 내 통합과 시너지를 반영합니다.
Link
‘Link’는 팀 내의 연결과 상호작용을 나타냅니다. 팀워크와 창의적 과정을 이끄는 동적인 관계의 중요성을 강조하며, 모든 요소가 함께 일관된 전체를 형성하는 방식을 보여줍니다.
Emergence
‘Emergence’는 크래프톤의 정신을 정의하는 혁신적인 돌파구와 독특한 해결책을 상징합니다. 지속적인 실험과 회복력에서 나오는 발견과 혁신의 순간을 강조합니다.
이 섹션은 크래프톤의 비주얼 모티프인 Creative Spark를 다양한 디자인 요소에 효과적으로 활용할 수 있도록 도와드리기 위해 마련되었습니다. 가능한 쉽게 이 모티프를 적용할 수 있도록, 세 가지 구체적인 사용예를 수록했습니다. 1. Fuse Frame, 2. Link Bar, 3. Emergence이 기본적인 지침을 시작으로 개성있고 매력적인 모습의 브랜드를 만들어갈 수 있도록 지속적으로 업데이트 될 예정입니다.
Fuse Frame
Fuse Frame은 콘텐츠 주변에 독특하고 인식 가능한 프레임을 만들기 위해 설계되었습니다. 이 디자인 요소는 두 개 이상의 면을 분할하여 이미지나 특정 영역을 둘러싸거나 나누는 레이아웃에 다양하게 적용될 수 있습니다. 이를 통해 디자인의 시각적 구조를 강화하고, 크래프톤의 개성있는 미적 요소를 제공합니다.
Fuse Frame을 적용하는 방법
Intersection Space 의 최소 높이 결정
조절 가능한 Intersection Space 공간 길이
Intersection Space 길이는 콘텐츠와 디자인 레이아웃에 따라 조절할 수 있습니다.
그러나 Intersection Space을 뺀 나머지 길이는 해당 부분의 총 길이의 최소 25%여야 합니다.
예: 한 쪽의 총 길이가 100 단위인 경우, Intersection Space을 적용한 후에도 나머지 길이는 최소 25 단위여야 합니다.
Intersection Space 의 최적 배치
Intersect Space는 프레임의 상단 및 하단 가장자리 또는 왼쪽 및 오른쪽 가장자리에 적용할 수 있습니다.
깔끔하고 세련된 디자인을 위해서는 Intersect Space를 하나의 가장자리에만 적용하는 것이 좋습니다.
필요한 경우 상/하나, 좌/우나 대칭적으로 적용할 수 있지만, 단순함을 유지하기 위해 두 개 이상의 가장자리에 적용하지 않도록 주의하십시오.
Link Bar
링크바는 최소한의 브랜드 디자인 요소로 정체성을 명확히 드러낼 수 있는 유용한 도구입니다. 디자인의 상단이나 하단을 구분하여 헤더와 푸터의 공간을 정의하거나, 콘텐츠의 시작과 끝 지점에 선적인 요소로 활용하여 레이아웃을 견고하고 깔끔하게 정리할 수 있습니다. 이러한 방식으로 링크바는 단순하지만 강력한 시각적 효과를 발휘하며, 브랜드 아이덴티티를 정교하게 표현하는 데 유용합니다.
링크 바를 적용하는 방법
교차 공간의 최소 높이 결정
대각선 길이 (D): 프레임의 한 모서리에서 반대쪽 모서리까지 이어지는 대각선의 길이를 측정합니다.
최소 높이 (H): 높이를 대각선 길이 (D)의 3%로 계산합니다.
H=0.03×D
교차로 공간의 길이 조절 가능
Intersection Space 길이는 콘텐츠와 디자인 레이아웃에 따라 조절할 수 있습니다.
그러나 Intersection Space을 뺀 나머지 길이는 해당 부분의 총 길이의 최소 25%여야 합니다.
예: 한 쪽의 총 길이가 100 단위인 경우, Intersection Space을 적용한 후에도 나머지 길이는 최소 25 단위여야 합니다.
교차로 공간의 최적 배치
Intersect Space는 프레임의 상단 및 하단 가장자리 또는 왼쪽 및 오른쪽 가장자리에 적용할 수 있습니다.
깔끔하고 세련된 디자인을 위해서는 Intersect Space를 하나의 가장자리에만 적용하는 것이 좋습니다.
필요한 경우 상/하나, 좌/우나 대칭적으로 적용할 수 있지만, 단순함을 유지하기 위해 두 개 이상의 가장자리에 적용하지 않도록 주의하십시오.
Emergence Design Techniques
Emergence는 작은 요소들이 상호작용을 통해 복잡한 구조를 자발적으로 형성하는 현상을 의미합니다. 이 현상은 매우 우연적이고 다양한 형태로 나타나 명확히 정의하기 어렵지만, 크래프톤의 세 번째 그래픽 모티프인 Emergence는 이러한 복잡성을 디자인으로 구현합니다.
디자인 요소들이 상호작용하며 새로운 가능성을 창출하는 과정을 시각화하는 것이 핵심입니다. Emergence는 도전, 실패, 그리고 헌신이 결합하여 새로운 창의성을 탄생시키는 과정을 의미합니다. 이는 단순한 시각적 표현을 넘어, 디자인의 본질적인 창의적 과정을 담고 있습니다.
Emergence는 끊임없이 변화하면서도 일관성을 유지하며, 실험적인 디자인을 가능하게 합니다. 다음 예시는 가장 기본적인 Emergence의 시각적 표현 개념을 안내합니다. 이러한 Emergence의 기본 원칙을 바탕으로 다양한 표현이 가능합니다.
How to Apply the Emergence
Selecting Basic Elements
가장 기본적인 형태의 Creative Spark 사각형 오브젝트 🅰 와 타이포그래피 오브젝트 🅱 를 사용했습니다. 🅲는 배경 오브젝트입니다.
Applying Difference Mode
Difference 모드 선택: Adobe Illustrator나 Photoshop에서 겹쳐진 레이어에 Difference 모드를 적용합니다. 이 모드는 겹쳐진 부분에서 색상을 반전시켜 독특한 시각적 효과를 만듭니다.
세부 조정: Difference 모드를 적용한 후, 필요에 따라 겹침 영역의 크기와 위치를 조정하여 최적의 디자인을 만듭니다. 타이포그래피와 사각형 오브젝트의 색상이나 패턴이 잘 반전되어 보이는지 확인합니다.
