2022 중학교 디자인 수업
58
누구냐 넌?
비 상 구
픽토그램
(준비물 : 가위)
E X I T
·
Q. 단순하게 표현하려면?
그림 언어
그림 전보
- 꼭 필요한 부분은?
픽토그램
Picture + telegram
- 같은 것과 다른 것, 특징 찾기
- 기본 도형(세모, 네모, 동그라미) 활용
시각이미지로
소통하기
1. 누가 보더라도 같은 의미의 정보를 전달한다.
2. 정확하고 빠르게 정보를 전달한다.
3. 그림(이미지)으로 소통한다.
*출처:BTS (방탄소년단) 'Dynamite' Official MV
주어진 도형을 조합하여
사람의 형태를 만들어보자.
실습1
사람 형태제작
1. 펜/샤프/연필 등으로 구멍 뚫기
2. 자르기
3. 할핀 꽂기 / 할핀 펼치기
4. 뒷면 머리부분에 반/번호/이름 적기
응용
기초
Q. 학교생활에서 지켜야 할 규칙 표현
픽토그램을 활용하여
주어진 상황을 표현해보자.
1. 공간, 장소, 시간별로 생각해보자.
2. 타인에게 도움을 주거나, 칭찬 받았던 상황을 기억해보자.
3. 선생님들께서 주의를 준 부분이 있는지 기억해보자.
4. 위험했던 행동이나 다칠뻔 한 상황들은?
1. 달 리 다
2. 넘어지다
3. 기 대 다
4. 앉 다
5. 눕 다
실습2
상황표현
실습
(조별활동) *실습지에 적어보자
1. 조원들의 사람 픽토그램을 함께 활용(4~6인)
2. 학교에서 발생하는 행동들 생각해보기
3. 사람형 픽토그램 활용하여 행동 표현하기
4. 상황에 필요한 도구 제작(단순 명료하게)
조원들에게
어떤상황 인지
퀴즈내보기
- 네모, 세모, 동그라미, 직선을 활용하여 표현하기
5. 픽토그램을 활용한 상황표현 판넬 제작
디자인에서 단순함이 중요한 이유
Q. 단순하게 표현하려면?
본래의 성질
_고유의 특성과 근본적인 목적
- 꼭 필요한 부분은?
- 같은 것과 다른 것, 특징 찾기
- 생략해도 되는 부분은?
- 기본 도형(세모, 네모, 동그라미) 활용
단순화
연습
1. 학교에 있는 다양한 사물을 단순화 해보자
간단함과 명료함, 효율성에는
깊고 오래가는 아름다움이 있다.
진정한 간단함은 어수선한 것들과
장식들을 치우는 것보다 훨씬 더 많은 것을 의미한다.
학습지
2. 실습 : 픽토그램/단순화 활용 상황표현
진정한 간단함은 복잡함에 질서를 가져오는 것이다.
1. 조원들의 사람 픽토그램을 함께 활용(4~6인)
2. 학교에서 발생하는 행동들 생각해보기
3. 주제 선정하기 / 조원별 역할 선택
4. 사람형 픽토그램 활용하여 행동 표현하기
게슈탈트는 독일어 'gestalten(구성하다, 형성하다, 창조하다, 개발하다, 조직하다 등의 뜻을 지닌 동사)'의 명사형
[게슈탈트 단순성의 법칙]
5. 상황에 필요한 도구 제작(단순/명료하게)
- 세모, 네모, 동그라미, 직선을 활용하여 표현하기
6. 픽토그램을 활용한 상황표현 판넬 제작
- 폼 양면테이프 / 말풍선 포스트잇 활용
사람은 복잡한 이미지를
단순한 형태로 인지함.
"단순함은 궁극의
정교함이다."
jonathan ive
작품 평가
1. 전달하려고 하는 의미가 정확하게 전달되는가?
2. 형태가 단순하게 표현 되었는가?
완성된 판넬을 필요한 공간에 적용해 보자.
응용하기 : 픽토그램으로 영화포스터 만들기
정리
*폼 테이프 활용하여 필요 공간에 붙이기
실습 : 종이 입체 Voxel 큐브를 활용하여 공원 만들기
디지털 기기의 화면을 구성하는 가장 작은 단위.
Pixel
비트맵 : 작은 점이 모여 이미지를 만든다.
1. 학습지에 조별 작품 구상
Voxel
부피 (volume)와 픽셀 (pixel)을 조합한 혼성어.
2차원 픽셀을 3차원 형태로 구현한 것.
Voxel
2. 기본 입체 종이큐브 만들기
3. 조합하여 형태 만들기
4. 배치하여 구성하고 붙이기
복셀(Voxel)은 2차원적인 픽셀(도트)을 3차원의 형태로 구현한 것이라 할 수 있다. Voxel은 Volume + Pixel의 합성어로 '부피를 가진 픽셀'이라 할 수 있다. 작은 정육면체 또는 부피요소로 나눠질 수 있는 오브젝트를 렌더링하는 기술인데 보통은 하나의 공간을 빈틈없이 채울 수 있는 정육면체를 사용한다. 복셀그래픽에서 모든 복셀의 모양과 크기는 동일하며 하나의 복셀은 하나 이상의 특성값(파라미터)을 가질 수 있다.(나무위키)
크리스마스 입체카드
입체카드
Homework
1
인포그래픽
2
3
4
실내환경 디자인
인간+생활+공간의 상호관계 속 창의적, 기능적, 심미적 요소를 갖춘
실내 공간을 계획하고 설계/디자인 하여 쾌적하고 아름다운 환경 조성
실내환경
디자인
덕산중학교 '공감학교' 예상 구조도
한국교육개발원(2017) EDUMAC 교육시설 해외연수 자료집
에듀인뉴스 발췌
문제발견 : 우리학교 실내 유휴공간
Paper Flower wall
1
- 5층 복도 빈 벽면 개선
2
실내환경 개선을 위한 방법 선정
-종이를 활용한 인테리어 소품 제작을 통해
빈 벽면을 아름답고 쾌적하게 만들어보자.
Paper Flower wall
3
제작 및 실습 *학습지
1. 빈 벽면 치수 재기
2. 크기/색상 선정 및 공간의 효과적 배치
※ 규칙 color 배색방법 및 레이아웃 :
3. Paper flower 제작
4. 꽃 심지 제작 및 나뭇잎, 나비 제작
색의 배색
레이아웃
·동일색상배색
각 구성요소를 제한된 공간
안에 효과적으로 배열
두 가지 이상의 색을
계획한 목적과 효과에
적합하도록 적용하여
배합하는 것.
변화, 대비, 강조, 리듬감 등을 조성하여 다채롭고 조화로운 시각이미지 형성
좋은 화면구성 방법
좋은 배색 방법
색의배색
한가지의 색상을 가지고 명도나 채도를 달리한 톤의 일부나 전부로 배색, 무난하면서 세련된 느낌을 준다.
① 색상의 수를 가능한 줄이면
부조화와 산만한 느낌을 피할 수 있다.
② 색을 난색, 한색, 밝은 색, 어두운 색 등의
그룹으로 나누어서 사용하면
통일된 느낌을 줄 수 있다.
③ 통일감을 주기 위하여 무채색 등을
공통요소로 사용한다.
④ 주제와 배경색과의 대비를 이루게 하면
서로 돋보일 수 있다.
① 그리드시스템, 3등분의 법칙, 황금비율 등
공간을 나누고 요소들을 배치하면 다채롭고
균형있는 화면을 구성할 수 있다.
② 강조할 부분은 강조하고, 강조되지
않아도 될 부분은 과감하게 비워둔다.
③ 배치하는 구성요소를 홀수로 사용한다.
④ 주제와 배경색과의 대비를 이루게 하면
서로 돋보일 수 있다.
가정실 벽면
String ART
선으로 표현하는 예술
1. 일정한 규칙에 따라 직선을 그어 곡선과 기하학적 무늬를 이루어 내는 원리 활용.
2. 못(점)의 위치선정, 실(선)을 겹쳐 활용한 무늬, 모양의 표현.
음악실(2) 벽면
String
ART Wall
1. 디자인 계획
- [음악]하면 떠오르는 이미지 연상 및 주제 선정
- 이미지를 점으로 표현하기(조별), 투표를 통한 이미지 선정
- 실(선)을 어떤 방식으로 이을지에 대해 토론
2. 실습 및 설치
- 못(점)의 위치선정후 나사 고정으로 형태 표현
- 실(선)을 겹쳐 활용한 무늬, 모양의 표현.
String ART
수학적 원리
1. 규칙 : 두가지 점을 잇는 간격과 위치에 따라 반복적 패턴 형성
2. 대응 : 두 점을 이어 연결하는 것
3. 함수 : 배열을 분석하면 일정한 규칙이 보임
1) 두 점을 이어 하나의 직선을 만든다.
2) 여러 직선들이 만나 곡선처럼 보이는 착시현상이 발생한다.
(직선이 만나는 접점이 많을 수록 곡선이 디테일 하게 보임)
3) 일정한 간격과 규칙의 반복을 통해 기하학적 형태를 만들 수 있다.
수학적 원리
- 각 변에 똑같은 개수의 점이 찍혀 있어야 한다.
- 첫 번째 점에서 인접한 변의 첫 번째 점으로 점을 잇는 규칙을 활용한다.
- 긋는 선분이 이미 그려진 선분과 최대한 많이 만나도록 선분을 긋는다.
송도 1교_사진출처 : 인천광역시 연수구 구정홍보관
String ART
조형적 원리
1. 점 : 형태를 일정한 간격의 점을 찍어 표현
2. 선 : 두 점을 이어 연결
3. 면 : 무수히 많은 선들을 겹쳐 생성
4. 색 : 선의 색을 여러가지 활용하여 표현
조형요소와
조형원리
설치 방법
1. 조별 파트 나누기(스케치 8개 영역 나누기)
2. 벽면 영역 및 배치 - 마스킹 테이프로 위치 표시
3. 점으로 표현하기 - 나사를 벽 구멍에 조립하여 형태 표현하기
4. 실로 연결
① 전체 테두리 먼저 연결(조 전체 합동 작업)
② 면 채우기
- 8조로 나누어 면 채워나가기
- 조별 역할 분담 : 실 연결 3명(맨앞, 중간, 끝), 실 풀기 1명
설치 실습
아이덴티티 디자인
열전사 컵 만들기 순서
제품, 서비스, 기업이나 단체, 조직등의 '정체성'을 시각적으로 형상화 시켜 대중에게 전달하는 것.
* 컵 밑부분에 반,번호,이름 기입하기
① 완성한 도안 뒷면에 테이프를 붙인다.
② 작품(그림 그려진) 부분을 컵의 옆면과 닿게 한다.
③ 위치를 조정한 후 컵과 작품이 밀착 되도록 붙인다.
④ 차례로 작품을 열전사 프레스기에 넣는다.
⑤ 예열된 프레스기에 컵을 넣고 기다린다. ★뜨거움 주의
⑥ 테이프 한쪽만 뜯어 색상이 잘 나왔는지 확인한다.
아이덴티티 디자인
브랜드
(좋아 보이는 것들의 비밀) 브랜드 디자인 인용
기업이 시장에서 소비자들에게 어필하기 위한 차별화된 철학
제품 및 서비스를 식별하는 데 사용되는 명칭·기호·디자인 등의 총칭.
브랜드
브랜드
소비자
시장
CI(Corporate Identity)
BI(Brand Identity)
브랜드의 이념･목적･활동･표현 등을 의식적으로 통일하여 브랜드의 개성을 만들어내고 신뢰성을 주는 것으로서 브랜드 이미지를 정착하기 쉽게 하는 것.
기업의 이미지를 통합하는 작업. 기업이 추구하는 가치를 공유하게 하고 외부로 표현하는 동시에 미래 경영환경에 대응하기 위한 경영전략 중 하나.
브랜드 디자인
브랜드를 만들어 가는 과정 전체
1. 계획수립을 통한 브랜드 비전 구축
2. 비전을 성사시키기 위한 디자인 수행
3. 브랜드 가치 구축
4. 지켜나가기 위한 관리
브랜드
아이덴티티 디자인
디자인
계획
목적수행
비전
브랜드
디자인
전달하고자 하는 브랜드 컨셉을 소비자에게
가장 효과적으로 전달할 수 있도록 디자인한 결과물.
브랜드의 핵심 목적을 어떤 이미지를 통해 인지/기억 시킬것인가?
브랜드
디자인
관리
가치창출
보여지는 것
전달되는 것
로고, 심볼,
마크, 패키지 등
철학, 개념
브랜드
아이덴티티
디자인
들리는 것
만져지는 것
가치창출
징글,cm송, 음악
감정의 전달
컬러, 성격
로고(이미지+글자)
상품이나 기업 및 기관 등의 조직에 적용되는 시각 디자인
시각적으로
도출되는
브랜드 작업물
시각적
브랜드
작업물
심볼 워드마크
복잡한 개념을 단순하게 표현하기 위한 의사 전달 방법
글자로 만들어진 표시
일러스트
캐릭터
사진
색
아이콘
슬로건···
'나'를 주제로 한 브랜드 워드마크 만들기
2-1. 한글 레터링
1. '나'를 표현할 수 있는 것은?
2. 워드마크 만들기
1) 작업영역(머그컵 제작)
1) 마인드 맵을 통해 생각 도출
1) 글자 수 줄이기_줄임말
ex) 최애(최고로 사랑함)
가로 20cm x 세로 9cm
2) 글자 크기, 위치 정하기
2) 단어나 문장 앞글자를 따서
새로운 단어 만들어보기
작은칸 1mm, 큰칸 5mm
3) 재미있는 의미의 문장, 단어
짧고 간결하게 만들기
3) 윗선, 중심선, 끝선 표시
2) 중요한 단어 3가지 선정
*의미를 잘 알아볼 수 있도록
3) 한 문장으로 만들어 보기
4) 단어와 어울리는 글자체 선정
★의미가 담긴 메세지 전달
4) 획의 굵기를 시각적으로
일정하게 만들자
5)글자체의 굵기, 모양, 방향 등
계획하기
로고만들기
5) 끝부분 마무리도 일정하게
*3가지 이상 서체 사용X
출처 : https://aloha-millennia.postype.com/post/10246924
한글 : 11,172자 가운데 실제 쓰이는 글자 수는 2,500자 안팎이다.
심화. 심볼 만들기
2-2. 워드마크 응용 브랜드
1) 단어의 특정 알파벳이나
자음의 형태 조합
2) 조합시 의미도 함께 부여
3) 워드마크와 함께 배치
캐릭터
아이콘
ⓐ 원을 활용한 표현
ⓑ. 삼각형을 활용한 표현
ⓒ. 사각형을 활용한 표현
이미지 단순화
워드마크+
이미지 단순화
디자인은 우리 주변
어디에나 있어.
DESIGN
그냥 보기좋은것 화려한 것 등
디자인은 예쁘게
꾸미는것 아닌가요?
造形
Design
만들 조,형상 형
계획하다, 설계다하다
조형은 형체를
만드는 것을 뜻해.
사용 목적에 따라 작품이나 제품의 모양, 색상, 소재 등에 대해 계획 또는 도안하는 것
②
①
공부를 하고있었는데
의자가 고장이났네?
의자 판매점에는 다양한
의자가 있었다. 어떤것을
사야할까?
디자인은 우리의 생활을 보다 편리하고 쾌적하고 아름답게 만들기 위한
계획이나 설계를 포함하는 모든 조형 행위
③
④
교실안, 내주변
디자인 된것들은
무엇이 있을까?
디자인 작품이 실생활에서 사용 가능하고, 사용 목적에 맞아야 한다는 거야. 용도에 맞는 재료를 사용했는지, 사용 목적에 적합한 구조와 형태를 지니고 있는지를 살펴보는 거지.
디자인은
우리의 삶을
편리하고,
쓸모있고,
아름답게
만들어
많은 도움이
된다.
디자인에는
조건이 있어.
디자인 작품의 기능과 조화된 형태와 색, 재질 등의 아름다움을 뜻해. 디자인의 아름다움은 소비자가 공감할 수 있어야 하기 때문에 시대성이나 민족성, 개인성 등이 복합적으로 나타나.
실용성(합목적성)
조형성(심미성)
경제성(생산성)
독창성(창의성)
디자인을 재료의 선택부터 제품이 완성되는 전 과정에 걸쳐 가장 합리적이고 경제적인 효과를 얻을 수 있어야 한다는 거야.
독창성은 다양한 아이디어를 내거나 남들과 다르게 생각할 수 있는 능력으로, 현대 디자인에 와서 크게 강조되고 있는 부분이야.
디자인의 분야
디자인의 다양한 분야
디자인은 현재
목적과 결과물에 따라
시각,제품,환경 등으로
나누고 있어.
다양한
디자인 분야
시각디자인
visual communication
- 매체를 통해 시각에 전달함으로써 실용적인 정보 전달을 목적으로 한 디자인
- 대중을 상대로 시각 소통이 목적
- 인쇄, 영상, 전시 등의 시각매체를 이용해 정보를 빠르고 쉽게 전달
우리가 지하철을 타고 쉽게 어디든 갈 수 있고, 최신형 스마트폰이나 컴퓨터를 쉽게 쓸 수 있는 이유는 시각디자인이 있기 때문입니다.
건축이든, 패션이든, 음악이든
시각디자인은 어디에나 있습니다.
출처:한양사이버대학교 시각디자인학과 개요
시각디자인
시각
디자인
분야
분야
제품디자인
Product Design
- 인간 생활의 발전에 필요한 제품 및 도구를 다량으로 완전하게 생산하기 위한 디자인
작게는 우리가 쓰는 필통 디자인~자동차 디자인등 일상 생활 에서 많이 접하고 있는 대부분의 제품들을 디자인하는 것이다. 현재는 인체 구조와 관련된 의자나 신발 등 인체 공학과 관련된 제품 연구가 활발히 이루어져 사람들의 안전과 쾌적함이 더욱 높아졌다.
이렇게 과학 기술과 예술의 결합을 통해 사람들의 생활을 보다 윤택하게 하는 산업 디자인은 앞으로 사람들의 정신적, 심리적 요소까지도 포함시킬 것이라고 기대하고 있다.
[네이버 지식백과] 디자인 - 우리 생활을 편리하고 쾌적하고 아름답게
(음악미술 개념사전, 2010. 7. 12., 양소영, 윤해린, 김나영, 김명숙, 김동영, 이은영, 김철성, 박명옥, 박용혁)
제품디자인
제품
디자인
분야
분야
환경디자인
Environmental Design
- 우리 주변의 자연과 생활 공간을 보다 쾌적하고 아름답게 꾸미는 디자인 활동
- 자연과 사람이 함께 어울리며 조화롭게 살아갈 수 있는 것을 추구
실내 디자인을 할 때에는 햇빛의 방향과 통풍 등 자연 환경적인 요소를 생각하고, 분위기를 고려한 색채와 장식을 선택해야 한다. 예를 들어 공부방은 눈에 부담을 주지 않는 조명과 차분한 배색으로 꾸미고, 사람들이 자주 모이는 거실은 밝고 안정된 느낌으로 꾸미는 것이 좋다. 실외 디자인을 할 때는 자연 환경과 인공 구조물, 건물 상호간의 조화를 고려하는 것이 중요하다. 공원이나 놀이터 같은 곳은 목적이나 기능에 맞게 시설물을 배치하고, 주변과 잘 어울릴 수 있도록 디자인해야 돼.
[네이버 지식백과] 디자인 - 우리 생활을 편리하고 쾌적하고 아름답게 (음악미술 개념사전, 2010. 7. 12., 양소영, 윤해린, 김나영, 김명숙, 김동영, 이은영, 김철성, 박명옥, 박용혁)
환경디자인
환경
디자인
분야
분야
디자인 연구원
구수민 입니다.
월서중학교 디자인 수업진행
매주(월) 2,3교시 17일간
소 속
누구냐 넌?
전 공
시각디자인(그래픽디자인 전공) / 공공문화디자인
주요작업 / 참여 프로젝트
편집&타이포 디자인 맛보기
1. 명함은 어디에 쓰일까?
명함 제작
2. 어떤 정보를 넣을까?
3. 정보를 어떻게 배치 할까?
4. 글자 간격과 위치 배열
5. 활자 스탬프 사용법
"디자인으로
소개하기"
제작 후 친구들에게 자기소개 및 명함을 전달 해보자.
비즈니스 매너, 명함 예절 5가지!
① 명함을 미리 준비해주세요(글이 상대방에게 읽히도록).
② 명함 전달 시 오른손으로 주고 왼손으로 받아요(두손으로 공손하게).
③ 받은 명함 내용을 읽어봐요(주머니나 가방에 바로 넣지 않아요).
④ 상대방이 앉은 순서대로 테이블위에 명함을 놓아요.
⑤ 만남이 끝나면, 명함지갑에 명함을 넣어 보관합니다.
※ 출처 : 비즈니스 에티켓. 명함 교환 예절과 인사법. 일 잘하는 사람의 공통점은 매너에 있다.
한글, 자음과 모음
읽기 좋은 글자 간격과 배열
ㄱㄴㄷㄹㅁㅂㅅㅇㅈ…
ㅏ
ㄱ
ㅏ
ㄱ
조판 (組版)
원고에 따라서 골라 뽑은 활자를 원고의 지시대로
순서, 행수, 자간, 행간, 위치 따위를 맞추어 짬. 또는 그런 일.
ㅇ
ㅏㅑㅓㅕㅗㅛㅜㅠㅡ…
ㅇ
ⓐ
ⓒ
ⓑ
영문, 대문자 소문자 알파벳
Skills
A B C D E F G H I J
…
ⓐ
a b c d e f g h i j k
ⓑ
…
ⓒ
1. 방향을 확인해요. 스탬프 윗면에 위치한 글자의 위치와 방향을 확인합니다.
2. 힘조절! 살짝 찍어요. 힘주어 찍으면 번지고 주변부가 지저분해 집니다.
3. 조합하기! 한글 자음과 모음, 알파벳의 위치를 섬세하게 조합해 봅니다.
Skills
4. 스탬프 정리! 사용후 윗면이 잘 보이도록 하여 제자리에 넣습니다.
스탬프 접착력 때문에 여러개가 붙어있을 수 있어요.
잃어버리지 않도록 주의합니다.
① 종이 가로or세로 형태 선택
② 정보 배치 순서 정하기
③ 글자 정렬 방법 선정하기
소속
부서명/직위명
이름
연락처
이메일
주소
월서중학교
1학년 2반 21번 부반장
홍길동
053-654-3210
hhhh@naver.com
대구광역시 달서구 월배로 33길 105
Skills
레이 아웃 lay-out
디자인 ·광고 ·편집에서 각 구성요소를 공간에 효과적으로 배열하는 일, 또는 그 기술
사진출처 : http://0q.kmyh.kr/letter-press/
https://printdesign.co/post/163962433018/identity-design-for-table-of-contents-an-antiques
사진출처 : https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=ocard&logNo=220650520480
https://www.instagram.com/p/B27B3x7lQ7a/?epik=dj0yJnU9VDA0X3ZqZk9RWXV6OVktQmk0eE9EaEdGVnpYUUctTkEmcD0wJm49b3hjSDFGQmt1ZktsdGRXVGRudnNCUSZ0PUFBQUFBR0w3a0Vn