129
Typeface Typography Grid 디디디 , 디디 디디 디디디 UXD

Typeface, Typography, Grid

Embed Size (px)

DESCRIPTION

About basic of design.

Citation preview

Page 1: Typeface, Typography, Grid

TypefaceTypography

Grid

디자인 , 쉽게 알기

박지환UXD

Page 2: Typeface, Typography, Grid

폰트 좀 키워주세요 .

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

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

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

벨런스가 깨져요 .

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

답답해 보여요 .

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

Page 3: Typeface, Typography, Grid
Page 4: Typeface, Typography, Grid

텍스트 크기 / 위치공간의 활용

정보의 그룹핑

Page 5: Typeface, Typography, Grid

디자이너TEXT

Page 6: Typeface, Typography, Grid

TypefaceTypography

Grid

Page 7: Typeface, Typography, Grid

TypefaceTypography

Grid

Page 8: Typeface, Typography, Grid
Page 9: Typeface, Typography, Grid

TYPE FACE타입페이스

Page 10: Typeface, Typography, Grid

TYPE + FACE글꼴 , 서체 , 폰트

Page 11: Typeface, Typography, Grid
Page 12: Typeface, Typography, Grid

아이덴티티브랜드 서체

Page 13: Typeface, Typography, Grid
Page 14: Typeface, Typography, Grid
Page 15: Typeface, Typography, Grid
Page 16: Typeface, Typography, Grid
Page 17: Typeface, Typography, Grid
Page 18: Typeface, Typography, Grid
Page 19: Typeface, Typography, Grid
Page 20: Typeface, Typography, Grid
Page 21: Typeface, Typography, Grid

정보전달 , 가독성본문용 서체

Page 22: Typeface, Typography, Grid
Page 23: Typeface, Typography, Grid
Page 24: Typeface, Typography, Grid
Page 25: Typeface, Typography, Grid

좋은 서체의 선택목적에 맞은 서체

Page 26: Typeface, Typography, Grid

cre 쿨째즈

여우비

봄날

Page 27: Typeface, Typography, Grid

나눔명조

윤명조

윤명조

Page 28: Typeface, Typography, Grid

RIX 정고딕

Page 29: Typeface, Typography, Grid

http://www.yoondesign.comhttp://www.fontclub.co.kr폰트클럽 윤디자인

Page 30: Typeface, Typography, Grid

TYPOGRAPHY타이포그래피

Page 31: Typeface, Typography, Grid

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

Page 32: Typeface, Typography, Grid
Page 33: Typeface, Typography, Grid
Page 34: Typeface, Typography, Grid
Page 35: Typeface, Typography, Grid
Page 36: Typeface, Typography, Grid
Page 37: Typeface, Typography, Grid
Page 38: Typeface, Typography, Grid
Page 39: Typeface, Typography, Grid

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

Page 40: Typeface, Typography, Grid

실험적기능적

Page 41: Typeface, Typography, Grid

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

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

Page 42: Typeface, Typography, Grid
Page 43: Typeface, Typography, Grid

AB

C

Page 44: Typeface, Typography, Grid

C

AB

Page 45: Typeface, Typography, Grid

크기굵기대비

Page 46: Typeface, Typography, Grid

크기굵기대비

Page 47: Typeface, Typography, Grid

자간행간조절

Page 48: Typeface, Typography, Grid
Page 49: Typeface, Typography, Grid

6 단4 단

Page 50: Typeface, Typography, Grid

그리드단홀수짝수

3긴장

안정

Page 51: Typeface, Typography, Grid
Page 52: Typeface, Typography, Grid

시선흐름

Page 53: Typeface, Typography, Grid

크기굵기대비

Page 54: Typeface, Typography, Grid

컬러여백대비

Page 55: Typeface, Typography, Grid

그래픽컨셉

Page 56: Typeface, Typography, Grid

그래픽디테일

Page 57: Typeface, Typography, Grid
Page 58: Typeface, Typography, Grid

행간 / 자간가독성

Page 59: Typeface, Typography, Grid
Page 60: Typeface, Typography, Grid
Page 61: Typeface, Typography, Grid
Page 62: Typeface, Typography, Grid
Page 63: Typeface, Typography, Grid
Page 64: Typeface, Typography, Grid
Page 65: Typeface, Typography, Grid

서체의 수통일성

Page 66: Typeface, Typography, Grid

1

Page 67: Typeface, Typography, Grid

3

Page 68: Typeface, Typography, Grid

4

Page 69: Typeface, Typography, Grid

5

Page 70: Typeface, Typography, Grid
Page 71: Typeface, Typography, Grid

GRID그리드

Page 72: Typeface, Typography, Grid

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

Page 73: Typeface, Typography, Grid
Page 74: Typeface, Typography, Grid
Page 75: Typeface, Typography, Grid
Page 76: Typeface, Typography, Grid
Page 77: Typeface, Typography, Grid
Page 78: Typeface, Typography, Grid
Page 79: Typeface, Typography, Grid
Page 80: Typeface, Typography, Grid
Page 81: Typeface, Typography, Grid
Page 82: Typeface, Typography, Grid

통상적그리드 비율

Page 83: Typeface, Typography, Grid

황금비율

Page 84: Typeface, Typography, Grid
Page 85: Typeface, Typography, Grid
Page 86: Typeface, Typography, Grid
Page 87: Typeface, Typography, Grid
Page 88: Typeface, Typography, Grid
Page 89: Typeface, Typography, Grid

삼등분의 원칙

Page 90: Typeface, Typography, Grid

1.618 : 1 1.666 : 1

Page 91: Typeface, Typography, Grid
Page 92: Typeface, Typography, Grid
Page 93: Typeface, Typography, Grid
Page 94: Typeface, Typography, Grid
Page 95: Typeface, Typography, Grid
Page 96: Typeface, Typography, Grid
Page 97: Typeface, Typography, Grid

웹그리드

Page 98: Typeface, Typography, Grid

960Grid system

Page 99: Typeface, Typography, Grid
Page 100: Typeface, Typography, Grid
Page 101: Typeface, Typography, Grid
Page 102: Typeface, Typography, Grid
Page 103: Typeface, Typography, Grid
Page 104: Typeface, Typography, Grid
Page 105: Typeface, Typography, Grid
Page 106: Typeface, Typography, Grid
Page 107: Typeface, Typography, Grid
Page 108: Typeface, Typography, Grid
Page 109: Typeface, Typography, Grid
Page 110: Typeface, Typography, Grid
Page 111: Typeface, Typography, Grid

1.618 1

Page 112: Typeface, Typography, Grid
Page 113: Typeface, Typography, Grid
Page 114: Typeface, Typography, Grid
Page 115: Typeface, Typography, Grid
Page 116: Typeface, Typography, Grid

1140Grid system

Page 117: Typeface, Typography, Grid
Page 118: Typeface, Typography, Grid
Page 119: Typeface, Typography, Grid

1140~769px 768px

Page 120: Typeface, Typography, Grid

Pudding.to

Page 121: Typeface, Typography, Grid

PLAYY

Page 122: Typeface, Typography, Grid

NAVER

Page 123: Typeface, Typography, Grid

HYUNDAI

Page 124: Typeface, Typography, Grid

Multi-Device Layout Patterns

Page 125: Typeface, Typography, Grid

Design ofEveryday Life

Page 126: Typeface, Typography, Grid
Page 127: Typeface, Typography, Grid
Page 128: Typeface, Typography, Grid
Page 129: Typeface, Typography, Grid

감사합니다 .

[email protected]