Udemy의 하루 10분으로 끝내는 UXUI 디자인을 위한 실전 피그마 Figma 강의를 듣고 실습해보았다
1. 피그마란?
UX UI를 디자인하는 도구이다 ( User Experience, User Interface )
2. 피그마의 장점
동시에 접속이 가능하고 동시에 작업이 가능하다
디자이너와 개발자가 피그마를 사용해서 대화를 하는데 더 편리하다
3. 인터페이스


Pages를 클릭하고 새로운 페이지를 생성할 수 있다
우측 상단에 디자인과 프로토타입에 대한 내용이 있다
Page는 배경의 색상에 대한 정보이다


그리고 사각형 모양을 클릭해서 Frame을 선택할 수 있다
아이폰, 모니터 등에 대한 Frame이 버전별로 나와있다

도형도 선택해서 그릴 수 있다

댓글 도 작성이 가능하다

선택한 프레임에 관련된 내용이고 가운데 정렬과 같은 기능이 포함되어 있다


Export 기능을 사용해서 파일형태로 저장이 가능하고 가로, 세로모드가 가능하다

자주 사용되는 단축키는 아래와 같다
뒤로 가기 = Ctrl + Z ( Command + Z )
앞으로 가기 = Ctrl + Shift + Z ( Command + Shift + Z )
그룹 묶기 = Ctrl + G ( Command + Z )
그룹 풀기 = Ctrl + Backspace ( Command + Backspace )
복사 = Alt + Drag
비율 고정 = Shift
이전 행동 반복 = Ctrl + D ( Command + D )
레이어 맨 뒤로 보내기 = Ctrl + (Alt) + [ ( Command + (Alt) + [ )
레이어 맨 앞으로 보내기 = Ctrl + (Alt) + ] ( Command + (Alt) + ] )
사각형 = R
원 = O
글자 쓰기 = T
이동툴 = V

기본적으로 만든 내용은 위와 같다

Shift + X 키는 자주 사용되는 기능이다


사각형 안쪽에 동그란 점으로 테두리를 둥근형태로 만들 수 있다

Drop Shadow는 외부 그림자

Inner Shadow는 안쪽그림자
강의자료
https://www.udemy.com/share/109mqS/
'Projects > 여행 커뮤니티' 카테고리의 다른 글
| [피그마] UI 기획안 작성하기, Auto flow (0) | 2024.06.16 |
|---|---|
| [피그마] Auto Layout (0) | 2024.06.16 |
| [피그마] 와이어프레임 그리기 - 검색탭 (0) | 2024.06.16 |
| [피그마] 와이어프레임 그리기 - 상세 페이지 (0) | 2024.06.16 |
| [피그마] 와이어 프레임 그리기 - 메인 페이지 (0) | 2024.06.16 |