ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko ko ko ko ko ko en en ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
스케치에서 인비전을?! Craft 플러그인 - 인비전 프로토타이핑 툴 강좌 | 디자인베이스
홈 인비전 #2 스케치에서 인비전을?! Craft 플러그인 – 인비전 프로토타이핑 툴 강좌
인비전 강좌 두 번째입니다. 인비전 강좌 1편을 안 보신 분들은 1편부터 보고 오시는 것이 좋습니다. 계정 생성과 간단한 작동법을 배우실 수 있어요. 2편에서는 인비전을 스케치에 연동해서 사용하는 방법을 중점적으로 배워볼게요. 인비전에서 제공하는 플러그인 Craft를 설치해서 그 안에 제공하는 다양한 기능들도 같이 살펴볼게요.
협업 툴에 도움 될 수 있겠다는 생각이 들 겁니다. 개인적으로 보안이 걸린 대기업 프로젝트보다 소규모 프로젝트나 스타트업에서 사용하기 적합할 것 같네요.
디자인뿐만 아니라 기획, 개발에서도 유용하게 사용 가능한 툴입니다. 배워두면 유용하게 사용할 수 있으니 UI 디자인만 배우지 마시고, 프로토 타입 제작 기술도 배워 본인만의 스킬을 늘려 가보세요! : )
*인비전 강좌는 웹 브라우저 기반의 툴로 OS 제약이 없이 누구나 사용할 수 있는 툴입니다. 게다가 프로젝트 하나는 무료입니다.
스케치에서 인비전을 연동해서 사용하려면 인비전에서 제공하는 Craft를 설치하고 계정을 로그인해줍니다. 위 URL을 통해 다운로드해줍니다.
Sync : 인비전에 업로드하는 기능
Player : 프로토타입을 보는 기능
Prototype : 프로토 타이핑 가능한 모드 실행, 영역을 선택하고 단축키 C 눌러서 연결
Design System Manager : 디자인 시스템 관리하는 기능, 컬러, 타이포그래피, 컴포넌트 저장 및 관리
Data : 더미 텍스트와 이미지 불러오는 기능
Duplicate : 반복할 레이어를 복제하는 기능 (가로/세로)
Freehand : 디자인에 대한 의견을 자유롭게 소통하는 공간 제공
Stock : iStock과 게티이미지의 스톡 이미지 불러올 수 있음 (유료 이미지 구매)
#6 웹디자인 실습 PC 헤더 디자인 01 – 웹디자인 입문 강좌
02. 에프터이펙트에서 작업한 모션을 로티로 적용하는 방법 – LottieFiles 강좌
#2 Lottie 사용을 위한 환경 세팅하기 – Lottie.js 강좌
디자인 입문자가 꼭 참고해야 할 사이트
각종 디바이스 무료 목업 (약 90종) by facebook
디자이너가 무조건 피해야 할 회사 유형
아이폰 손으로 잡고 있는 목업
롤업 스탠딩 배너 목업
3d 카툰 핸즈 아이폰 목업
10. 자유롭게 화면 조절하는 방법 OrbitControls – Three.js 강좌
27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
09. 3d 물체에 그림자 적용하는 방법 – Three.js 강좌
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.