UI 정복기 - 1편 : 컴포넌트란

 

UI 컴포넌트란?

UI컴포넌트란 웹, 모바일 화면에서 각 기능을 구성하는 최소의 단위이다. 이 최소의 단위들이 모여 하나의 페이지가 되고 페이지들이 모여 하나의 서비스가 된다. 음.. 사람으로 따지면 세포와 같다고 할 수 있다. 좋은 컴포넌트란 재사용될 수 있어야 하며, 어떤 경우에서도 사용자들이 동일한 기능으로 인식할 수 있어야 한다. 

 

 

UI 컴포넌트의 특징

재사용이 가능해야한다.

한번 사용하고 버려질 요소는 좋은 컴포넌트라고 할 수 없다. 지속적으로 사용하게 될 요소일 때 진정한 UI 컴포넌트로써 가치가 있다.

 

일관성과 통일성이 있어야 한다.

컴포넌트들을 모아뒀을 때 어느 하나가 튀거나 특이해서는 안된다. 

 

보편적이 여야 한다.

누구나 이해하기 쉽도록 보편적인 사용 규칙에 의해 제작되어야 한다.

 

 

UI 컴포넌트의 종류

웹과 모바일 서비스의 역사가 깊은 만큼 다양한 UI 컴포넌트들이 있는데 이는 크게 3가지로 분류하여 나눌 수 있다.

1. Navigation(탐색) :  정보를 탐색할 때 사용됨
2.Input(입력) : 정보를 입력할 때 사용됨
3.information(정보) : 정보를 전달하기 위해 사용됨

 

각 서비스마다 사용되는 기능이 다르기 때문에 모든 컴포넌트를 사용할 필요는 없다.

하지만 필수적인 몇몇 요소들은 좀 더 심도있게 살펴볼 필요가 있다. 

 

 

 

참고

https://brunch.co.kr/@blckschrl/66

https://velog.io/@ka0son/Design-UI-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EC%A2%85%EB%A5%98-%EB%B0%8F-%ED%8A%B9%EC%A7%95#-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EB%9E%80