Material Design이란 구글에서 개발한 오픈소스 디자인 라이브러리이다. 웹, 모바일, 윈도우 개발자들은 Material Design 라이브러리를 이용하여 예쁘게 디자인 된 컨트롤러를 적용하여 사용자들에게 아름답고 일관된 UI화면을 제공할 수 있다.
Material Design 사용하는 이유
필자의 경우 모바일 프로그래밍 또는 윈도우 프로그래밍 할 때 기본적으로 제공되는 UI Compoents를 사용하지 않고 Material Design UI에서 제공되는 라이브러리를 이용하여 제작한다. Material Design의 Control들은 Base Control 기능을 그대로 상속 받기 때문에 기능적으로는 동일하지만 아름다운 UI를 사용할 수 있게 된다. 이 외에 사용하는 이유가 많다.
디자인 아름다움 위의 이미지는 Material Design에서 제공되는 Button이미지이다. 프로그래밍 상에서 제공되는 기본 버튼은 위의 Material Design에서 제공되는 버튼과 같이 동그랗게 만들거나 아이콘을 넣는 방식이 상당히 까다롭다. 예를 들어 버튼에 아이콘을 넣을 때, 마우스가 Over 되었을 경우 마우스가 클릭 했을 경우 이미지를 다 따로따로 따서 넣어 줘야 한다. 하지만 Material Design에서는 마우스가 Over되어거나 클릭 했을 때의 이미지를 고려해주지 않아도 자동으로 아름답게 반영이 되어있다.
주기적인 업데이트 라이브러리를 선정할 때 가장 중요한 요소 중 하나는 주기적인 업데이트 기능을 지원 해야 한다. 주기적인 업데이트는 새로운 기능을 제공하고, 오류 발생 시에 업데이트가 되어 빠르게 문제점을 해결할 수 있게 된다. 만약 주기적인 업데이트가 되지 않는다면, 오류가 발생하여도 해결할 수 없어 사용자에게 불편함이 생겨 프로그램 사용율이 떨어질 것이다.
멀티 플랫폼 지원 Material Design은 윈도우, 모바일, 웹 등 멀티플랫폼을 지원한다. 만약 하나의 프로젝트가 멀티플랫폼을 지원해야 하는 경우, 동일한 디자인으로 제작할 수 있기 때문에 사용자의 불편함을 덜어줄 수 있고, 개발자 또한 편하다.
쉬운 사용법 코딩을 처음 시작하는 초보도 쉽게 사용할 수 있도록 되어 있다. 참고 코드 정리도 잘 되어 있어 원하는 컨트롤러를 쉽게 붙이고 사용할 수 있다.
다양한 아이콘 사용 아이콘 모양은 제작자에 따라 대부분 저작권이 있다. 그래서 내가 사용하고자 하는 아이콘이 저작권에 문제가 되지는 않는지, 상업적으로 사용은 가능한지 고려해야 하는 까다로움이 있다. 하지만 Material Design 라이브러리는 아이콘을 무료로 사용할 수 있기에 저작권 문제 없이 사용이 가능하다.
무료 라이브러리 강력한 디자인을 제공하는 Material Design은 무료로 그리고 상업적으로도 사용이 가능하다. 라이브러리에 대한 정기적인 결제도 필요하지 않으며, 라이브러리 라이센스 기간 만료 걱정도 없다.
Material Design 예제 코드
Material Design의 오픈 소스 라이브러리 링크이다. 링크 주소로 이동하여 예제 코드를 다운 받아 실제로 어떻게 동작 되고, Control들은 무엇이 있는지 확인해보자.
