인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Figma 디자인부터 퍼블리싱까지

디자이너와 개발자를 위한 올인원 강좌! 새로운 UI3 반영

Thumbnail

초급자를 위해 준비한
[UX/UI, 웹 퍼블리싱] 강의입니다.

이런 걸 배울 수 있어요

  • Figma 설치부터 주요 기능까지 빠르게 익혀 바로 실무에 적용할 수 있습니다.

  • 타이포그래피, 버튼, 입력요소 디자인을 통해 사용자 친화적인 인터페이스를 설계하는 기본 원칙을 배우고 실습합니다.

  • 반응형 웹과 스타일 가이드를 효율적으로 구성하는 법을 익힙니다.

  • Figma의 유용한 플러그인 활용 방법을 익힙니다.

  • Figma에서 만든 디자인을 HTML, CSS로 구현합니다.

Figma 디자인부터 퍼블리싱까지(UI3 대응)

  • 디자이너와 개발자를 위한 올인원 강좌

  • 2024년 하반기 업데이트 된 UI3 대응

이론과 실습을 통한 디자인 설계부터 반응형 웹 퍼블리싱까지

타이포그래피를 활용한 웹 배너

웹 타이포그래피의 기본을 이해하고 이를 응용한 웹 배너를 제작합니다.

그리드 레이아웃

그리드 시스템을 활용하여 홈페이지 레이아웃을 설계하고 디자인 할 수 있습니다.

컴포넌트 기반의 UI 제작

피그마의 강력한 기능중 하나인 컴포넌트 기능으로 UI를 쉽게 제작하고 관리할 수 있습니다.

반응형 홈페이지 프로토타입 제작

피그마로 디자인한 시안을 인터랙션을 적용하여 테스트 할 수 있으며 실제 코드로 구현해 봅니다.

이 강의를 마치면 디자인 도구인 Figma를 능숙하게 다룰 수 있을 뿐만 아니라, HTML/CSS로 디자인을 구현하여 실질적인 웹 프로젝트를 완성할 수 있습니다.

주요 학습 내용

Figma 기초(UI3 update)

2024년 후반 업데이트 된 UI3를 반영하여 주요 기능들을 빠르게 익혀 바로 실무에 적용할 수 있습니다.

UI 디자인 기초

타이포그래피, 버튼, 입력요소 디자인을 통해 사용자 친화적인 인터페이스를 설계하는 기본 원칙을 배우고 실습합니다.

협업 기능

작업자 간에 작업물을 공유하고 커맨트 기능으로 즉각적인 소통이나 컨펌하는 방법을 실습을 통해 다룹니다.

Variable와 Style

체계적이고 일관성 있는 디자인 관리를 위한 Variable(변수)과 Style기능을 같이 활용할 수 있습니다.

반응형 레이아웃

반응형 웹과 스타일 가이드를 효율적으로 구성하는 법을 익힙니다.

반응형 웹 퍼블리싱(HTML, CSS)

초보자들을 위한 HTML, CSS 핵심 요약 강좌를 제공하며, Figma에서 만든 디자인을 완벽한 웹 페이지로 변환하는 방법을 점진적으로 습득할 수 있습니다.

실습 환경

  • 운영 체제 및 버전(OS): Windows 10 이상, macOS 11(Big Sur) 이상 권장

  • 브라우저: Edge, Chrome 등 크로미엄 호환 브라우저, Safari(Mac OS Big Sur 이상)

  • 사용 도구: Visual Studio Code

  • PC 사양: 메모리 8GB 이상

학습 자료

  • 단원별 학습노트에 주요 자료 제공

  • 코드는 Github를 통해 제공

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 초보 디자이너: Figma와 퍼블리싱을 처음 시작하려는 분

  • 화면 설계와 프로토타이핑 등의 작업을 원할하게 하고자 하는 기획자

  • 현업 디자이너: 웹 퍼블리싱 역량을 강화하고 싶은 분

  • 개발자: 디자인 이해도를 높이고, 퍼블리싱 스킬을 향상시키고 싶은 분

선수 지식,
필요할까요?

  • 포토샵이나 html, css 기초를 조금 알면 도움이 됩니다.

안녕하세요
Michael Kwon입니다.

114

수강생

9

수강평

10

답변

5.0

강의 평점

3

강의

스타트업에서 멀티미디어 콘텐츠 크리에이터로 입문하여 한 분야에만 머물지 않고 게임과 웹, 멀티미디어 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했습니다. 대학에서 디지털 미디어와 영상학을 전공했으며 주요 교육기관에서 웹 디자인과 프론트엔드 개발 및 미디어 교육(10년 이상) 등을 진행하면서 튜토리얼도 제작하고 있습니다.

- 저서 -

자바스크립트 프로젝트북(한빛미디어,2017)

더보기

커리큘럼

전체

50개 ∙ (7시간 54분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!