[UXUI 실무 용어] 마이크로사이트 / 타이포그래피 / 색상 / RGB / CMYK

‣명칭 : 마이크로사이트 Microsite

‣의미 : 웹사이트 내부의 독립적인 미니사이트를 의미.

‣설명 : 대형 웹 사이트의 일부. 미니사이트라고도 한다. 객체 분리를 위해 사용되며, 홈 페이지처럼 별도의 웹 주소를 갖는다.

(삼성전자 사이트 내의 갤럭시 독립 사이트)

---

‣명칭 : 타이포그래피 Typography

‣의미 : 글자에 옷을 입히는 것 / 글자로 디자인하는 것

‣설명 : typo(인상) + grapheia(쓰기) : 글자쓰기를 통해, 인상(시각적 이미지)을 만드는 것 

*웹/앱에서 폰트 사용시 주의점 : 한글폰트는 사각형 틀 사용, 영어폰트는 원형 틀을 사용함

-> 간격 설정값 : 한글 폰트 > metrics, 영문 폰트 > optical -> 안 맞추면, 글자 간격 차이 발생. -> "optical"로 통일시키는 것도 좋은 방법!

---

‣명칭 : 색상 Hue

‣의미 : 컬러 색체의 속성

‣설명 : 색체 - 가장 직접적인 시각 언어

 

: 명도(value) - 색의 밝고 어두운 정도. 

*명도의 단계 - 흰색 > 순색 > tone > 검은색 

: 채도(saturation) - 색상의 맑고 탁함의 강도(색의 선명함) 진하다 <-> 흐리다

 

명도가 높다 = 밝다

명도가 낮다 = 어둡다

채도가 높다 = 선명하다 / 쨍하다

채도가 낮다 = 탁하다 / 어둡다

 

TMI : 

퍼스널 컬러

봄 웜톤 - 채도 높다 / 명도 높다

가을 웜톤 - 채도 낮다 / 명도 낮다

 

여름 쿨톤 - 채도 낮다 / 명도 높다

겨울 쿨톤 - 채도 높다 / 명도 낮다

---

‣명칭 : RGB 모델

‣의미 : 빨간색 & 초록색 & 파란색 : 빛(색광)의 3원색 -> 혼합하여, 모든 색을 만들어 낼 수 있다.

‣설명 : 빛을 혼합할수록 색의 명도(value 색의 밝기)가 높아지는 가산혼합 모델 / addtive 첨가물

---

‣명칭 : CMYK 모델

‣의미 : 청록색(cyan) + 마젠타(magenta) + yellow + black, 색료(물감)의 혼합

‣설명 : subtractive, 감산 혼합 

: 색을 더할수록 명도가 낮아지며, 순수 black을 만들 수 없어, 따로 공급이 필요함.

*CMYK 4색 잉크등 주로 인쇄 디자인에 사용됨.

 

TMI : 

색의 역할

1)시선을 사로잡는다. 

*색 > 그림(핵심메세지) > 도안(형태) > 로고 >글자(핵심메세지)

 

2) 시선을 유도한다(명도)

3) 시선에 의해 포착된 이미지를 기억시킨다.