손쉬운 머티리얼 디자인 - Material Design Lite
iTIPs/Web
2016. 6. 25. 22:08
반응형
제가 Material T 스킨을 처음 만들때에는 이런 템플릿? 툴킷? 같은 도구가 없어서
구글의 디자인 가이드라인에 따라 직접 하나씩 스타일을 만들었었는데요.
Material Design Lite 줄여서 MDL을 이용하면 아주 쉽게 머티리얼 디자인을 구현할 수 있습니다.
시작하기
쉽게는 HTML에 3줄을 추가하는 것 만으로도 MDL을 사용할 수 있습니다.
가장 쉽고 가장 많이 이용하실 방법같네요. 그밖에 직접 다운로드해서 사용하거나 빌드용, bower, NPM에서 설치하는 방법도 소개되어있습니다.
https://getmdl.io/started/index.html
.
이용할 수 있는 컴포넌트의 종류가 소개되어있습니다.
Material T 스킨에는 구현이 어려워 적용하지 못했던것들도 잘 만들어져있네요 ㅠㅠ
https://getmdl.io/components/index.html
그 밖에도 style쪽을 참고하시면 여러가지 수정 방법에 대해서도 소개되어있습니다.
TEMPLATE를 눌러보면 거의 완성된 사이트 디자인까지 있으니 머티리얼 디자인의 웹페이지 만들기가 정말 쉬워지는것 같습니다.
반응형