Figma 가이드/2020년4 #프로토타입핑 #프레젠테이션 #피그마 기초 figma 프로토타입핑 어디까지 될까 https://youtu.be/oY4EoQCOzeo 1. 프레젠테이션 제작 #기초 저는 UX 프로토타입핑 뿐만 아니라 발표 리소스 자료 준비 및 PT 시 Figma로 프레젠테이션을 합니다. Youtube 모바일 App을 기준으로 UX/UI Case Study #피그마기초 #프로토타입핑 [Part 1 강좌 요약] 0:00 - Intro 0:25 - 1/6 프레젠테이션 모드 설정방법 {오타 정정: 프리젠테이션 -> 프레젠테이션} 1:44 - 2/6 Interaction & Animation 옵션 설정 2:05 - 3/6 실전 연습 1 - Page Transition 효과 6:17 - 4/6 실전 연습 2 - 뒤로가기 버튼 설정 7:32 - 5/6 Figma 프레젠테이션 .. 2020. 8. 26. #3 디자인 시스템 구축을 위한 피그마 기능 (feat. Create Style, 버전 관리) Figma를 효율적으로 사용하기 위한 관문이 되는 영상 Figma에 의한 디자인 시스템을 구축하는데 기초가 되는 피그마 기초 강좌 영상입니다. 협업을 하는데 중요한 기능 Version History, 효율적인 컬러 시스템 구축 방법, 그 외 figma로 할 수 있는 스타일링에 대한 가이드 영상입니다. Figma는 전문가에 최적화된 도구인 만큼, 비 디자인 직군에게도 유용한 편집 도구입니다. 다소 전문적 용어가 남발 되어도 끝까지 시청 부탁드려요. 디자인 시스템이라는 거창한 단어보다 좀더 쉬운 용어가 있다면 좋겠지만 없더군요. 하지만 이번 영상을 이해하시면, figma에 진정으로 입문하게 되시는 터닝 포인트가 될거라고 자신합니다. 여러분의 수정 시간을 절약하는 Tip이 되는 영상입니다. 자, 시작해 볼까요.. 2020. 8. 26. #2 피그마로 아이콘 제작 Tip (feat. Shape Booleans 기능) figma를 처음 접하는 분들을 위한 기초 강좌 영상입니다. Shape 툴과 Pen 툴을 사용하여 머터리얼 아이콘을 제작해봅니다. [피그마 기초 Part2 - 영상 목차] 00:00 Intro 00:09 1/6 Material Design - System Icon 개요 01:16 2/6 Layout Grid & Keyline 제작 [🔗연관 figma file] 06:18 3/6 도형 툴 {Shapes, Booleans} 08:54 4/6 아이콘 Export & Import {SVG} 10:33 5/6 펜 툴 {Pen, Outline Stroke} 12:14 6/6 기타 유용한 사용 Tip {좌우 상하 반전} 아이콘 제작 시 유의사항 1 - Constraints frame 안쪽 객체의 "Constraint.. 2020. 8. 23. #1 피그마 기초 강좌 {연정's Figma} #UI 무료 편집 도구 #초보자용 figma를 처음 접하는 분들을 위한 기초 강좌 영상입니다. #이미지 import export #컬러 #텍스트 #그림자 효과 Sketch에서 Figma로 전환하게 된 계기 Figma Figma는 클라우드 기반 UI 편집 도구이자 협업 도구입니다. 디자이너뿐만 아니라 비 디자이너 직군에서도 협업 도구로서 다양한 용도로 사용 가능합니다. Figma의 용도 UI/UX 디자인 Wireframe, 화�� designer-story.tistory.com Figma 툴에 대해 궁금하시면 위 링크 또는 Figma 빠르게 훑어보기 유튜브 영상을 통해 좀 더 자세히 아실 수 있습니다. Figma는 IT 직종 전문가들에게 최적화된 UI 편집 도구이며 협업 도구입니다. 그뿐 아니라 비 디자인 직군에서도 과제를 한다거나 아래의.. 2020. 8. 23. 이전 1 다음
