Material Design Guide를 참고하여 강의에서 배운 컴포넌트를 심도있게 학습해봅시다.
1.
PPT 보다 쉬운 피그마 강의를 수강하며 컴포넌트가 무엇인지 이해해봅시다.
2.
아래 북마크를 통해 Material Design의 컴포넌트 탭으로 접속합니다.
3.
아래 내용들을 순서대로 확인하고, 공부해봅시다.
•
Actions
•
Communication
•
Containment
•
Navigation
•
Selection
•
Text inputs
[공부방법]
1.
피그마를 엽니다.
2.
컴포넌트 만들기라는 페이지 또는 프로젝트를 하나 생성합니다.
3.
먼저, 각 탭의 내용을 정독 후에 정리합니다.
4.
각 탭에 있는 예시를 피그마를 통해 직접 만들어봅니다.
5.
만든 예시는 3번에서 진행한 내용 정리와 함께 피그마에 가지런히 정리해봅시다.
[추가 공부]
방법 1 : 내가 만들고 싶은 컴포넌트 종류를 하나 선정하고, 다양한 웹사이트에서 선정한 컴포넌트를 찾아 직접 제작까지 해봅시다.
방법 2 : 내가 선정한 사이트를 분리하여 컴포넌트 종류대로 나열하고, 이를 제작해봅시다.
•
작업 시 강의에서 배운 내용을 적용하며 익숙해질 수 있도록 해봅시다.
◦
Material Icon 활용
◦
자주 쓰는 스타일 지정 (color, text, effect)
•
추가로 오토 레이아웃도 적용해 봅시다.
[클론 디자인 관련 공지 스레드]
* 추가 공부를 할 때 만들어 보면 좋을 사이트 몇 가지를 추천해드립니다.
