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 ko ko ko ko ko ko ko de ko 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
#02 피그마 툴 이해하기 – 피그마 강좌(멤버십 전용) | 디자인베이스
홈 멤버십 전용 #02 피그마 툴 이해하기 – 피그마 강좌(멤버십 전용)
해당 강좌는 유튜브 멤버십 회원 전용 강좌입니다.
이번 시간에는 피그마 인터페이스에 대해 배워볼게요.
스케치와 다르게 피그마와 XD, 프로토 파이 이 툴들은 윈도에서도 사용 가능한 툴인데 제 강의는 맥 OS로 진행하기 때문에, 단축키 부분에서 Cmd라고 하는 부분은 윈도에서는 Ctrl이고, Option이라고 하는 부분은 Alt입니다~!
그리고 제가 인터페이스를 항상 커리큘럼 두 번째에 넣는 이유가 있습니다. 한 번에 이 많은 기능을 다 배우자는 아니고요. 이렇게 생긴 툴을 위치나 이렇게 전체적으로 한번 훑어보는 시간입니다. 그래야 눈에 익어서 뒤에 상세하게 기능별로 배울 때 조금이라도 친근해져서 덜 어렵게 느껴질 거예요.
그럼 영상을 통해 인터페이스에 대해 하나하나 집어보죠.
*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
다른 툴과 가장 다른 부분이라는 생각이 드네요. 웹 브라우저에서도 제공을 하다 보니 메뉴바가 피그마 로고 쪽에 같이 들어가 있습니다. 그리고 피그마의 가장 특징적인 부분이죠. 상단 바 우측에 있는 기능 중 ‘공동 작업’ 기능입니다. 초대를 받아서 작업을 하게 되면 동일한 화면에 각자 작업하는 것들이 실시간으로 보이고, 특정 유저 프로필을 클릭하면 해당 유저가 작업하는 화면 그대로 볼 수 있습니다. 아주 신선한 기능이죠. 그 외에 나머지는 스케치 툴과 크게 다를 게 없습니다. 자세한 내용은 영상을 통해 확인 부탁드립니다 🙂
#7 웹디자인 실습 PC 배너 디자인 02 – 웹디자인 입문 강좌
#5 로티 출력된 코드 간단하게 정리하기 – Lottie.js 강좌
#7 Card UI 코드로 만들기(Class와 ID) – 웹 코딩 강좌
그라데이션 컬러 추천해주는 사이트
디자인 입문자가 꼭 참고해야 할 사이트
사각 비닐 패키지 목업
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.