레이아웃(Layout) 정의, 종류, 그리드(Grid) 활용
레이아웃(Layout) 정의, 종류, 그리드(Grid) 활용 1. 레이아웃(Layout) 정의 레이아웃(Layout) 주어진 지면 안에 글자, 이미지, 컬러 등의 디자인 요소를 구성하고 배치하는 행위 잡지, 메뉴판, 휴대폰, 패키지 등 제한된 지면(공간) 안에 요소 배치하는 것 2. 레이아웃 종류 침실 배치 침실 방을 배치하는 것과 같이 잠을 자기 위한 한 가지 목적으로 사용하는 공간 주어진 지면(집) 안에 디자인 요소 배치(침실) ex) 집중해서 읽어야 하는 책, 소설책 등의 레이아웃 → 화려한 디자인 변화를 추구하지 않고, 가독성이라는 한 가지 목적을 추구하여 정제된 디자인 형태를 가짐 거실 배치 거실은 친구를 만나거나 가족과 이야기하는 등 다채로운 공간이기 때문에 한 가지 목적만을 가지고 있지 않음..
2024. 3. 28.
글자의 배치와 배열, 그룹핑, 간격
글자의 배치와 배열, 그룹핑, 간격 1. 글자의 배치와 배열 타이포그래피는 배치, 배열을 통해 정보 전달을 해야 함 하나의 화면 안에 정보를 어떻게 배치해 효과적으로 전달할 것인가? A 그룹: 이름 B 그룹: 이메일, 전화번호 C 그룹: 주소 첫 번째 명함 B그룹(이메일, 전화번호)이 A그룹(이름)에 속하는지, C그룹(주소)에 속하는지 모호함 동일한 간격으로 인해 강조하고자 하는 내용이 무엇인지 명확하지 않음 두 번째 명함 B그룹(이메일, 전화번호)을 C그룹(주소)에 가깝게 배치할 경우, 이름이 더 강조되는 효과 발생 간격 차이를 많이 둘수록 더욱 강조됨 세 번째 명함 A그룹(이름)과 B, C그룹(이메일, 전화번호, 주소)으로 두 개의 축이 존재 글자 색상, 크기 등에 변화를 주지 않고 배치, 배열만으로..
2024. 3. 27.
자간, 단어 사이, 트래킹, 커닝 정의, 커닝과 자간 차이점
자간, 단어 사이, 트래킹, 커닝 정의, 커닝과 자간 차이점 1. 자간, 단어 사이, 트래킹 대문자(Upper Case) 소문자(Lower Case) 자간(letter space) 글'자'와 글자 사이의 '간'격 → 자간 전체 글자를 일정하게 조절함 ex) 'y'와 'p' 사이 간격 단어 사이(word space) 단어와 단어 사이 간격 ex) 'Type' 단어와 'fx' 단어 사이 트래킹(tracking) 자간(글자와 글자 사이) + 단어 사이(단어와 단어 사이) = 트래킹 글자와 글자 사이, 단어와 단어 사이를 총칭하는 것 글자와 글자 사이 또는 단어와 단어 사이 간격을 조절, 수정하는 것 = 트래킹 한다 2. 커닝 커닝(Kerning) 특정 글자 사이의 간격을 조절하는 것 여러 글자를 일괄 조절하는..
2024. 3. 25.
