3rd.Lecture.The.Basic.Principles.of.Typography.pdf
•
0 recomendaciones•116 vistas
타이포그래피의 기본 원리와 기본 용어 더 정리
Recomendados
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a 3rd.Lecture.The.Basic.Principles.of.Typography.pdf
Similar a 3rd.Lecture.The.Basic.Principles.of.Typography.pdf (11)
Más de Jeongeun Kwon
Más de Jeongeun Kwon (20)
3rd.Lecture.The.Basic.Principles.of.Typography.pdf
- 1. HANYANG WOMEN’S UNIVERSITY INDUSTRIAL DESIGN LAB TYPOGRAPHY 타이포그래피 kwonjeongeun@naver.com 3강 / 31 1 타이포그래피의 기본 원리
- 2. 복습 / 31 2 디지털에 대해 지식 : 몸, 손으로 익히는 것, 공부 컴퓨터 : 지식을 구현하는 수단, CAD(Computer Aided Design) ✓쉽고 ✓빠르고 ✓정교하게 컴퓨터에 기대지 마라. 오늘 1.기본 원리 바탕으로 기본 용어를 더 알아보는 시간 2. 몸, 손으로 지식을 익히는 시간
- 3. 타이포그래피의 기본 원리 5가지 고전 활자체와 활자 유형 준비 프로젝트 진행 / 31 3
- 4. / 31 4 “타이포그래피는 보이지 않는 말을 보이게 한다. 속삭이고 고함지르고 노래하고 비통해하고 즐거워하고 … 이처럼 언어적 뉘 앙스를 표현하는 여러 방법이 바로 타이포그래피의 핵심이다. 다양한 목소리만큼이나 다양한 글자체가 필요하다.” - 에릭 슈 피커만 #목소리(A_문세연) #언어적뉘앙스(A_오태랑) “타이포그래피는 머리로 생각한 바를 드러낸 육성이다.” - 릭 밸리센티 #추상의언어를드러낸육성 #육성(A_이서현, B_최수지) “타입은 스스로 말한다.” - 데이비드 칼슨 #말한다(A_최윤희) “언어는 이미지화될 수 있다. 즉 타이포그래피는 읽힐 뿐만 아니라 보이는 것이기 때문에 시각적이며 언어적인 양면이 동시에 표출되어야 한다.” - 캐서린 맥코이 #이미지(A_김민정, B_문수현) #시각적언어적양면(B_박채현) “타이포그래피에서 발생할 수 있는 가장 바람직하지 못한 상황은 별다른 노력 없이 읽음으로써 그 내용이 금방 잊히는 것이 다.” - 토머스 소콜로브스키 #읽힘이다가아님 #기억*(A_문세연) #인상적*(B_오태랑) “어느 나라든지, 바람직한 타이포그래피란 국적이 아닌 형태와 의도에 대한 감수성 문제이다. 1920년대 얀 치홀트는 모던 타이포그래피를 소개하는 자신의 저서에서 타이포그래피에 독일, 스위스 또는 프랑스라 부언하 지 않고 단지 ‘뉴 타이포그래피’라고 이름을 붙였을 뿐이다.” - 폴 랜드 #감수성(A_이서현) #귀속되지않음(B_송정은) -> 타이포그래피란? #인격 #캐릭터(A_문세연) #시각적언어(B_오태랑)
- 5. / 31 5 타이포그래피를 공부하는 이유? 말하고자 하는 바를 군더더기 없이 전달 글자라는 의미와 정보를 전달하는 실용적인 기능 1차적 언어 전달력 설득력 원하는 부분을 정확히 강조 설득력 있게 전달 글자의 시각적인/청각적인 이미지를 전달의 기능 예시 2차적 심상
- 6. / 31 6 타이포그래피, 과학 기술도 바꾸지 못하는 것 인류, 글을 읽는 방식/습관 - 매우 보수적 언어적 재료 언어적 방식 글자 = 기호 커뮤니케이션 -A B C -가 나 다
- 7. / 31 7 타이포그래피, 시력과 환경에 연관 보통의 시력 기준. 팔 길이 거리에서 정확히 보인다. ✓본문 글자 크기(16pt 미만) : 9, 10, 11, 12pt ✓제목 글자 크기(16pt 이상) : 16 ~ 72pt ✓한 줄, 글자 수 35~70 글줄 길이 선호 -> 우리에게는 읽는 습관과 눈의 선호도가 존재한다.
- 8. / 31 8 우리는 어떻게 읽는가? 1.글줄의 위쪽 반을 읽는 것이 아래쪽 반을 읽는 것보다 더 쉽다. how do we read? how do we read?
- 9. / 31 9 우리는 어떻게 읽는가? 2.소문자로 짜인 단어들은 윤곽선이 더 분명 따라서 대문자로 된 단어들보다 더 빨리 식별된다. how do we read? HOW DO WE READ?
- 10. / 31 10 우리는 어떻게 읽는가? 3.대체로 세리프는 독서의 수평 흐름을 향상시켜주고, 낱글자를 더 빨리 식별할 수 있도록 해 준다 typography typography
- 11. / 31 11 우리는 어떻게 읽는가? 4.볼드체로 많은 분량의 활자가 조판되면 읽기에 편하지 않다. Q. 지난친 어둠, 가독성 향상 or 감소? 글자 획 굵으면 속공간, 글자 사이 흰 공간 도드라지게 Bold type can be very effective when used for emphasis or in small quantities. When using bold type in large quantities, the designer must determine if the excessive blackness of the type is affecting readability. The heavy strokes of the letters cause the counters and the white spaces between the letters to fi ll in, creating a sparkling quality in the type that inhibits comfortable reading.
- 12. / 31 12 우리는 어떻게 읽는가? 5.우리는 흰 종이 위에 검은 활자를 읽는 데 익숙. 그것을 선호하는 경향이 있다. 그러나 활자를 희게 뽑은 작은 블록은 시각적으로 매우 효과적. 희게 뽑은 문장이 길면 잘 읽히지 않는다. 튀는 경향. 눈에 피로. Is it more dif fi cult to read where type on a black Background or black type on a white black- ground? White type on black background has a tendency to sparkle, which distracts the eye and makes reading dif fi cult. We must ask how much type is being read and under what condition - reading one or two words on a billboard is certainly difficult from reading a full-page advertisement in a magazine.
- 13. / 31 13 디자이너의 용어 가독성 이독성 흰 여백 백색 공간
- 14. / 31 14 디자이너의 용어 공 空 공간 間 글자 낱말 글줄 단락 제목 이미지 사이의 공간까지 디자인 의 모든 측면 흰 여백 백색 공간
- 15. 가독성 Legibility 이독성 Readability / 31 15 디자이너의 용어 특정 활자 디자인의 문제 가독성이 높은 활자체 예시 ✓Garamond ✓Baskerville ✓Century 지면 위 활자가 배열, 크기, 짜임새, 색채, 다른 요소들의 문제 Legible Less Legible Illegible 가독성이 높다. 가독성이 떨어진다. 가독성이 나쁘다.
- 16. 타이포그래피의 기본 원리 5가지 고전 활자체와 활자 유형 준비 프로젝트 진행 / 31 16
- 17. / 31 17 5가지 고전 활자체 소개 섬세함을 익히기 글자꼴 디자인 형태만 보고 구별하는 디자이너들 수 세기에 걸쳐 변화해 온 글자꼴 디자인 역사적 유형들 대부분 오늘날까지 폭넓게 사용 ✓올드 스타일 ✓과도기체 ✓모던 ✓슬라브 세리프 ✓산세리프
- 18. / 31 18 5가지 고전 활자체 소개 올드 스타일 과도기체 모던 슬라브 세리프 산세리프 클로드 가라몽 획이 굵고 브래킷 둔함 곡선 브래킷 세리프 존 바스커빌 부드러운 종이 질 좋은 잉크 획 차이 큼 세리프가 많이 파임 기암바티스타 보도니 획 차이 더 큼 가는 획 가는 세리프 거의 언브래킷 세리프 오늘날 각세리프, 이집션 굵은 슬라브 세리프 획이 다시 차이 없음 대중성, 가독성 높은 서체 20세기 이전 거의 사용 X 제목 활자용, 안내 광고용 오늘날, 제목, 본문 모두 O 가장 폭넓게 사용 가장 큰 활자 가족 규모 Garamond 1615 Baskerville 1757 Bodoni 1788 Century Expended 1895 Helvetica 1957
- 19. 브래킷 세리프 Bracket Serif 언브래킷 세리프 Unbracket Serif Serif / 31 19
- 20. / 31 20 활자 유형 Type Classi fi cations 수 세기 동안 수천 개 활자체 시각적 특징으로 유형 분리 더 많음. 가장 친숙한 유형들 ✓올드 스타일 ✓과도기체 ✓모던 ✓슬라브 세리프 ✓산세리프 ✓스크립트 ✓블랙레터 ✓데코레이티브(장식체)
- 21. Baskerville Geneva Bodoni 72 Courier New Rockwell / 31 21 ✓과도기체 ✓산세리프 ✓모던 ✓슬라브 세리프 Palatino ✓올드 스타일 ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 활자 유형 Type Classi fi cations
- 22. ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXY Z ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ Snell Roundhand Zap fi no Phorsphate Linotext Fette Fraktur Academy Engraved LET / 31 22 ✓스크립트 ✓블랙레터 ✓데코레이티브(장식체) 활자 유형 Type Classi fi cations
- 23. / 31 23 활자체 Typeface 이름 ✓개인의 이름 Baskerville, Bodoni, Calson ✓지역 이름 Caledonia, Helvetica ✓모양 Futura, Euro Style, Modern ✓잡지 Century
- 24. / 31 24 활자 척도, 포인트 Point, pt 원래 모든 글자는 금속활자판으로 만들어졌다. 금속활자판의 치수 가운데 글자 너비와 포인트 크기 두 치수는 오늘날 디자이너에게 특별히 중요하다. Type12pt 12pt 금속 활자 인쇄된 글자
- 25. 키워드 정리 / 31 25 #타이포그래피목적 #전달력 #1차적언어기능 #설득력 #2차적심상기능 #인류의글읽는방식 #글자 #기호 #왼쪽에서오른쪽으로 #한줄 #문단 #위에서아래로 #시력과환경 #팔길이거리 #본문9,10,11,12pt #제목16p이상 #인류의글읽는습관 #선호 #위쪽반아래반 #대문자와소문자 #세리프와산세리프 #레귤러와볼드 #화이트온블랙과블랙온화이트 #디자이너의용어 #공 #공간 #흰여백 #백색공간 #가독성 #이독성 #Legibility #Readablity #특정활자의문제 #지면위활장배치등의문제
- 26. 키워드 정리 / 31 26 #5가지고전적활자체 #올드스타일 #과도기체 #모던 #슬라브세리프 #산세리프 #게라몬드 #베스커빌 #보도니 #센튜리익스펜디드 #헬베티 카 #그외 #스크립트 #블랙레터 #데코레이티브 #장식체 #활자체이름 #활자척도 #포인트크기
- 27. 타이포그래피의 기본 원리 5가지 고전 활자체와 활자 유형 준비 프로젝트 진행 / 31 27
- 28. 코로나로 인한 결석자에 대해 [중요] 저에게 미리 알려줘야 합니다. LMS 쪽지(선호) or slack DM 결석 예정 알리기 금일(9/20, 화) 코로나로 인한 결석자가 있습니다. 금일 수업 후, LMS 공지 나갑니다. -강의 과목 > 과제에서 공지 확인 -과제 + 증빙 서류 2가지 모두 제출 -> 출석 인정 -제출은 강의 과목 > 과제에 업로드 / 31 28
- 29. 준비 프로젝트 진행 1.San Serif, 두 종류 타입페이스를 선택합니다. ✓Serif 계열, 1 종류를 선택한 사람 많아 ✓ROCKWELL, Serif 계열, 선택한 사람 많아 2.두 종류 타입페이스를 가지고 예시(다음 장표)처럼 밑그림 작업을 합니다. ✓2 종류 서체 굵기가 극단적인 사람 많아 예 : Regular - Regular / 예외 : Medium/Bold - Regular ✓5번째 줄, 선택한 2개 서체의 소개가 없는 사람 많아 예 : Futura Medium / Helvetica Regular ✓5줄 모두 좌측 정렬, 안 되어 있는 사람 많아 ✓1학기 슬랙 공간, PPT 업로드 한 사람 많아 3.2번 밑그림 작업을 A2 프린트합니다. 4.3번 프린트 위에 기름종이를 덧대어 그대로 그립니다. - 오늘 ✓'O’ 받은 사람, 시작합니다. ✓ 그 외 사람, 저와 PPT 확인 후 Ai 작업을 시작합니다. / 31 29
- 30. 1.San Serif, 두 종류 타입페이스를 선택합니다. - 리서치 수업에서 언급된 타입페이스에서 시작한다. ① 선택 ② 아래같이 구성해서 PDF 1장 만듬 ③ Slack DM 업로드 ④ Ai에서 새로운 작업 반드시 -> A2 프린트 준비 프로젝트 진행 - 오늘 / 31 30 Futura Medium / Helvetica Regular
- 31. 끝. 다음 주 과제 : 다음 수업, A 2 프린트, A 2 기름종이, 연필/펜 가져오기 - 1시간 진행 / 31 31 kwonjeongeun@naver.com