웹디자인기능사 - 디자인 개론 - 제2강 디자인의 요소와 원리

1️⃣ 디자인의 요소

1) 개념의 요소 : 지각되지 않는 이론상의 요소 (점, 선, 면, 입체)

· 모든 조형의 기본 요소
· 이념상으로만 존재하는 요소

 

[1] 점

- 형태를 지각하는 최소 단위
- 위치만을 나타내며, 크기, 방향은 존재하지 않음

- 가장 핵심
- [포지티브] 명확히 지각되는 점
- [네가티브] 선의 한계나 교차, 꼭지점 등의 점

 

[2] 선

- 점이 이동한 흔적이나 자취
- 두께와 폭은 없으며, 길이와 방향을 나타냄
- 느낌

  · 곡선 : 여성적, 우아, 자유스러움 (레이스)
  · 수평선 : 평온, 평화, 무한함, 정적인 느낌 (지평선)

· 수직선 : 희망, 상승, 권위, 숭고
  · 사선 : 운동감, 속도감, 불안감 (산)

 

[3] 면

- 점의 확대, 선이 이동한 자취

- 넓이는 존재하며, 두께는 없음
- 입체를 생성하는 기본 요소
- 느낌
  · 평면 : 기본적인 단순함 면, 간결한 느낌

  · 곡면 : 부드러움, 동적인 느낌

 

[4] 입체 및 공간

- 3차원적인 요소로 면이 이동한 자취
- 공간의 위치, 길이, 표현
- 기본적인 입체 : 구, 육면체, 원통

 

2) 시각요소 : 시각을 통해 전달되는 요소 (형태, 크기, 색채)

· 눈을 통해 전달되어지는 요소
· 형태, 크기, 색채, 질감, 음영, 빛, 공간
※ 점 -> 선 -> 면 -> 입체 모든 도형의 기초는 점!

 

[1] 형과 형태
- 형 : 형체의 2차원적인 윤곽이나 경계선 (계란형)
- 형태 : 형으로 구성된 3차원적인 모습

 

[2] 크기
- 기준이 되는 척도에 의한 양적인 비교 개념

 

[3] 색채
- 빛에 의한 반사, 흡수 등을 통하여 눈의 망막을 자극하여 생기는 시감각
- 구분 : 유채색, 무채색
- 색의 속성 : 색상, 명도, 채도

 

[4] 질감
- 측각적, 시각적인 표면 성격이나 특징 (엠보싱)

 

[5] 빛
- 사물을 지각할 수 있는 근원이 됨

 

3) 상관요소 : 목적에 의한 여러 요소의 결함 (방향성, 공간감)

 

4) 실제요소 : 내면적 의미를 포함하는 요소 (메시지, 상징성)

 

2️⃣ 디자인의 원리

· 디자인 요소간의 질서와 규칙을 통해 전달되는 다양한 미적 원리
· 조화, 통일, 변화, 균형, 강조, 율동 등

 

1) 조화 (가장 큰 범위)

- 여러 디자인 요소들이 서로 배척되지 않으며, 잘 어울려 나타나는 전체적인 미적 형식
- 유사조화 : 동일감, 친근감
- 대비조화 : 적극적, 동적, 강조

 

2) 통일과 변화

- 화면 구성의 기본 원리, 조화의 기본적인 원리

· 통일 : 일정한 형식과 질서, 규칙, 통일성

· 변화 : 형식을 파괴, 재미와 흥미 부여

 

3) 균형[대칭과 비대칭]

- 시각적인 무게감을 동등하게 구성하는 것
· 대칭 : 균제, 상칭, 중앙을 기준으로 대칭됨
· 비대칭 : 시각적으로 안정되어 보임, 개성적 (감각적인 디자인, 실무디자인에서 많이 사용)

· 비례(비율) : 요소들간의 상대적인 크기 (수량, 면적, 길 이)
* 등차수열 비례 - 1:3:5:7:9 (+2)
* 등비수열 비례 - 1:2:4:8:16 (×2)
* 상가수열 비례 - 1:2:3:5:8 (앞항+뒷항)
* 정수비 - 3:4:5 (비의 값이 정수로 나오는 비례)
* 황금비례 : 그리스부터 사용한 미적 비례의 전형, 가로 세로의 비율이 1:1.16184임 (A4용지, 교과서크기)

* 모듈 : 건축가 르꼬르뷔지에가 인체의 신체적 특성을 고 려하여 만든 건축 공간의 척도
* 피보나치 : 1, 1, 2, 3, 5, 8, 13,,,,과 같은 수열 비례, 자연이나 식물의 구조와 번식에서 응용

 

4) 강조와 대비

- 강조 : 화면에서 분명히 드러나는 현상
- 대비 : 서로 다른 요소들이 대립되는 현상

 

5) 율동

- 유사한 형들이 일정한 규칙과 질서를 유지할 때 나타나는현상
- 정적인 대상이 가지는 시각적 운동감
- 반복, 교차, 점이(그라데이션) 등을 통해 얻어짐
- 신호 표지판, 노을, 초승달

 

3️⃣ 형태의 생리와 심리

1) 시지각 (눈으로 어떠한 사물을 파악함)

· 시각을 통한 지각현상. 형태시, 명암시, 운동시, 색채시

 

2) 게슈탈트 심리법칙(시지각 원리)

· 인간이 사물을 볼 때 개략화, 그룹화하여 보는 심리

 

3) 지각의 항상성

· 주위 상황에 의해 물체가 다르게 보여도, 그물체를 일정한 모습으로 지각하려는 현상, 지각의 고정관념 (어두운 곳에서 보아도 사과는 빨갛고 둥글다.)

 

4) 착시

· 사물을 원래와 다르게 지각하는 시각적인 착각 현상

· 경험,연상,욕구,상상등의영향

 

5) 착시현상