처음 만드는 앱의 디자인을 정돈한다

왜 기사로 만드는가?

정말 무지(앱 개발 초보자) 단계에서 어떤 생각, 과정에서 앱 디자인을 했는지를 기록하기 위해

어떤 앱을 만들고 있는지

다음 기사에서 설명하지만 대만 중국어 및 일본어 공부 응용 프로그램입니다.

관련 기사

처음 만드는 앱의 제목을 결정합니다.
처음 만드는 앱 아이콘 만들기

만드는 과정

우선 이미지를 만들기 위해 간단한 스케치를 썼습니다.


① 앱 기동시에 비치는 페이지
②학습 개시 버튼이 있는 페이지(확장성을 생각해)
③예문 일람 페이지 실장에 시간이 걸린다고 판단했기 때문에, 이번은 배송(언젠가 하겠습니다)
④ 학습 페이지

네 가지를 디자인하고 싶습니다.

① 앱 기동시에 비치는 페이지

이 페이지를 xcode에서는 LaunchScreen이라고 한다고 하고, 표준 장비의 LaunchScreen.storyborad를 편집하면 좋을 것 같습니다.

참고 URL에 손질한 후가 남아 있습니다만, 완성했습니다.


어색한 점은
· 이미지가 (Auto rayout에서) 중심에 배치되지 않음
· 이미지가 시뮬레이터에 표시되지 않음
· Launch 페이지의 시간이 너무 짧음
이었다.

덧붙여서 중간의 일러스트는 테트라 포트입니다.
콘크리트라고 하면 테트라팟이라고 하는 느낌입니다.

② 학습 시작 버튼이 있는 페이지

버튼의 장식은 아직 하고 있지 않습니다만, 다음과 같이 되었습니다.


덧붙여서 오른쪽의 일러스트는 "머리 콩크리 군"입니다.
머리 콘크리의 의미 → 머리 굳은 → 머리 재미 → 좀비
라는 느낌으로 안이하게 만든 캐릭터입니다.

③예문 일람 페이지

④ 학습 페이지

학습 페이지는 다음과 같습니다.


번역 표시 및 음성 독서



문장을 전환하면 번역 표시가 '?'로 돌아갑니다.


언어 전환(일본어를 학습하고 싶은 대만인에게도 이용하고 싶기 때문입니다)

참고 URL

LaunchScreen의 표시 시간을 변경하는 방법
htps : // m / 9d26 / ms / 26fb00d16 굳 c69d176

Swift3 Storyboard로 화면 중앙에 View 배치
htps : // 코 m / 스즈키_y / ms / 8706 에다 26c3 A1b156506

스토리 보드에 지정된 이미지가 표시되지 않으면 Asset Catalog를 사용하여 해결
htps : // m / y / ms / 2877f8f935f823c7 예 00

LaunchScreen의 표시 시간을 변경하는 방법
htps : // m / 9d26 / ms / 26f b0be d16 굳 c69d176

Swift: 초보자용! UITableViewController의 사용법 (1)
h tps://p로g라민g-베기응에-메도. 이 m/? p=17

【Swift】Swift 입문 ~ NavigationController를 사용해 본다 ~
ㅡㅡㅡㅜㅜㅜㅜㅜ 코 m/아 r ゔぇs/bぉg/20200205/

【Swift/iOS】네비게이션 컨트롤러 사용법
htps : // 카피바라 1969. 이 m/907/! "시무와 r Screen Shot - iPhone 8 - 2021-02-16 at 06.19.51.png]( h tps : // 쿠이타-이마게-s 잡아. s3. 아 p의 r ぇ아 st-1. 아마조나 ws. m / 0 / 1010233 / 7218 37c - 7 0 d - 7 7-64b9-1 0667b6 304. pg )