반응형
FirstApp (1) - 기획 설명
안녕하세요. 개발하는 정주입니다.
오늘은 FirstApp 첫 번째 이야기, 기획 설명에 대해 포스팅하려고 합니다.
iOS를 시작하며 첫 번째로 개발하는 앱이니만큼 기본 예제 난이도로 기획을 하였습니다.
이제 시작합니다.
런처 화면
런처 기획
- 런처는 3초간 유지된 후 홈 화면으로 이동합니다.
- (공통) Status Bar는 기본 설정을 유지합니다.
- (공통) Indicator는 기본 설정을 유지합니다.
- 배경은 그라데이션으로 고정합니다.
- 가능하면 고양이 아이콘은 이미지, 앱 타이틀은 텍스트로 처리합니다.
- 불가할 시 전부 이미지로 처리합니다.
홈 화면
홈 기획
- 런처 화면 후 홈 화면으로 진입합니다.
- 배경은 흰색으로 고정합니다.
- 상단에 Color Input Field와 Done Button이 위치합니다.
- Color Input Field는 색상 코드가 들어갑니다.
- 영어, 숫자 8자 외의 문자열은 유효하지 않습니다.
- 유효하지 않은 문자열로 Done Button을 누르면 Alert Dialog가 나옵니다.
- Color Input Field 아래에 Color Lable과 Bookmark Button이 위치합니다.
- Color Label은 Done Button을 누르면 "It's "와 Color Input Field 입력값으로 설정됩니다.
- Bookmark Button을 누르면 토글 되며 북마크 이미지가 변경됩니다.
- Label과 Button 아래에 Center Image가 위치합니다.
- Center Image는 정사각형(화면 가로 사이즈의 80%)입니다.
- Center Image는 Top Crop이 됩니다.
- Center Image는 Color Input Field의 입력값에 맞는 컬러 테두리를 갖습니다.
- 서버와 연결하여 북마크 데이터를 주고 받습니다.
- 서버에서 북마크 리스트를 받습니다.
- 북마크를 설정하면 서버에 저장합니다.
마무리 잡담
오늘은 제 첫 번째 iOS 앱이 될 FirstApp 기획에 대해 다루었습니다.
첫 번째 앱인 만큼 가장 기초적이고 기본적인 기능만 넣었습니다(아마)
혼자 앱 공부를 하려니 디자인이 어렵네요.
포토샵과 제플린(Zeplin)을 이용해보았는데 디자인 자체가 어려운 것 같습니다.
디자이너분들 존경합니다.
감사합니다!
아직은 초보 개발자입니다.
더 효율적인 코드 훈수 환영합니다!
공감과 댓글 부탁드립니다.
반응형