SlideShare uma empresa Scribd logo
1 de 129
디자인,쉽게 알기
   Typeface
  Typography
     Grid



    UXD 박지환
이 빈 부분 좀
이것도 추가해 주세요.          채워주세요.
벨런스가 깨져요.             답답해 보여요.


  폰트 좀 키워주세요.
                   전체적으로 건드려야 해서..
여기 2픽셀만 왼쪽으로....
티도 안 나는데
어디가 삐뚤어졌다고.        좀 더 튀는 폰트로..
                   컨셉과 안 맞아요.
텍스트 크기/위치
  공간의 활용
 정보의 그룹핑
디자이너
TEXT
Typeface
Typography
   Grid
Typeface
Typography
   Grid
TYPE FACE
  타입페이스
TYPE + FACE
 글꼴, 서체, 폰트
브랜드 서체
아이덴티티
본문용 서체
정보전달,가독성
좋은 서체의 선택
목적에 맞은 서체
여우비




     cre 쿨째즈

봄날
윤명조




       윤명조




나눔명조
RIX정고딕
폰트클럽                         윤디자인
http://www.fontclub.co.kr   http://www.yoondesign.com
TYPOGRAPHY
  타이포그래피
활판 인쇄술, 판짜기 방법
글자꼴의 디자인, 레터링,
편집 디자인, 가독성 등을
모두 포괄하는
총체적인 조형적 활동
글자를 활용한
총체적인 조형 활동
실험적
기능적
자간, 행간, 정렬
 글줄의 길이
크기, 굵기, 기울기
밑줄, 컬러, 그리드
A
B

    C
A
B

    C
크기
굵기
대비
크기
굵기
대비
자간
행간
조절
단




4단   6단
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

Mais conteúdo relacionado

Mais procurados

UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선] UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선] RightBrain inc.
 
UX 아카데미 오픈프로젝트 [쿠팡 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡 - UX/UI 개선] UX 아카데미 오픈프로젝트 [쿠팡 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡 - UX/UI 개선] RightBrain inc.
 
UX Discovery 특별호 : 미래 자동차를 위한 제언
UX Discovery 특별호 : 미래 자동차를 위한 제언UX Discovery 특별호 : 미래 자동차를 위한 제언
UX Discovery 특별호 : 미래 자동차를 위한 제언RightBrain inc.
 
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선] UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선] RightBrain inc.
 
Centrica Global DesignOps Conference 2019
Centrica Global DesignOps Conference 2019Centrica Global DesignOps Conference 2019
Centrica Global DesignOps Conference 2019Matt Gottschalk
 
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]RightBrain inc.
 
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선] UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선] RightBrain inc.
 
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트 UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트 RightBrain inc.
 
Efficient Teams Do Not Happen. They are Designed. It's called DesignOps
Efficient Teams Do Not Happen. They are Designed. It's called DesignOpsEfficient Teams Do Not Happen. They are Designed. It's called DesignOps
Efficient Teams Do Not Happen. They are Designed. It's called DesignOpsPatrizia Bertini
 
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선]
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선] UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선]
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선] RightBrain inc.
 
UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트RightBrain inc.
 
자동차 업계를 중심으로 한 Omni Channel 트렌드
자동차 업계를 중심으로 한 Omni Channel 트렌드자동차 업계를 중심으로 한 Omni Channel 트렌드
자동차 업계를 중심으로 한 Omni Channel 트렌드RightBrain inc.
 
니니즈 x 라이엇 게임즈 콜라보레이션 캠페인
니니즈 x 라이엇 게임즈 콜라보레이션 캠페인니니즈 x 라이엇 게임즈 콜라보레이션 캠페인
니니즈 x 라이엇 게임즈 콜라보레이션 캠페인ssuser17c3bb
 
2022 한양대_내셔널브랜드_ZEXTR_팀1918_최종발표.pdf
2022 한양대_내셔널브랜드_ZEXTR_팀1918_최종발표.pdf2022 한양대_내셔널브랜드_ZEXTR_팀1918_최종발표.pdf
2022 한양대_내셔널브랜드_ZEXTR_팀1918_최종발표.pdfArtcoon
 
DesignOps integrates in-house design communities (EuroIA 2022)
DesignOps integrates in-house design communities (EuroIA 2022)DesignOps integrates in-house design communities (EuroIA 2022)
DesignOps integrates in-house design communities (EuroIA 2022)Peter Boersma
 
Blackbook project on_event_management
Blackbook project on_event_managementBlackbook project on_event_management
Blackbook project on_event_managementviren patel
 
13th.Lecture.Step4.Ideation2.pdf
13th.Lecture.Step4.Ideation2.pdf13th.Lecture.Step4.Ideation2.pdf
13th.Lecture.Step4.Ideation2.pdfJeongeun Kwon
 
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)Rosenfeld Media
 
2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트MezzoMedia
 

Mais procurados (20)

UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선] UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선]
 
UX 아카데미 오픈프로젝트 [쿠팡 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡 - UX/UI 개선] UX 아카데미 오픈프로젝트 [쿠팡 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [쿠팡 - UX/UI 개선]
 
UX Discovery 특별호 : 미래 자동차를 위한 제언
UX Discovery 특별호 : 미래 자동차를 위한 제언UX Discovery 특별호 : 미래 자동차를 위한 제언
UX Discovery 특별호 : 미래 자동차를 위한 제언
 
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선] UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [토스 모바일앱 - UX/UI 개선]
 
Centrica Global DesignOps Conference 2019
Centrica Global DesignOps Conference 2019Centrica Global DesignOps Conference 2019
Centrica Global DesignOps Conference 2019
 
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
 
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선] UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
UX 아카데미 오픈프로젝트 [당근마켓- UX/UI 개선]
 
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트 UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트
UX Academy 20th 네이버지도 APP UX/UI 개선 프로젝트
 
Efficient Teams Do Not Happen. They are Designed. It's called DesignOps
Efficient Teams Do Not Happen. They are Designed. It's called DesignOpsEfficient Teams Do Not Happen. They are Designed. It's called DesignOps
Efficient Teams Do Not Happen. They are Designed. It's called DesignOps
 
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선]
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선] UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선]
UX 아카데미 오픈프로젝트 [29cm - UX/UI 개선]
 
UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트UX Academy 16th Subway UX/UI 개선 프로젝트
UX Academy 16th Subway UX/UI 개선 프로젝트
 
자동차 업계를 중심으로 한 Omni Channel 트렌드
자동차 업계를 중심으로 한 Omni Channel 트렌드자동차 업계를 중심으로 한 Omni Channel 트렌드
자동차 업계를 중심으로 한 Omni Channel 트렌드
 
니니즈 x 라이엇 게임즈 콜라보레이션 캠페인
니니즈 x 라이엇 게임즈 콜라보레이션 캠페인니니즈 x 라이엇 게임즈 콜라보레이션 캠페인
니니즈 x 라이엇 게임즈 콜라보레이션 캠페인
 
2022 한양대_내셔널브랜드_ZEXTR_팀1918_최종발표.pdf
2022 한양대_내셔널브랜드_ZEXTR_팀1918_최종발표.pdf2022 한양대_내셔널브랜드_ZEXTR_팀1918_최종발표.pdf
2022 한양대_내셔널브랜드_ZEXTR_팀1918_최종발표.pdf
 
UX Bootcamp
UX BootcampUX Bootcamp
UX Bootcamp
 
DesignOps integrates in-house design communities (EuroIA 2022)
DesignOps integrates in-house design communities (EuroIA 2022)DesignOps integrates in-house design communities (EuroIA 2022)
DesignOps integrates in-house design communities (EuroIA 2022)
 
Blackbook project on_event_management
Blackbook project on_event_managementBlackbook project on_event_management
Blackbook project on_event_management
 
13th.Lecture.Step4.Ideation2.pdf
13th.Lecture.Step4.Ideation2.pdf13th.Lecture.Step4.Ideation2.pdf
13th.Lecture.Step4.Ideation2.pdf
 
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)
Org Design for Design Orgs (Kristin Skinner at DesignOps 2017)
 
2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트2023 메조미디어 트렌드 리포트
2023 메조미디어 트렌드 리포트
 

Typeface, Typography, Grid