Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Typograpy

No description
by

동선 강

on 22 October 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Typograpy

1. Basic
TYPOGRAPHY
타이포그래피 개념요소
색 (Color)
타이포그래피 시각요소


2. 낱자의 구조
3. 가독성
가독성을 높이는 세가지
커닝(Kerning)
리거추어(Ligatures)
레딩(Leading)
문자(대문자/ 소문자)

대문자는
수직적이며 크고 엄격하며 규범적
으로 보인다.
소문자는 그 반대이다.
서체(세리프/ 산세리프)

세리프 계열에서 필기체를 대표하는 스크립트(Script)체는 규범적이면서도 비규범적이고, 임의적이며 오만해 보인다. 스크립트 계열에서 모양이 특이한 서체들은 약 19세기 경에 유행했던 목판체에서 출발한 발상이다.
이 서체들은 무언가 잘못 디자인된 것 같으면서도
건방지고 무례해
보인다.
경사(정체/ 이탤릭체)

타입이 비스듬히 기울이면 움직임이 느껴진다. 경사가 극단적으로 기울어진 타입들은 더욱 동적이고 공격적이다. 전통적으로
이탤릭체는 대략 13도에서 16도까지의 경사
를 적용하고 있다.
그러나 타입이 무리하게 기울어질수록
가독성이 떨어진다
는 것이다.
물론 이러한 단점은 독자들이 내용을 읽을 수 있다면 극적인 효과 줄 수 있다.


Case study

낱자 또는 단어
타이포그래피 개념요소

타이포그래피 개념요소
단락 또는 문단
타이포그래피 개념요소
칼럼 또는 페이지
타이포그래피에서 낱자나 단어는 점으로 인식된다. 그러므로 이들은 점과 마찬가지로 다양한 중량, 크기, 형태를 갖고 있으며 정교하고 예민하게 존재한다.
타이포그래피에서 행은 선으로 지각되며 타입의 중량이나 크기에 의해 일정한 면적을 차지한다. 또한 행들은 대칭적이거나 비대칭적으로 정렬되며, 이들은 ‘둘러싼 공간들로 말미암아’ 지각된다.
행의 시각적 자극은 타입의 크기, 중량, 그리고 행 폭의 작은 변화에도 큰 차이를 보인다. 따라서 서체, 정렬, 여백 등의 미묘한 관계를 잘 살펴보아야 한다.
페이지 상에서 단락 또는 문단은 면으로 지각된다. 행의 집합체인 이들은 타입의 중량 및 크기, 공간에 의해 바탕과 섞여 회색 면으로 지각된다. 가지런히 정렬된 단락은 사각형으로 지각되며, 무질서하게 정렬된 단락은 다각형으로 지각된다.
페이지 상에서 칼럼은 양으로 지각된다. 또한 여러 개의 칼럼들이나 연속된 페이지는 인쇄물에서 공간적이고 시간적인 부피를 갖는다.
시각요소란 개념요소가 형으로 실체화될 때 동반되는 것이다. 실재하지 않는 개념을 눈을 통해 지각시키려면 시각 요소들을 수반해야 하는데 이들은 색, 질감, 형태, 크기 등이다. 상황에 따라 이들은 부분적으로 또는 전체적으로 관여된다.
디자인에서 색은 눈으로 지각되는 명도, 채도, 색상을 말하며 물리색과 지각색으로 구분된다.

물리색이란 색이 갖고 있는 고유값.
지각색이란 물리색을 눈으로 지각하는 값이다.
이때 지각색은 물리색에 영향을 끼치는 주변색의 정도에 따라 다르게 지각된다. 물리색은 불변값이지만 지각색은 가변적 값이다.

형 태

타이포그래피에서 말하는 형태는 문자, 서체, 경사, 폭, 브랜딩, 왜곡, 등에 관한 것이다.

영문 타이포그래피의 활자 구조
타입의기하하적구조.타입의기본구조는사각형원삼각형이다.
세리프(serif) 획의 밑단부분에 달린 작은 부분
언브래킷세리프(좌), 브래킷세리프(우)
여러가지유형의세리프들
- 아센더라인(ascenderline) 대문자 소문자의 가장 상단 부분에 해당되는 가상의선
보통은캡라인(capline)
이라고도함.
(대문자는캡라인-소문자는아센더라인)

- X-라인(x-line) 소문자x의 제일 상단부분에 해당되는선으로
민라인(meanline)
이라고도한다.

- 베이스라인(baseline) 대문자 및 소문자의 밑면에 정렬되는 선

- 디센더라인(descender line) 소문자j, g,p,q,y등의 가장 하단 부분에 해당되는 선

- 아센더(ascender) x-라인보다 높은 부분에 해당되는 공간

- 디센더(descender) x-라인보다 낮은 부분에 해당되는 공간

- 엑스하이트/X-높이(x-height) 소문자에서만 언급되는용어로 소문자의 x높이
낱자의 해부학적 구조
폭(넓음/ 좁음)

컴퓨터 소프트웨어들은 타입의 비례를 수평이나 수직으로 변형시킬 수 있다.
타입을 수직으로 길게 늘이면, 자연히 수평 획들은 굵어진다. 또한 이처럼 글자의 비례를 마구 변형시키는 행위는 타입 디자이너들이 매우 싫어하는데, 그 이유는 타입의
원형이 훼손되기 때문
이다. 그러나
절실한 타당성
이 있다면 이러한 효과는 오히려 표현적이고 시각적 매력을 탄생시킬 수도 있다.
브랜딩(선형 브랜딩/ 원형 브랜딩)

타입의 내면에서 색이나 톤이 점진적으로 변하는것으로 선형 브랜딩과 원형 브랜딩으로 나눌 수 있다.

선형 브랜딩은
하나의 글자나 글자 군에서 어느 한 방향으로 진행되는 것으로 수평, 수직, 대각선이 가능하다.
원형 브랜딩
은 색이나 톤이 동심원적으로 진행되는 것이다. 브랜딩은 색이나 톤이 서로 현격히 다를수록 효과적이며 서로 유사할수록 효과가 감소한다.

HANYANG WOMEN'S UNIVERSITY
hanyang women's university
Full transcript