디자인 왜 해야할까
앱 개발을 잘하는 것도 중요하지만 서비스 개발에서 가장 효과적인 것은 디자인이라고 한다 -> 인간은 시각적 동물이기 때문에, 그래서 디자인이 중요!
타이포그래피란?
TYPO + GRAPHY -> typos + graphia -> impression + writing = 글쓰기에 인상을 준다, 글씨를 다루는 법
Baseline -> 많은 연산은 베이스라인 기준으로 된다.
X-height
Ascender
Descender
TYPEFACE - 느낌과 인강이 비슷한 글자들의 모임, 글꼴, 글자체, 서체 라고 불림
Sans Serif vs Serif -> Serif 없다 vs Serif 있다
Serif는 삐침
WEIGHT - 글자의 두께가 바뀌더라도 폰트사이즈는 똑같음, 로만이 기준임, 글씨의 인상을 좌우한다.
Size - 어센더와 디센더 사이의 크기를 말함
ITALIC / OBLIQUE
둘다 기울임 ->
이탤릭 - 이탤릭 만의 스타일로 바꾸고 기울임
오블릭 - 기울기만 적용
MONOSPACE
모노스페이스는 글자간격이 모두 똑같음
CONDENDSED - 문자열을 압축, 좀더 좁게 나옴
TYPEFACE vs FONT
-
Font - 납활자 시기에는 한 타입페이스의 활자 묶음을 의미했으나, 디지털 시대에는 한 타입페이스가 답겨 있는 "파일"을 뜻함
-
Tpyeface - 문자의 다자인
FAMILY
font-family
EX) Helvetica Uitralight Oblique 이런식으로 한 타입페이스의 묶음
왠만하면 폰트 페밀리에있는 속성부터 건드리는게 맞다
글꼴 모음은 공통 디자인을 가진 글꼴 집합입니다. 그러나 패밀리 내의 글꼴은 굵기(가벼움, 보통, 굵게, 반 굵게 등)와 사선(로마 또는 직립, 이탤릭 및 사선)과 같은 스타일이 서로 다릅니다. 글꼴 패밀리의 예로는 동일한 서체의 로마자, 이탤릭체, 볼드체 및 볼드체 이탤릭체 버전으로 구성된 Times New Roman이 있습니다.
BASIC PRINCIPLES
타이포그래픽의 목적
텍스트 가독성의 향상, 제일 중요하다
READABLILTY vs LEGIBILITY
가독성 vs 이독성
텍스트를 일고 이해가 쉬운 정도 vs 개별 글자를 판독하기 좋은 정도
Kerning
글자와 글자 사이 : 자간
Leading (레딩)
글줄 사이
Line Length
글줄 길이
길이가 길면 읽기가 힘듬, 본문의 경우 30-50 글자가 적당함
타입페이스를 고르는 목적
헤드라인용 - 특이한 글자, 어그로 끌기용!
본문용 - 일반적인 글자, 가독성이 중요
SPACING
글자사이 < 글줄사이 < 문단사이
SIZING
본문 < 중제목 < 대제목
라이선스 관련
무료폰트라고 공개된 것도 약관을 잘 읽어보면, 변형을 가해선 안된다, 어디에 탑재한다, 이런게 안된다는 것이 있음 -> 굉장히 위험함
