Typeface

Typography Grid

디자인,쉽게 알기

박지환 UXD

폰트 좀 키워주세요.

이것도 추가해 주세요. 이 빈 부분 좀 채워주세요.

티도 안 나는데 어디가 삐뚤어졌다고.

전체적으로 건드려야 해서..

벨런스가 깨져요.

여기 2픽셀만 왼쪽으로....

답답해 보여요.

좀 더 튀는 폰트로.. 컨셉과 안 맞아요.

텍스트 크기/위치 공간의 활용 정보의 그룹핑

디자이너 TEXT

Typeface

Typography

Grid

Typeface

Typography

Grid

TYPE FACE 타입페이스

TYPE + FACE 글꼴, 서체, 폰트

아이덴티티 브랜드 서체

정보전달,가독성

본문용 서체

좋은 서체의 선택

목적에 맞은 서체

cre 쿨째즈

여우비

봄날

나눔명조

윤명조

윤명조

RIX정고딕

http://www.yoondesign.com http://www.fontclub.co.kr

폰트클럽 윤디자인

TYPOGRAPHY 타이포그래피

활판 인쇄술, 판짜기 방법 글자꼴의 디자인, 레터링, 편집 디자인, 가독성 등을 모두 포괄하는 총체적인 조형적 활동

글자를 활용한 총체적인 조형 활동

실험적 기능적

자간, 행간, 정렬 글줄의 길이

크기, 굵기, 기울기 밑줄, 컬러, 그리드

A

B

C

C

A B

크기 굵기 대비

크기 굵기 대비

자간 행간 조절

6단 4단

단

그리드 단 홀수 짝수

3 긴장

안정

시선 흐름

크기 굵기 대비

컬러 여백 대비

그래픽 컨셉

그래픽 디테일

행간/자간 가독성

서체의 수 통일성

1

3

4

5

GRID 그리드

정보에 질서와 구조 부여한다.

통상적 그리드 비율

황금비율

삼등분의 원칙

1.618 : 1 1.666 : 1

웹 그리드

960 Grid system

1.618 1

1140 Grid system

1140~769px 768px

Pudding.to

PLAYY

NAVER

HYUNDAI

Multi-Device Layout Patterns

Design of

Everyday Life

감사합니다.

konghak@gmail.com