Typeface, Typography, Grid

TypefaceTypography

Grid

디자인 , 쉽게 알기

박지환UXD

폰트 좀 키워주세요 .

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

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

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

벨런스가 깨져요 .

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

답답해 보여요 .

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

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

정보의 그룹핑

디자이너TEXT

TypefaceTypography

Grid

TypefaceTypography

Grid

TYPE FACE타입페이스

TYPE + FACE글꼴 , 서체 , 폰트

아이덴티티브랜드 서체

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

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

cre 쿨째즈

여우비

봄날

나눔명조

윤명조

윤명조

RIX 정고딕

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

TYPOGRAPHY타이포그래피

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

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

실험적기능적

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

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

AB

C

C

AB

크기굵기대비

크기굵기대비

자간행간조절

6 단4 단

단

그리드단홀수짝수

3긴장

안정

시선흐름

크기굵기대비

컬러여백대비

그래픽컨셉

그래픽디테일

행간 / 자간가독성

서체의 수통일성

1

3

4

5

GRID그리드

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

통상적그리드 비율

황금비율

삼등분의 원칙

1.618 : 1 1.666 : 1

웹그리드

960Grid system

1.618 1

1140Grid system

1140~769px 768px

Pudding.to

PLAYY

NAVER

HYUNDAI

Multi-Device Layout Patterns

Design ofEveryday Life

감사합니다 .

konghak@gmail.com