[Design] 형태(Shape)에도 의미가 있다!

‘어떤 색을 사용할 것인가? 주제(Concept)에 맞는 컬러를 찾는 방법!‘에서 색의 의미에 대해서 알아보았습니다. 색에 의미가 있듯이 형태에도 의미가 있습니다.

음악 또는 동영상 플레이어에서 위의 버튼을 보면 어떤 기능을 담당하고 있는지 아실 겁니다. 빨간색 원은 녹음(Record), 네모는 정지(Stop), 삼각형은 재생(Paly)의 역할을 합니다. 그런데 각 도형마다 왜 이런 역할을 부여받은 것일까요?

녹음 버튼의 경우 빨간색의 의미가 경고를 나타내고, 원형은 주의와 주목의 의미로 중요한 작업 실행 시 필요한 집중의 효과가 있습니다.
정지 버튼의 사각형은 움직이지 않는 안정성을 의미하여 멈추고 정지하는 기능을 표현합니다.
재생 버튼의 삼각형은 방향과 액션을 의미하기 때문에 진행을 상징하는 데 적합합니다.

형태(Shape, 모양, 도형)마다 사람이 심리적으로 느끼는 감성이 있고 이것이 형태의 의미입니다. 그래서 형태의 의미를 통해 기획과 디자인의 주제에 맞는 어떤 모양을 적용하고 응용할 것인지 고려해볼 수 있습니다.

그럼 형태의 의미와 형태가 디자인에 어떻게 적용되는지 알아보도록 하겠습니다.

차례

형태의 종류
형태의 의미
1) 원형
2) 사각형
3) 삼각형
4) 평행선
5) 곡선
6) 다각형

1. 형태(Shape)의 종류

1) 형태의 종류

원형(Circle), 타원(Oval, Ellipse)
사각형, 정사각형(Square), 직사각형(Rectangle), 마름모(Diamond)
삼각형(Triangle), 정삼각형, 직삼각형

2) 기하학적 형태(Geometric Shape)

원형, 사각형, 삼각형과 같은 구조의 모양을 기하학적 형태(Geometric Shape)라고 합니다. 이러한 기하학적 도형은 다음과 같은 특성과 정체성을 가지고 있습니다.

구조적인(Structured)
조직적인(Organized)
대칭적인(Symmetrical)
안정적인(Stable)

2015년도 세계에서 존경받는 기업의 로고 형태를 분석해 보면 직사각형 50%, 정사각형 22%, 원형 20%의 비율로 구성되었다고 합니다.(Sukhraj, 2007)

기업의 정체성(Identity)을 표현하는 로고에 이러한 기하학적인 기본 도형이 여전히 적용되고 있는 이유는 인간이 형태에서 느끼게 되는 심리적인 감성과 인지하게 되는 경험적 의미를 활용해 직관적으로 브랜드를 전달할 수 있기 때문일 것입니다.

2. 형태(Shape)의 의미

‘어떤 색을 사용할 것인가? 주제(Concept)에 맞는 컬러를 색의 의미를 통해 찾는 방법!‘에서 알려드린 색의 의미와 마찬가지로 형태의 의미도 인간이 경험한 자연 및 환경에서 심리적으로 형성된 감성(Emotion)입니다.

인간은 태초부터 존재한 자연을 신성시하며 이를 통해 심리적, 문화적, 종교적인 의미를 부여하게 되었습니다. 하늘의 해와 달을 연상시키는 원형은 완전함과 영원함을 표현합니다. 바다와 건물과 같은 사각형은 움직이지 않는 안정, 그래서 신뢰를 의미합니다. 거대한 산과 피라미드와 같은 삼각형의 경우 힘을 상징합니다.

1) 원형(Circle)

인간의 시선은 본능적으로 선을 따라갑니다. 원형의 경우, 선이 끝나지 않고 계속된다고 느껴서 움직임(movement)과 완성(completeness)의 의미를 나타냅니다.

① 원형의 의미

움직임, 운동(Movement)
완벽(Perfection)
완성(Completion)
전체(Wholeness)
통합, 통일(Unity)
조화(Harmony)
영원(Eternity)

주의, 주목(Attention)
사랑(Love)
행복(Happy)
우정(Friendship)
근심 걱정이 없는(Carefree)
단체, 사회(Community)

보호(Protection)
지적, 지성(Intellectualism)
우주(Universe)
미스테리(Mystery)
마법, 마술(Magic)
비밀(Secret)

타원형의 경우, 우주를 상징하며 이러한 이유로 마법과 마술, 그리고 미스테리하고 비밀스러운 느낌을 주게 됩니다.

② 원형 로고

③ 원형이 적용된 웹 디자인

원형의 이미지는 주의와 주목을 의미하여 집중할 수 있는 효과를 낼 수 있습니다. 그리고 레이아웃에 항목을 표시할 때 요소로서 적용하면 전체적으로 부드럽고 조화롭게 배치되는 디자인을 할 수 있습니다.

④ 원형 구도의 영화 포스터 디자인

2) 사각형(Square, Rectangle)

사각형은 우리가 일상생활에서 스마트폰, 모니터, 책, 벽, 가구, 빌딩 등과 같이 가장 많이 접하게 되는 형태입니다. 가장 안정감 있는 형태로 신뢰와 안전을 의미하는 대표적인 모양입니다.

① 사각형의 의미

■ 안정(Stability)
■ 안전(Security)
■ 신뢰(Trust)
■ 정직(Honesty)
■ 순서(Order)
■ 조직(Organization)

■ 규율(Discipline)
■ 힘(Strength)
■ 익숙함, 친밀(Familiarity)
■ 믿을 수 있는(Reliable)
■ 균일(Uniformity)
■ 평등, 균등(Equality)

■ 형식(Formality)
■ 합리성(Rationality)
■ 평화(Peace)
■ 용기(Courage)
■ 권한(Authority)

텔레비전 Television — 출처: Photo by Jens Kreuter on Unsplash

특히 직사각형(Rectangle)의 경우, 우리가 주변 사물을 통해 자주 볼 수 있는 형태로 ‘간단한(Simple)’, ‘균형 잡힌(Balanced)’, ‘단단한(Solid)’, ‘안전한(Secure)’ 의미를 심리적으로 느끼게 됩니다.

② 사각형 로고

③ 사각형이 적용된 웹 디자인

사각형의 의미에서처럼 안정적으로 순서를 구성하는 레이아웃에 주로 사용되는 요소입니다. 디자인 시 항목을 배치하거나 카테고리를 구성할 때 가장 많이 사용되지만, 너무 형식적일 수 있으니 레이아웃 또는 사각형 모양의 변화를 통해 다양성을 부여하는 것도 좋습니다.

현재 웹사이트를 제작하는 데 있어서 PC와 스마트폰 환경에 맞춰서 웹 페이지의 레이아웃이 변화하는 반응형 웹 디자인(Responsive Web Design)을 위해 사각형의 카드 형식으로 레이아웃을 구성하는 경우가 많습니다.

3) 삼각형(Triangle)

삼각형은 세 개의 꼭짓점으로 이루어져 있어서 우리의 시선은 자연스럽게 삼각형의 위치에 따라 방향을 따르게 됩니다. 그래서 삼각형은 방향성과 움직임을 의미합니다.

① 삼각형의 의미

▲ 안정(Stability)
▲ 힘(Power)
▲ 균형(Balance)
▲ 성공(Success)
▲ 에너지(Energy)
▲ 정확(Precision)

▲ 업적(Achievement)
▲ 인내(Perseverance)
▲ 평화(Peace)
▲ 과학(Science)
▲ 종교(Religion)
▲ 법(Law)

▶ 방향(Direction)
▶ 행동(Action)
▶ 역학(Dynamics)
▶ 흥미(Excitement)
▶ 공격(Aggression)

▼ 불안정(Instability)
▼ 위험(Risk, Danger)
▼ 긴장(Tension)

삼각형에서 주의할 사항은 정삼각형(▲)과 역삼각형(▼)은 상반되는 의미를 지닌다는 것입니다. 위를 향하는 정삼각형(▲)은 안정과 균형의 느낌을 주고, 아래를 향하는 역삼각형(▼)은 불안정, 위험, 긴장감을 심리적으로 느끼게 합니다.

② 삼각형 로고

위의 항공사 로고들을 보면 하늘을 나는 비행기의 비유로 삼각형이 가지고 있는 역동적인 방향성을 적용한 사례라고 볼 수 있습니다.

③ 삼각형 구도의 디자인

‘어벤저스 엔드게임(Avengers Endgame)’의 포스터 디자인을 보면 삼각형 구도의 레이아웃을 활용하였습니다. 이러한 삼각형 구도는 영화 포스터에서 다수의 배우를 안정적으로 구성하고, 삼각형 맨 위 꼭짓점 부분에 중요 인물을 배치하는 방식입니다.

4) 평행선(Parallel Lines)

평행선 중 수평선은 보는 이에게 땅(Ground)의 의미를 부여하고, 수직선은 하늘의(Celestial) 느낌을 상징합니다. 그래서 수평선은 안정과 균형, 수직선은 힘과 성장의 의미를 지닙니다. 사선은 운동감을 표현할 수 있습니다.

Parallel Lines: Vertical Lines, Diagonal Lines, Horizontal Lines — 평행선: 수직선, 사선, 수평선

① 평행선의 의미

• 수직선(Vertical Lines)
|| 힘(Strength, Power)
|| 성장(Growth)
|| 공격(Aggression)
|| 지배, 압도, 군림(Dominance)
|| 리더십(Leadership)
|| 용기(Courage)
|| 대담(Boldness)

• 수평선(Horizontal Lines)
== 안정성(Stability)
== 균형(Balance)
== 고요함, 차분함(Calmness)
== 보안(Security)
== 휴식(Rest)
== 고요(Silence)

• 사선(Diagonal Lines)
// 운동(Motion)
// 움직임(Movement)
// 상승하는(Ascending)
\\ 하강하는(Descending)

② 평행선 로고