피그마로 어플 만들기(2)

안녕하세요 그냥입니다.

오늘은 피그마로 어플을 만들기 위해서, 기초적인 툴을 설명할건데요.

스마트폰 상단바가 모든 어플의 기본이기 때문에 그걸 만드는 것 부터 할겁니다.

 

1. 첫번째로 아이콘을 다운 받습니다. 

Flaticon(플랫티콘) 이라는 사이트에 들어가서, wifi, battery, mobile phone signal 이라고 쳐서 세개의 아이콘을 저장합니다. 

2. 그 후에 피그마에 들어가서, 우측 상단위에 플러스 버튼을 눌러 새 프로젝트를 만듭니다.

3. 좌측 상단위에 frame이라는 격자모양 아이콘을 누른후, 우측에 design을 선택하고 자신이 원하는 폰의 규격을 만듭니다.

4. 좌측 상단위에 rectangle이라는 글자의 아래를 보면, place image라는게 있는데 거기 들어가셔서 자신이 다운받은 아이콘을 가져옵니다.

5. 폰 화면의 상단바를 만들어줍니다. 몇 퍼센트나 시간같은건, T라고 적힌 아이콘을 눌러 텍스트 상자를 만들고 그냥 글자를 쓰면 됩니다.

6. 끝 쉽죠??? 제 영상에서는 상단바는 쉽게 만들어서 그냥 기본 아이폰 화면같은 걸 추가적으로 만들었습니다.

다음 포스팅에서 만나요!!!