04. [KOSTA] 디자인 시스템 및 반응형 UI

디자인 시스템

UI와 UX

foundation이 있다. (텍스트, 아이콘, 여백, 색상, 이미지)

foundation이 모이면 component가 된다. component가 모여서 page가 된다.

반복되는 UI 요소들을 통일하여 일관성 있게 만들면 좋은 UX 제공할 수 있다.

디자이너 마다 디자인 조금씩 다를 수 있고 이미 있는 컴포넌트 모르는 경우 있어서 시스템으로 만드는게 좋다.

어떤 색 위에 잘 보이는 색은 on어쩌구로 만들면 좋음

다양한 플랫폼에서 UI 구현

이거를 설치해서 하면 아주 좋다.

다른 방법으로는 Chrome 브라우저에서 디바이스 크기 바꿀 수 있는데 이것을 이용해도 된다.

tip

expand region extension 설치하기