Share
Sign In

UI design system

시멘틱 시스템

시멘틱 태크는 (Semantic Tag)는 포함된 콘텐츠의 특정 의미를 정의하고 목적을 갖는 태그입니다. 맨틱 태그의 요소로는 <header>, <nav>, <article>, <section>, <footer>, <main> 등이 존재하고 웹 HTML에서 웹사이트 구조를 알아보기 쉽게 만들어주는 태그입니다.
이를 UI 디자인에서 시멘틱 시스템으로 전환하여 "사용방법"에 따라서 의미를 부여하는 디자인 시스템을 만들어 가고 있습니다.

Typography

DP(Density-Independent Pixels)는 UI 레이아웃을 정의할 때 레이아웃 치수나 위치를 지정하기 위해 사용하는 단위이다. → 고정된 텍스트 크기로 화면이 변화해도 고정된 텍스트 값을 제공한다.
SP(Scale-Independent Pixels)는 UI 레이아웃을 정의할 때 텍스트의 크기를 지정하기 위해 사용하는 단위이다.→ 화면크기(Screen View)에 따라서 변하는 텍스트 크기(TextView)이다.