앱 기획안 작성 피그마 (피그마 기초 + 개인기록용 앱기획안)

 

오늘은 앱 기획안을 작성했습니다. 보통 앱 기획안을 작성을 어떤걸로 하는지 검색을 했는데, 윈도우 빙에서는 카카오 오븐을 이용한다고 나와있었습니다. 하지만 막상 사용하니까 조금 이상해서, 바로 내일배움캠프 튜터님께 여쭤봐서 프로그램을 알아냈습니다.

 

피그마를 이용한다는 답변을 얻어 저는 바로 피그마에 들어가서 프로그램을 사용했습니다.

 

생긴것부터 포토샵과 완전히 똑같이 생겼고, 사용하는데 어려움 없었습니다.

 

 

상단 하얀 동그라미 안에 있는 격자 버튼 누르면 우측에 있는 화면이 아래처럼 바뀝니다.

그러면 phone 목차 아래에 있는 글자를 더블 클릭하면 위에처럼 프레임 새로 나와요.

 

상단에 하얀 동그라미 표시한곳에서 바탕화면 생성하고, 위에 도형과 텍스트 기능으로 뚜까뚜까하면 앱 스토리보드는 금방 만들어요.

 

 

그리고 앱의 꽃, 아이콘.

아이콘은 그냥 인터넷에서 원하시는 아이콘 모양과 뒤에 PNG를 붙이면 저작권 무료 아이콘을 구할 수 있습니다.

다운로드 파일을 페이지에 끌어당기면 삽입 되용.

 

예시) 메뉴바 png 검색 > 사이트에 들어가서 무료 PNG 파일 다운로드(PNG여야지 배경이 없는 아이콘을 가져옵니다. JPG는 배경이 있어서 앱 바탕이 하얀색이 아니면 곤란해요)

 

아래 영상처럼 삽입) Shift 누르고 크기 줄여야지 모양 정사각형 그대로 줄어듭니다

 

 

 

그렇게 해서 완성했습니다. 완성링크는 아래에 있습니다.

솔직히 디자인은 다른 분들걸 많이 참고했습니다. 

 

Figma

 

앱 기획안 자체를 처음 작성하다 보니 어떻게 목차를 분류해야할지 몰라서, 인터넷에 있는 기획안들을 많이 참고했습니다.

크몽에 앱기획안 의뢰에 들어가니, 그분들이 작성하신 포트폴리오들이 있는데 그걸 많이 참고했습니다.

 

그렇게 해서 완성된 앱 기획안입니다. (개인기록용으로 절대 포트폴리오용도가 아닙니다. 포폴로 쓰기에는 허접한 퀄리티입니다)

 

 

요렇게 피그마로 만든 앱화면을 PDF>PNG 전환 시켜서 PPT로 앱 기획안을 만들고 오늘 하루를 마쳤습니다.

기획안 구성은 앱소개>스토리보드>보안으로 가는데 보통 포트폴리오로 쓰이면 개인 스토리와 개인이 어떤 역할을 맡았는지 넣은 것 같습니다.

 

앱소개만으로도 솔직히 엄청 넣을 수 있는데 저같은 경우에는 그냥 당장 제가 실현시킬 수 있는 기능으로만 구현하다보니 특별한 건 없습니다. 그래도 하게 된다면 기획안이 실제로 있으면 재미있을 것 같아서 만들었습니다.

 

그러다 보니 향후 계획까지 구성하게 되었습니다. 나중에 튜터님들께 이거 기획안 피드백 관련해서 물어볼 것 같습니다. 이거 하나 하느라 하루가 다 갔네요. 내일 앱 기능 구현일지로 찾아뵙겠습니다.

 

+거기에다가 앱로고는 제가 따로 만들었어요.

조금 구리긴한데, 이 로고가 무려 오전 시간을 다 허비했다고 하면 믿겨지나요..?

로고작업만큼은 제 분야가 아니라는 걸 확신할 수 있어요.

폰트 쓰기 싫어서 그냥 태블릿 스케치로 만들긴 했는데.. 일러스트로 다듬을까 고민됩니다.

근데 또 그렇게까지 진지하게 작업할 필요가 있나 싶기도 하고요.

 

 

그러면 좋은 하루 되세요!