아이티고

강좌검색

  • 강좌검색
  • 질문검색
    최근 검색어 자동저장 전체삭제
    여기를 클릭하면, 샘플강의가 재생됩니다.
    강좌코드 : GR_P050419
    강사사진
    김기민 강사
    • - 건국대
    • - LG전자, 금융투자협회 등 프로젝트
    • - 다수의 저서
    • - 직업훈련학교 강사

    Figma(피그마) 실전, 완성도 높은 상세 페이지 디자인
    담당강사 : 김기민

    강의구성 총 6강좌 (강의시간 : 총 ) 권장 수강기간 30일
    강의형식 동영상 증빙서류 이 강좌의 80% 이상 수강 시
    출력이 가능합니다.
    과정소개
    · Figma의 기본 인터페이스와 주요 기능을 익히고, 프레임과 도형, 텍스트 등 기본 도구를 활용하여 디자인 작업의 기초를 체계적으로 학습합니다. · 스타일과 오토 레이아웃 기능을 이해하여 일관성 있는 디자인 시스템을 구축하고, 효율적인 레이아웃 구성 방법을 습득합니다. · 오토 레이아웃과 컴포넌트 기초를 실습하며 재사용 가능한 UI 요소 제작 방법을 익히고, 실무에서 활용되는 구조적인 디자인 설계 능력을 향상시킵니다. · 간단한 웹페이지 예제를 단계적으로 제작하면서 실제 상세 페이지 디자인 흐름을 이해하고, 완성도 높은 화면 구성 방법을 실습합니다. · 웹페이지 제작 실습을 통해 디자인 요소 배치, 정렬, 스타일 적용 등 실무 중심의 작업 과정을 경험하며, Figma를 활용한 상세 페이지 제작 역량을 강화합니다.
    학습목표
    · Figma의 기본 인터페이스와 주요 도구를 이해하고, 프레임과 도형, 텍스트 기능을 활용하여 기본적인 화면을 설계하고 제작할 수 있습니다. · 스타일과 오토 레이아웃 기능을 활용하여 일관성 있는 디자인 요소를 구성하고, 효율적인 레이아웃을 설계할 수 있습니다. · 오토 레이아웃과 컴포넌트 기초 기능을 적용하여 재사용 가능한 UI 요소를 제작하고 체계적인 디자인 구조를 구성할 수 있습니다. · 간단한 웹페이지 예제를 단계적으로 제작하며 화면 구성 원리를 이해하고, 실제 상세 페이지 형태의 디자인을 완성할 수 있습니다. · 다양한 디자인 요소의 배치와 정렬, 스타일 적용 방법을 실습을 통해 익히고, Figma를 활용한 웹페이지 및 상세 페이지 디자인 작업을 수행할 수 있습니다.
    교육대상
    · Figma의 기본 기능과 UI 디자인 제작 과정을 체계적으로 배우고 싶은 초중급 학습자 · 웹 및 모바일 인터페이스 디자인을 처음부터 실습 중심으로 익히고자 하는 예비 디자이너 및 콘텐츠 제작자 · 컴포넌트, 오토 레이아웃, 반응형 레이아웃 등 실무 중심 UI 설계 방법을 배우고 싶은 디자이너 · Figma AI 기능과 플러그인을 활용한 디자인 자동화와 효율적인 작업 방식을 익히고 싶은 크리에이터 및 기획자
    차시별 학습목표
    01. Figma의 인터페이스와 기본 작업 환경을 이해하고 기본 도구를 사용할 수 있다.
    02. 스타일과 오토 레이아웃 기능을 이해하고 일관성 있는 디자인 요소를 구성할 수 있다.
    03. 오토 레이아웃과 컴포넌트 기능을 활용하여 재사용 가능한 UI 요소를 제작할 수 있다.
    04. 웹페이지 기본 구조를 이해하고 주요 영역을 설계할 수 있다.
    05. 웹페이지 세부 요소를 구성하여 하나의 완성된 페이지를 제작할 수 있다.
    06. 상세 페이지 구성 요소를 이해하고 실제 형태의 상세 페이지를 제작할 수 있다.
    참고사항
    - 수강 기간 중 언제든지 반복 수강이 가능합니다.
    - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
    - 수강 신청 완료 후 수강할 수 있습니다.
    - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
    강좌 리스트
    01. Figma 시작하기 [32:24]
    02. Figma의 스타일과 오토 레이아웃 [34:38]
    03. 오토 레이아웃과 컴포넌트 기초 [29:43]
    04. 간단한 웹페이지 예제 제작1 [35:30]
    05. 간단한 웹페이지 예제 제작2 [25:47]
    06. 간단한 상세 페이지 예제 제작 [38:46]
    1:1
    문의