Thumbnail
디자인 UX/UI

UIUX 포트폴리오 Part.1 - Figma(피그마) 깊이 있게 배우기 대시보드

(4.8)
9개의 수강평 ∙  187명의 수강생
74,800원

월 14,960원

5개월 할부 시
지식공유자: LIZ.B
총 56개 수업 (6시간 50분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

입문자를 위해 준비한
[UX/UI] 강의입니다.

figma의 사용법에 대해 공부하고 앱 UIUX 포트폴리오를 만들어봅니다.

✍️
이런 걸
배워요!
Figma 기초 부터 실무까지
figma 사용법
UIUX 관련 용어
UIUX 디자인 프로세스
figma로 만드는 앱 화면 디자인
figma 핵심 기능 - auto layout / components / frame / plugin

요즘 대세 툴, 피그마를 사용해서
UI/UX 포트폴리오를 만들어보는 실습 강의! 🎨

UIUX 기획 및 디자인 프로세스를 익히고, Figma를 통해 UI/UX 포트폴리오를 만들어봅니다. 
프로젝트를 통해 여러분만의 포트폴리오를 만들어보세요.

Part.1부터
차근히 시작해요.

강의에서 직접 배우는 실습 내용입니다!

UI/UX의 기본 개념과 진행프로세스 그리고 Figma에 대한 전반적인 내용을 익히고 이를 통한 프로젝트로 어플리케이션의 화면디자인과 프로토타이핑을 진행합니다. 피그마 입문 디자인, 프로토타입, UI/UX design process를 배워봐요!

오프라인 수업에서 학생들이 피그마를 배우기 어렵다는 의견이 많았고, auto layout이나, component 등의 기능들에 대한 활용도가 낮아 좀 더 익숙하고 잘 활용할 수 있도록 수업을 만들게 되었습니다. 또한 Figma의 전반적인 기능을 익히고, 앱화면을 디자인해보면서 프로토타입을 진행합니다.

지식공유자가 생각하는 수강생 유형

UI/UX 입문자

포트폴리오가 필요한 분

디자이너로 취업을 원하시는분


[이 강의만의 특징]

  • UI/UX가 무엇인지 주로 사용되는 단어와 진행 프로세스에 대해 배웁니다.
  • 초보자에 초점을 맞춘 강의를 진행합니다.
  • 다양한 예제로 실습을 진행합니다.
  • 포트폴리오로 사용할 수 있는 UIUX 포트폴리오 템플릿을 가져가실 수 있습니다.
  • Figma를 해부한다고도 볼수 있게 디테일한 강의를 진행합니다.

[이 강의를 들은 수강생은]

  • UI/UX의 용어와 진행 프로세스에 대해 익숙해 질 수 있습니다.
  • figma를 능숙하게 다루게 되며, 만들고자 하는것들을 쉽게 만들 수 있습니다.
  • 포트폴리오로 사용할 수 있는 앱 UI/UX 포트폴리오 템플릿을 이용해 나만의 포폴을 만들수 있습니다.

학습 내용 📚

  • UI/UX 용어 및 프로세스에 대해 공부합니다.
  • 피그마 기초부터 실습 까지 이론 수업과 더불어 간단한 실습을 포함됩니다.
  • Figma의 핵심인 auto layout component 사용법, frame, plugin 등 다양하고 강력한 툴에 대해 학습하실 수 있습니다.
  • 수업자료는 PDF로 공유해드립니다.
  • 실습으로 진행하는 프로젝트의 내용은 피그마 원본 파일 공유해드립니다.
  • 프로젝트를 통해 함께 만들어본 작업자료를 활용해 여러분만의 어플리케이션 화면 디자인을 진행해볼 수 있습니다.

+) 추후 연결해 들을수 있는 강의입니다.

Part.2 강의
Part.3 강의

예상 질문 Q&A 💬

Q. 다른 프로그램도 있을텐데 왜 꼭 Figma를 배워야 하나요? 

다양한 프로토타입이 있지만, 접근성(프로그램 무설치)이 쉽고, 무료(일부 유료)이고, 무한기능을 갖고 있는 figma가 알만한 사람은 아는 대세이기 때문입니다. 다른 툴도 사용해 보시면 차이점을 느끼실 수 있을거예요.

Q. 포트폴리오로 사용할 수 있나요?

저작권 때문에 템플릿 화면을 동일하게 사용하시면 안됩니다. 색상, 폰트, 중요한 내용을 변경해서 사용하셔야 합니다.

Q. 이 강의를 이용해서 사이트 구축까지 할 수 있나요? 

Part 1부터 3까지 연결되어있는 수업이라고 보시면 됩니다. 1장에서는 앱 화면 디자인을 하고, 2장에서는 그 내용을 풀어서 UI/UX 포트폴리오를 만듭니다. 그리고 마지막 3장에서는 1, 2장을 토대로 웹 사이트 구축을 하는 것입니다.

수강 전 참고사항 🛠️
  • 사용도구 : 크롬 브라우저, figma desktop 앱
  • 제공하는 학습 자료 형식 :  수업 자료 pdf, 프로젝트 실습 figma파일 공유

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
UIUX 포트폴리오가 필요한사람
figma를 배우고 싶은사람
어플리케이션 디자인을 공부하고 싶은 분
figma 고급기능을 학습하고 싶은 분
UIUX 디자인 프로세스가 궁금하신 분
📚
선수 지식,
필요할까요?
컴퓨터와 집중력만 있으면 되요~

안녕하세요
LIZ.B 입니다.
LIZ.B의 썸네일

지식공유자의 오프라인 국기과정의 수강평 보기

"반응형 웹디자인 양성 과정" 수강후기 바로가기
(2022.03-2022.07)

3월부터 현재까지 길다면 길고 짧다면 짧은 시간이었겠지만 제 인생에선 정말 중요하고 값진 기간이었던 것 같습니다. 사전에 지식은 어느정도 있긴 했지만, 어떻게 해야할지, 어떤 방향으로 가야할지, 뭘 해야할지 아무것도 모르고 막막했는데 선생님께서 성심성의껏 가르쳐주셔서 기술면에서도, 취업면에서도 확고하게 큰 성장을 이룰 수 있었던 것 같습니다.덕분에 자신감도 많이 늘고, 취업 이후에도 잘 할 수 있을 것 같다는 생각이 들어요! 수업 진행해주신 방미정 선생님, 그 외 취업 당담 선생님들께 너무 감사합니다! :) 취업 잘 하고 갑니당! 이후 기수분들도 힘내시고 좋은 경험 얻어가시길 바랄게요! 화이팅 :)

3월부터 7월까지 웹 퍼블리셔 양성과정을 수강했습니다 :) 디자인 외에 아무것도 모르고 도전 했던 건데, 선생님과 동료들의 응원과 지지로 많은 걸 얻고 가는 거 같습니다. 학원에서 배운거 토대로 앞으로도 공부 열심히 해보겠습니당~~ 항상 친절히 알려주셨던 방미정 선생님, 그 외 취업 담당 선생님들께 너무 감사합니다!

"프론트앤드 개발자 양성과정" 수강후기 바로가기
(2020.11.17-2021.05.11)

6개월이라는 시간이 짧게 느껴질 정도로 훈련과정이 흥미로웠습니다. 아이디어를 내고 디자인을 하는 작업은 시간이 오래 걸렸었지만 훈련과정을 통해 요령도 생기고, 작업 시간을 많이 단축시켜가는 제 모습을 보며 실력이 점점 발전한 것 같아 뿌듯하였습니다. 직업의 방향성을 잘 잡지 못하던 저에게는 이 훈련과정을 통해 배운 학습들은 나만의 지식이자, 직업의 방향성을 잡아준 이정표였고, 6개월간 함께 공부했던 프론트앤드 개발자 양성과정 3강의실 언니 오빠 동생들과 방미정 강사님은 좋은 인연이자 버팀목이었습니다. 방미정 강사님과 취업 지원팀 분들, 행정직원분들께서 열심히 도와주셨기에 훈련과정을 수료하기 전에 취업을 하게 된 것 같아 너무 감사드립니다. 이 과정 이외에 다른 좋은 과정들 또한 많이 있어 대우직업능력개발원 이란 학원을 저처럼 취업에 대한 두려움이 있거나, 직업의 방향성을 잘 잡지 못하는 후배와 동생들에게 추천해주고 싶습니다.

처음 왔을 때 디자인도, 코딩도 한 번도 배우지 못한 제가 과연 이 과정을 듣고 취업을 할 수 있을까? 라는 걱정을 많이 했던 것 같습니다. 하지만 다니면 다닐수록 그런 걱정이 사라졌던 것 같아요. 일러스트, 포토샵, html, css, js, vue등 많은 것을 배웠습니다. 새로 배우는 게 많아서 초반에는 어려울 수도 있겠지만 열정 가득한 방미정 선생님께서 정말 잘 알려주셔서 걱정 안 해도 될 것 같아요.ㅎㅎ 다른 학원 후기를 보면 매년 같은 레파토리의 수업, 심지어 선생님께 질문해도 잘 모르는 경우가 있는데 선생님께서는 항상 열정을 가지고 새로운 것도 알려주려고 하시고 아는 것도 많으셔서 도움을 많이 받았습니다! 웹퍼블리셔, 웹디자이너가 되길 원하신다면 강추드립니다.~~

작년 2020년 11월 우연한 기회로 대우직업능력개발원이라는 훌륭한 기관을 알게되고 ,이곳에서 훌륭한 선생님을 만나 좋은교육을 수강할수있게된것에 정말 감사드립니다 만일 제가 이 교육훈련과정을 듣지 않았더라면 아마 지금과 같은 취업기회는 생기기 어려웠을것입니다. 대학졸업후, 취업의 갈림길에서 갈피를 못잡고 방황하던시기에 어디서도 교육받기 어려운 선생님의 실제 실무경험과 노하우가 담긴 5~6개월간의 교육과정은 웹개발이라고는 전혀 알지못했던 제게 큰 배움과 성장의 기간이 되었습니다. 이를 기반으로 다양한 디자인과 웹개발을배웠고 저만의 포트폴리오 또한 만들수있었습니다. 제게는 너무나 생소한 코딩언어들을 배우는 일이 어려워 중도포기하고 싶은 순간들이 여러번 있었지만 포기하지않고 열번이고 다시 가르쳐주시는 선생님의 열정과 이끄심 덕분에 6개월과정을 모두 수료하기 이전(80%이상 수강)에 조기취업이되며 교육과정을 잘 마무리 할 수 있었습니다. 이렇게 첫 직장을 구하고 새출발 하는것이 가능하도록 만들어주신 선생님과, 대우직업능력개발원 기관에 깊은 감사를드립니다.

비전공자도 이해하기 쉽게 알려주셨고 덕분에 취업도 잘했습니다. 이 과정을 듣게 되어 너무 기쁩니다.

디자인, 코딩 툴을 실무에서 사용할 수 있는 커리큘럼에 맞추어 차근차근 기초에 맞추어서 설명해 줍니다. 본인 스스로 작업할 수 있도록 선생님이 최선을 다해서 도와주셔서 많은 도움이 되었습니다. 국비로 하는 수업은 퀄리티가 떨어진다는 편견을 깰 수 있는 교육이었고 , 담임선생님도 매우 진취적이어서 늘 새로운 걸 가르쳐 주려고 하셔서 많이 배울 수 있었습니다.

비전공자도 이해하기 쉽게 알려주셨고 덕분에 취업도 잘했습니다. 이 과정을 듣게 되어 너무 기쁩니다.

기존에 알고 있던 왠만한 지식 플러스로 학원에서 교육을 받으며 다양한걸 알고 배웠습니다. 자격증도 딸 수 있도록 연습도 해주면서 저에게는 어려웠지만 코딩이란 단어도 왠만하면 알아들을 정도로 배웠습니다. 이곳을 수강하면서 취업도 같이 하게되어 마음이 놓이고 기쁩니다.


건축학을 전공했고 웹디자인과 인연을 맺은건 언 20여년이 넘었습니다. 실무와 강의를 병행하며  많은 희노애락 끝에 현재는 이 일을 많이 애정하게 되었고,  흥미와 성취감으로 더 매진하게 되었습니다. 제가 알고 있는 지식들을 공유하여, 좀더 많은 비전공자들이 쉽게 입문하기를 바라며, 그대가 원하는 모든 일들이 이루어 지길 기원합니다.

Lucete!

강의관련 문의 email : loo4love90@gmail.com 

 

 

강의경력  

  • 2018.3 -현재. 웹 디자인/멀티미디어/프론트엔드 전문가과정 진행

  • 엘리스 아카데미 `클래스가 다른 HTML / CSS` 오픈 준비중

  • 엘리스 아카데미 `클래스가 다른 javascript` 오픈 준비중

□ 現 대우직업능력개발원 프론트엔드 / 멀티미디어 / 웹콘텐츠 과정 강의
□ 하이미디어 UI/UX 웹퍼블리싱 강의

□ 이젠컴퓨터 UI/UX 웹퍼블리싱 강의
□ 더조은컴퓨터학원 종로캠퍼스 웹디자인 강의
□ 더조은컴퓨터학원 강남캠퍼스 웹디자인/그래픽 강의
□ 영재직업전문학교 웹디자인 강의

 

  자격증  

□ 웹디자인기능사 자격증
□ 그래픽스운용기능사 자격증 

□ KPC 자격지도자(GTQ,GTQi,GTQid) 자격증

직업능력개발훈련교사3급(정보기술, 디자인,문화컨텐츠,정보기술전략·계획

정보기술운영) 
□ 컴퓨터활용능력 1급

 

커리큘럼 총 56 개 ˙ 6시간 50분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. UIUX 포트폴리오 전체 강의 소개
섹션 1. UI/UX의 이해
UIUX란 무엇일까요? 08:57
UIUX 디자인 프로세스 이해하기 06:24
섹션 3. 프로젝트 작업 소스 다운로드하기
전체 작업 파일 다운로드
섹션 4. frame / section / slice tool 익히기
frame menu - frame 익히기 08:01
frame menu - section / slice 05:29
섹션 5. Design Tab
design tab - 1 10:51
design tab - 2 06:32
design tab - 실습 1 07:08
design tab - 실습 2 04:41
menu design tab 추가 실습 11:05
섹션 6. figma 기능 익히기
shape tool 11:01
pen / pencil 09:42
text 16:03
use as mask / boolean groups 10:41
resouce - plugin 10:45
resource - wedgets 04:54
섹션 7. figma mirror
figma mirror 연결하기 03:58
섹션 8. figma - 이것만 알면 어렵지 않다!
frame selection과 group selection - 이론 03:53
frame selection과 group selection 실습 05:51
constrains 으로 하는 responsive design 08:26
figma의 핵심 auto layout-1 04:26
figma의 핵심 auto layout-2 06:37
figma의 핵심 auto layout-3 06:14
figma의 핵심 auto layout-4 10:32
auto grid 03:59
components로 사용하는 디자인 체계화-1 09:41
components로 사용하는 디자인 체계화-2 06:37
섹션 9. figma prototype
prototype 기본 09:22
prototype smart animation 05:44
섹션 10. 프로젝트 Intro 페이지 리소스 정의 및 등록하기
프로젝트 둘러보기 미리보기 03:18
프로젝트 시작 방법 03:12
리소스 등록 및 정의 하기 - 1 05:02
리소스 등록 및 정의 하기 - 2 10:01
리소스 등록 및 정의 하기 - 3 01:58
섹션 11. 프로젝트 인트로 페이지 디자인
로그인/회원가입 페이지 디자인 08:48
시작하기 페이지 디자인 07:52
친구 설정 페이지 디자인 14:19
관심사 선택 페이지 디자인 - 1 08:34
관심사 선택 페이지 디자인 - 2 03:50
검색범위 설정 페이지 - 1 07:09
검색범위 설정 페이지 - 2 05:18
섹션 12. 프로젝트 메인 페이지 디자인
주변친구검색 페이지 디자인 - 1 06:05
주변친구검색 페이지 디자인 - 2 08:29
주변친구검색 페이지 디자인 - 3 05:39
프로필 페이지 디자인 - 1 08:23
프로필 페이지 디자인 - 2 08:15
모듬 페이지 디자인 - 1 11:02
모듬 페이지 디자인 - 2 06:37
섹션 13. UIUX prototype 연결하기
인트로 prototype - 1 11:09
인트로 prototype - 2 02:27
메인 페이지 prototype 03:30
강의 게시일 : 2023년 02월 13일 (마지막 업데이트일 : 2023년 02월 13일)
수강평 총 9개
수강생분들이 직접 작성하신 수강평입니다.
4.8
9개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
wonyjoy thumbnail
5
피그마 독학중이었는데, 덕분에 도움이 되었습니다! 업무에도 적절하게 적용가능해 졌습니다. 더 연습해서 능숙해 지고 싶네요^^
2024-03-14
지식공유자 LIZ.B
감사합니다. 업무에도 도움이 되셨다니, 다행이네요. 더 좋은 강의로 찾아뵙겠습니다!
2024-03-28
박정안 thumbnail
4
기초적인 피그마 툴에 대한 제반지식을 쌓을 수 있습니다. 프로토타입 부분이 좀 더 다양한 레퍼런스로 구성되면 좋을 것 같다는 생각이 들었고요, 강의 파일 오류가 많이 나네요 ㅠ
2023-09-07
지식공유자 LIZ.B
오류 부분을 구체적으로 말씀해 주시면 수정해 보도록 하겠습니다. 다양한 레퍼런스로 도움이 되는 강으로 찾아뵙겠습니다. 감사합니다.
2023-09-07
도림 thumbnail
5
피그마를 선호하는 기업이 많아지면서 취업 준비를 위해 추가로 강의를 수강하게 되었는데 초보자가 접하기 쉽게 구성되어 있어서 도움이 많이 되었습니다.
2023-08-27
지식공유자 LIZ.B
네 요즘 피그마 선호 기업이 많아졌어요! 처음에 배우기 조금 어렵지만, 정말 좋은 툴이죠. 많은 도움이 되셨다니, 기쁘네요! 다음 강의도 열심히 준비해 보겠습니다~! 감사해요~~
2023-08-28
한승훈 thumbnail
5
책으로 피그마 기능은 배웠는데 하나의 완성된 화면은 만들지 못하는 상황이었습니다. 강의 앞 부분에서는 각 기능 복습을 했고 뒷 부분에서는 직접 화면을 만들어 보면서 부족한 부분을 보충할 수 있었습니다. 좋은 강의 감사드립니다.
2023-08-06
지식공유자 LIZ.B
좋은 감사합니다. 승훈님에게 많은 도움이 되었다니 뿌듯합니다. 열공 하시고, 좀 더 발전하셔서 원하시는 뜻 이루시길 기원합니다. 화이팅:)!!
2023-08-06
DongHun, Kim thumbnail
5
피그마는 역시 책보다는 동영상으로 보며 실습하는 게 훨씬 잘 익혀지네요. 재밌게 수강 중입니다. 얼른 끝내고 Part 2도 살 예정인데 혹시 할인 쿠폰 이벤트 계획 또 없으신가요 ㅎ...
2023-08-01
지식공유자 LIZ.B
Part2 현재 할인 중입니다. Part3도 가을에 꼭 런칭 할 수 있도록 해볼께요. 관심 갖고 수업 들어주셔서 감사합니다!!!
2023-08-05