본문 바로가기

시각 디자인25

글자의 배치와 배열, 그룹핑, 간격 글자의 배치와 배열, 그룹핑, 간격 1. 글자의 배치와 배열 타이포그래피는 배치, 배열을 통해 정보 전달을 해야 함 하나의 화면 안에 정보를 어떻게 배치해 효과적으로 전달할 것인가? A 그룹: 이름 B 그룹: 이메일, 전화번호 C 그룹: 주소 첫 번째 명함 B그룹(이메일, 전화번호)이 A그룹(이름)에 속하는지, C그룹(주소)에 속하는지 모호함 동일한 간격으로 인해 강조하고자 하는 내용이 무엇인지 명확하지 않음 두 번째 명함 B그룹(이메일, 전화번호)을 C그룹(주소)에 가깝게 배치할 경우, 이름이 더 강조되는 효과 발생 간격 차이를 많이 둘수록 더욱 강조됨 세 번째 명함 A그룹(이름)과 B, C그룹(이메일, 전화번호, 주소)으로 두 개의 축이 존재 글자 색상, 크기 등에 변화를 주지 않고 배치, 배열만으로.. 2024. 3. 27.
세리프와 산세리프 정의, 알파벳 각부 명칭, 글꼴 변화 과정 세리프와 산세리프 정의, 알파벳 각부 명칭, 글꼴 변화 과정 1. 세리프와 산세리프 세리프(Serif) 장식 있는 글꼴 획의 끝이 꺾여있거나 돌출된 글꼴 한글 명조체 우아하고, 부드러운 느낌 산세리프(San-Serif) 장식이 없는 글꼴 한글 고딕체 기계적이고 단단한, 기하학(점, 선, 면 등 수학적)적인 느낌 2. 알파벳 각부 명칭 ear(이어) 알파벳 'g'의 위쪽과 같이 튀어나온 부분 tail(테일) 꼬리와 같이 길게 대각선 아래로 뻗은 부분 foot(풋) 바닥에 붙은 하단 끝부분 stem(스템) 길게 쭉 뻗은 부분 terminal(터미널) 맺어 있는 끝 부분 획의 끝 부분 붓으로 그렸을 때 뭉치는 부분 stress(스트레스) 둥그런 획에서 굵기가 바뀌는 두 지점을 연결한 축의 기울기 중심축의 기울.. 2024. 3. 26.
글줄사이, 글자 가로너비, 영어와 한글 가로너비 차이점 글줄사이, 글자 가로너비, 영어와 한글 가로너비 차이점 1. 글줄사이 글줄사이(line space) 행간(행과 행 사이의 간격) 베이스라인과 베이스라인 사이의 간격 단위는 포인트(pt) 사용 글자크기(Type Size) 어센더라인(위로 뻗쳐 나간 끝부분 라인)과 디센더라인(아래로 내려간 끝부분 라인) 사이의 간격 (어센더라인 ~ 디센더라인 간격 + 일정 여유 간격을 포함한 것) 세로선 높이 측정 단위는 포인트(pt) 사용 글자크기 < 행간 크기 → 가독성 좋음 바디(body)는 네모 박스 안에 들어간 하나의 글자를 의미함 바디(body)의 세로 크기 = 글자크기 레딩(leading) 첫 글줄과 다음 글줄 사이의 간격(베이스라인 기준 X) 글줄높이(line-height) 글자크기 + 레딩 = 글줄높이 2... 2024. 3. 26.
자간, 단어 사이, 트래킹, 커닝 정의, 커닝과 자간 차이점 자간, 단어 사이, 트래킹, 커닝 정의, 커닝과 자간 차이점 1. 자간, 단어 사이, 트래킹 대문자(Upper Case) 소문자(Lower Case) 자간(letter space) 글'자'와 글자 사이의 '간'격 → 자간 전체 글자를 일정하게 조절함 ex) 'y'와 'p' 사이 간격 단어 사이(word space) 단어와 단어 사이 간격 ex) 'Type' 단어와 'fx' 단어 사이 트래킹(tracking) 자간(글자와 글자 사이) + 단어 사이(단어와 단어 사이) = 트래킹 글자와 글자 사이, 단어와 단어 사이를 총칭하는 것 글자와 글자 사이 또는 단어와 단어 사이 간격을 조절, 수정하는 것 = 트래킹 한다 2. 커닝 커닝(Kerning) 특정 글자 사이의 간격을 조절하는 것 여러 글자를 일괄 조절하는.. 2024. 3. 25.

티스토리툴바