PART 01 피그마(Figma 시작하기
section 01 피그마의 개요
section 02 UI 디자인과 디바이스의 이해
1. UI 디자인의 이해
2. 디바이스의 이해
section 03 그래픽 표현 방식의 이해
1. 그래픽 디자인 프로그램
2. 그래픽 컬러의 이해
section 04 피그마 시작하기
section 05 피그마 인터페이스 살펴보기
PART 02 피그마 기본 도구 활용하기
section 01 도형 도구를 활용하여 제작하기
1. 작업 영역 만들기
2. 사선 만들기
3. 로고 만들기
4. 라인 만들기
5. 텍스트 입력하기
section 02 스타일과 디자인 시스템 라이브러리 관리하기
1. 작업 영역 만들기
2. 색상을 스타일에 등록하기
3. 텍스트 서식을 스타일에 등록하기
4. Effect를 스타일에 등록하기하기
5. Grid를 스타일에 등록하기
PART 03 피그마로 실무 디자인 시작하기
section 01 음악 스트리밍 앱 화면 제작하기
1. 헤더 만들기
2. 메인 컨텐츠 영역 만들기
3. 플레이 버튼과 더 보기 아이콘 제작하기
section 02 랜딩 페이지 디자인 제작하기
1. 메인 이미지 영역 만들기
2. 여행 소개 페이지 만들기
3. 배너 만들기
PART 04 피그마 핵심 기능 활용하기
section 01 디자인 시스템 생성 및 관리
1. 디자인 시스템 파일 불러오기
2. 타이포그래피 시스템 만들기
3. 그리드 시스템 만들기
section 02 아카데미 웹디자인 프로젝트 제작
1. 데스크탑 반응형 코딩학원 웹디자인 제작하기 기본 레이아웃 설정하기
2. 헤더 만들기
3. 메인 비주얼 영역 만들기
4. 메인 콘텐츠 영역 만들기 01 : 제목 영역 만들기
5. 콘텐츠 영역 만들기 02 : 제목 영역 만들기
6. 콘텐츠 영역 만들기 03
7. 배너 영역 만들기
8. footer 만들기
9. 디자인 결과물 Export 하기
PART 05 베이커리
특징
피그마는 웹 기반의 강력한 UI/UX 디자인 툴로, 팀원 간의 협업과 실시간 작업이 가능하여 편리 한 디자인 환경을 제공합니다.
별도로 설치하지 않아도 웹 브라우저에서 바로 사용할 수 있습니다.
디자이너뿐만 아니라 기획자, 개발자 등 다양한 직군이 함께 프로젝트를 진행할 수 있도록 최적화되어 있습니다.
