본문 바로가기

Design2

#2. 피그마 기초 기능 배우기 [피그마, Figma, 디자인툴] 안녕하세요! 오늘은 피그마 단축키에 이어 실무에서 자주 사용하는 기능이자 기본적인 기능들에 대해서 알아볼거예요. 저번 포스팅에서는 왼쪽 버튼들에 대해서 알아봤는데요 오늘은 오른쪽에 있는 기능들을 알아보도록 할게요! 우선 아무것도 선택하지 않았을 떄의 상태인데요 맨 위부터 천천히 설명하자면 Design/Prototype 두 버튼은 말 그대로 디자인모드와 프로토타입 모드를 선택하는 버튼이에요. 디자인 모드는 저희가 일반적으로 디자인을 작업하는 부분이고 프로토타입은 피그마의 장점이자 강점인 디자인만으로 홈페이지를 이동 및 모션을 넣어서 간접 체험을 해볼 수 있는 기능이에요! 프로토타입은 나중에 포스팅 전체를 사용해서 설명드리도록 할게요! 그 다음으로는 페이지 영역인데요! 이 부분은 페이지의 배경 색을 고를 수.. 2024. 2. 22.
#1. 피그마 기초 단축키 배우기 [피그마, Figma, 디자인툴] 안녕하세요. 오늘은 요즘 핫한 디자인툴인 "Figma"의 기초적인 단축키들을 설명드리려고 포스팅을 켰어요! Adobe XD를 사용하시던 분들은 어려움 없이 적응하실테지만, 저처럼 포토샵이나 일러스트를 사용하시던 분들은 단축키와 사용법 등에 익숙해지기 쉽지 않으실거예요. 우선, 피그마의 좋은 점! #1. 개발자들과의 협업이 편리해진다. #2. 팀프로젝트가 가능해 여러사람과 실시간 공유가 가능하다. #3. margin, padding 웹디자인에 쓰이는 기능들을 보기쉽고 간편하게 작업할 수 있다 . . . 이 외에도 많지만 제일 큰 장점은 이 세가지 인 것 같아요! 바로 설명 시작하겠습니다. 우선 작업을 하기 위해서는 작업 파일을 열어야겠죠? 노란색으로 표시해 둔 Design file을 선택하면 요런 창이 작.. 2024. 2. 14.