More Related Content
Similar to 2013 10 guide_to_mobile_appui_20131028 (20)
More from Yun Jin Kim (11)
2013 10 guide_to_mobile_appui_20131028
- 3. (iOS) ๋ค๋น๊ฒ์ด์
๋ฐ
Sunrise calendar (iOS7) (iOS6)
๋ค๋น๊ฒ์ด์
๋ฐ
iOS ๋์์ธ ๊ฐ์ด๋์์๋ ๋ค๋น๊ฒ์ด์
๋ฐ๋ฅผ โ์ ์ ๋ค์ด (์ฑ์) ์ ๋ณด๊ตฌ์กฐ ์ ์ฒด๋ฅผ ์ง๋๋ค๋๊ธฐ ์ข๊ฒ
ํ๋คโ๋ผ๊ณ ์ ์ํด ๋จ์ต๋๋ค. ๋ถ๊ฐ ๊ธฐ๋ฅ์ผ๋ก๋ โํ๋ฉด์ ํ์๋๋ ์ปจํ
์ธ ๋ฅผ ์ ์ดํ๋คโ๊ณ ๋ ์์ต๋
๋ค. (A navigation bar helps users navigate through an information hierarchy and,
optionally, manage screen contents.)
ํ๋ฉด ์ต ์๋จ์ status bar ๋ฐ๋ก ๋ฐ์ ๋ถ๋ ์์ญ์ ๋งํ๊ณ ์์ฃผ ๋ง์ด ์ปค์คํฐ๋ง์ด์งํ์ง ์๋ ํ
๋ค๋น๊ฒ์ด์
๋ฐ๋ ์ผ๋ฐ์ ์ผ๋ก ์ฑ์ ์ธ์ ๋ ์์ต๋๋ค.
๋ค๋น๊ฒ์ด์
๋ฐ์ ๊ตฌ์ฑ์์
1.
2.
3.
4.
5.
6.
์ํ ๋ฐ(status bar)์ ๋ค๋น๊ฒ์ด์
๋ฐ์ ๊ด๊ณ
๋ค๋น๊ฒ์ด์
๋ฐ ํํ
๋ค๋น๊ฒ์ด์
๋ฐ๋ฅผ ์ด๋ฏธ์ง๋ก ์ฑ์ฐ๋ ๊ฒฝ์ฐ
๋ค๋น๊ฒ์ด์
๋ฐ ํ์ดํ
์ด์ ๋ฒํผ
๋ค๋น๊ฒ์ด์
๋ฐ ์์ ์์นํ ๋ฒํผ๋ค์ ์์น
- 4. (iOS) ์ํ ๋ฐ(status bar)์ ๋ค๋น๊ฒ์ด์
๋ฐ์ ๊ด๊ณ
โโโโโ SKT
3G
4:34 PM
100%
ํ์ดํ
โโโโโ SKT
3G
4:34 PM
100%
ํ์ดํ
๋ค๋น๊ฒ์ด์
๋ฐ์ ์ํ๋ฐ
iOS7 ์ด ๋ฐํ๋ ์์ ๋ถํฐ ํ์ค์ด ๋ฐ๋๋ฉด์ ํฌ๋ช
ํ๊ฑฐ๋ ํน์ ํฌ๋ช
ํ์ง ์๋ ์ํ๋ฐ๊ฐ โํฌ๋ช
(transparent)๋ก ๊ตํต ์ ๋ฆฌ๋์์ต๋๋ค. (*๊ฐ์ด๋์๋ ์ํ๋ฐ๋ฅผ ์ ์ธํ ๋ค๋ฅธ ๋ฐ๋ค, ๋ค๋น๊ฒ์ด์
๋ฐ, ํญ๋ฐ, ํด๋ฐ, ๊ฒ์ ๋ฐ ๋ ๋ฐํฌ๋ช
ํ๋ค๊ณ ํํํฉ๋๋ค.) ์ํ๋ฐ๊ฐ ๊ฐ์ ๋ก ํฌ๋ช
ํด์ง๋ฉด์ ์ฑ ์ ์
์๊ฐ ์ํ๋ ๋๋ก ์ํ ๋ฐ ๋ค์ ์ปฌ๋ฌ๊ฐ์ ์ง์ ํ ์ ์๊ฒ ๋ฉ๋๋ค.
์ ํํ๋ ์ํ ๋ฐ๊ฐ โํฌ๋ช
โํด์ ํต๊ณผํด์ ๋ณด์ด๋ ํํ๋ผ๊ณ ์๊ฐํ๋ฉด ๋ฉ๋๋ค.
์ด๋ ๊ฒ ๋๋ฉด์
์ํ ๋ฐ ๋ฐ์ ์ฑ์ ๋ค๋น๊ฒ์ด์
๋ฐ๋ฅผ ๋์ ๋, ๊ฒฝ๊ณ๋ฅผ ์์ ๋ฒ๋ฆฌ๋ฉด์ ์ญ ๋ซ๋ฆฐ ํํ๋ก ๋ง๋ค์ด ๋๋
๊ฒฝ์ฐ๊ฐ ๋ง์์ก์ต๋๋ค. ๊ทธ๋ฐ๋ฐ ์ด๋ ๊ฒ ํ๋ ค๋ฉด ๋ค๋น๊ฒ์ด์
๋ฐ์ ๋ณผ๋ฅจ๊ฐ์ด๋ ๊ทธ๋ฆผ์๋ ํจํด์ ์ฃผ
๊ธฐ ํ๋ค์ด์ง๋๋ค.
* ๋ค๋น๊ฒ์ด์
๋ฐ์ ์ปฌ๋ฌ๊ฐ์ ์ง์ ํด์ ์ ๋ฌํ ๋๋, iOS์์๋ RGB ๊ฐ (78,103,200) ๋ง ํ์
ํฉ๋๋ค. ๊ฐ์ ์ปฌ๋ฌ๋ฅผ ์๋๋ก์ด๋์ ์ ๋ฌํ ๋๋ hex ๊ฐ์ ์ฌ์ฉํฉ๋๋ค.
BG์ปฌ๋ฌ
(255,216,65)
- 5. (iOS) ๋ค๋น๊ฒ์ด์
๋ฐ์ ํํ
iOS ๊ธฐ๋ณธ
๋ค๋น๊ฒ์ด์
๋ฐ์ ํํ
์ฌ๋ก๋ณผ๋กํ๋ iOS6๊น์ง์ ๋์์ธ์์ iOS7์ ๋ฉ์ํฉ๋๋ค. ๋์ด๊ฐ๋ 44px (Retina 88px)
๋ก ๊ณ ์ ๋์ด์์ต๋๋ค.
๋ค๋น๊ฒ์ด์
๋ฐ์ ๋ค๋ฅธ ์์ญ๊ฐ์ ๊ตฌ๋ถ์
(iOS6)๋๋ ์๋์ฐ๊ฐ ์๋์ชฝ์ ๋ค์ด๊ฐ
(iOS7) ์๋์ชฝ์ ๋ผ์ธ์ด 1 ํฝ์
์ง๋ฆฌ ๊ฐ ๋ค์ด๊ฐ
(์ปค์คํฐ๋ง์ด์ง ์ ํ๊ณ ) ์ง์ ๊ฐ๋ฅํ ์์์
(iOS6) ๋ฐ์ ๋ฐฐ๊ฒฝ์ (์ ์ด๋ฏธ์ง์์๋ ํธ๋ฅธ์์ผ๋ก ๋ณด์ด๋ ์ ์์ญ)
(iOS7) ๋ฐ ๋ฐฐ๊ฒฝ์ (๋จ์ผ ์ปฌ๋ฌ, barTintColor) ๊ณผ ๋ฐฑ ๋ฒํผ ์ (tintColor)
๋ค๋ก ๊ฐ๊ธฐ ๋ฒํผ์
(iOS6) ์ด์ ํ๋ฉด์ ํ์ดํ์ด ๋ค์ด๊ฐ ๋ณผ๋กํ ๋ฒํผ์ด ํ์
(iOS7) ํ์ดํ์ ์ด์ ํ๋ฉด์ ํ์ดํ์ด ์๋์ผ๋ก ์๊น
* iOS7์์ ํ์ดํ๋ฅผ ๋ํดํธ๋ก ์ ๊ณตํ๋ ๊ฑฐ ๋ง๊ณ ์๋กญ๊ฒ ์ฐ๊ณ ์ถ์ผ๋ฉด ๋ง์คํฌ ์ด๋ฏธ์ง๋ ํ์ํ
๋ค๊ณ ํฉ๋๋ค. (If you want to use a custom image to replace the default chevron, you also need to create a
custom mask image. iOS 7 usesthe mask to make the previous screenโstitle appear to emerge fromโor
disappear intoโthe chevron during navigation transitions. To learn about the properties that control the Back
button and mask image, see UINavigationBar Class Reference.)
- 6. (iOS) ๋ค๋น๊ฒ์ด์
๋ฐ๋ฅผ ์ด๋ฏธ์ง๋ก ์ฑ์ด๋ค๋ฉด
โโโโโ SKT
3G
4:34 PM
100%
ํ์ดํ
Readablity (iOS6)
๋ค๋น๊ฒ์ด์
๋ฐ๋ฅผ ์ด๋ฏธ์ง๋ก ์ฑ์ฐ๊ณ ์ถ๋ค๋ฉด
iOS ๊ฐ์ด๋์์ ์ ๊ณตํ๋ ๋ฐฉ๋ฒ ๋ง๊ณ โ์ฐ๋ฆฌ์ ๋๋๊ณผ ๋ธ๋๋๋ฅผ ํํ ๋ํ๋ด๋ ํํ๋ก ๊ฐ๊ณ ์ถ์ผ
๋ ์ด๋ฏธ์ง๋ฅผ ์จ์ผ๊ฒ ์ด์โ ํ ๋๋ ๋ฐฑ๊ทธ๋ผ์ด๋ ์ด๋ฏธ์ง๋ฅผ ์ง์ ํด์ ์ ๋ฌํฉ๋๋ค.
iOS7์ ๋ง์ถ ๋์์ธ์์๋ ์์ง ์ ๋ ๊ฒ ๋์ด ๋๊ธ๋๊ธํ๊ฒ ๋ค์ด๊ฐ๊ฑฐ๋ ํจํด์ ๊น ํํ๋ ๋์ค
์ง ์์ง๋ง iOS6๊น์ง์ ๋์์ธ์์๋ ์ด๋ฏธ์ง๋ฅผ ์ฑ์ ๋ณผ๋ก๋ณผ๋ก ๊ทธ๋ผ๋ฐ์ด์
์ ์ฌ์ฉํ๊ธฐ๋ ํ์ต๋
๋ค.
* ์ด๋ฏธ์ง๋ฅผ ์ฌ์ฉํด bg๋ฅผ ์ฑ์ธ ๋๋ ๊ธฐ๋ณธ ๋ฒ์ ๊ณผ x2 ๋ฒ์ (๋ ํฐ๋) ์ ์ ์ํด์ผ ํฉ๋๋ค. ํ์ผ ๋ช
์ ๋ ํ์ผ์ ๋์ผํ๊ฒ ํ์ง๋ง ๋ ํฐ๋ ์ด๋ฏธ์ง์๋ @2x๋ฅผ ์ถ๊ฐํฉ๋๋ค.
Hey ์์ ์ฌ์ฉํ ์ด๋ฏธ์ง
btn_menu_top_bar_pressed.png
btn_menu_top_bar_pressed.png
top_bar.png
top_bar@2x.png
- 7. (iOS) ๋ค๋น๊ฒ์ด์
๋ฐ ํ์ดํ
btn_menu_top_bar_pressed.png
btn_menu_top_bar_pressed.png
Instagram (iOS7)
๋ค๋น๊ฒ์ด์
๋ฐ ํ์ดํ
์ง๊ธ ํ์ํ ํ๋ฉด์ ๋ํ ์ ๋ชฉ์ผ๋ก, ๋ณดํต ๊ธ์๋ฅผ ์๋๋ค. ํ์ง๋ง ์ฑ ์ ์์ฌ์ ๋ธ๋๋๋ฅผ ๋ํ๋ด๊ธฐ
์ํด ์ด๋ฏธ์ง๋ฅผ ๋ฃ๋ ๊ฒฝ์ฐ๋ ์์ต๋๋ค.
* ๋ค๋น๊ฒ์ด์
๋ฐ์ ์ฌ๋ผ๊ฐ๋ ํ์ดํ ๊ธ์จ ๋ํดํธ 34px, Medium
- 8. (iOS) ๋ค๋น๊ฒ์ด์
๋ฐ, ์ด์ ๋ฒํผ
Circa News (iOS7)
TED(iOS7)
Luvocracy (iOS7)
์ด์ ๋ฒํผ
iOS์์์ ์ด์ ๋ฒํผ์ ์ด์ ํ๋ฉด๊ณผ ํ์ฌํ๋ฉด์ ๊ด๊ณ์ ๊ฐ์์น ์๊ณ โ์ง์ ์ ๋ณธ ํ๋ฉดโ
* ํ์ดํ (chevron) ์ ํ์ดํ
iOS7 ๊ธฐ๋ณธ๋๋ก ํ ์
1. ์ด์ ํ์ด์ง์ ํ์ดํ์ ํ์
2. ์ด์ ํ์ด์ง๋ ํ์ฌ ํ์ด์ง์ ํ์ดํ์ด ๊ธด ๊ฒฝ์ฐ (Back ์ด๋ผ๊ณ ์๋์ผ๋ก ํ์๋จ)
3. ์ด์ ํ์ด์ง์ ํ์ดํ์ ํ์ํ์ง ์๊ณ ์ถ์ ๋๋ ๊ณต๋ฐฑ๋ฌธ์ ์
๋ ฅ
์๋์ ๋ ์์๋ iOS7์ ๊ธฐ๋ณธ์ด ์๋, ์ปค์คํฐ๋ง์ด์ง์ ํ ํ๋ฉด
Artsy(iOS7)
Digg (iOS7)
- 9. (iOS) ๋ค๋น๊ฒ์ด์
๋ฐ ์์ ์์นํ ๋ฒํผ๋ค์ ์์น
(0,0)
โโโโโ SKT
3G
4:34 PM
ํ์ดํ
< ์ด์
100%
์๋ฃ
(0,64)
(60,104)
contents
๋ฒํผ๋ค์ ์์น ํ์
iOS7 (ํ๋ซ ๋์์ธ) ํ์ค๋๋ก ์ ์ํ๊ฒ ๋๋ฉด ์ด์ ๋ฒํผ (ํ์ดํ) ์ ํ์ดํ์ ํํ๋ ์๋์์ฑ
์ด๋ฏ๋ก ๋ฒํผ์ ์์น๋ฅผ ๋ณ๋๋ก ์ง์ ํ ํ์๋ ์๋ค. ๋จ, ๋ค๋น๊ฒ์ด์
์ ์ปค์คํฐ๋ง์ด์งํ๊ฒ ๋๋ฉด
iOS6์์์ฒ๋ผ ํ๋ฉด์ ์ด๋ ์์น์ ๋ง์คํฌ ์ด๋ฏธ์ง๋ฅผ ์ฌ๋ฆด ๊ฒ์ธ์ง์ ๋ํด์ ์ง์ ํ๊ณ ํ์ํด ์ค
์ผํ๋ค.
(150,43)
60px
- 10. (Android) ์ก์
๋ฐ
์ก์
๋ฐ
์๋๋ก์ด๋ ๋์์ธ ๊ฐ์ด๋์์๋ ์ก์
๋ฐ๋ฅผ, โ์ฑ์ ์ฌ์ฉํ๋ ๋ด๋ด ์๋จ์ ํ์๋๊ณ , ์ฑ ๋ด ์ด๋
์ ์ฉ์ดํ๊ฒ ๋๊ณ ์ฃผ์ ์ก์
์ ์ฝ๊ฒ ํ๋คโ ๊ณ ์์ฝ์ด ๋์ด์์ต๋๋ค. ํ๋ฉด ์ต ์๋จ status bar ๋ฐ
๋ก ๋ฐ์ ๋ถ์ต๋๋ค. (* ์์น๋ iOS์ ๋ค๋น๊ฒ์ด์
๋ฐ์ ์ ํํ ๊ฐ์ )
iOS ๋ค๋น๊ฒ์ด์
๋ฐ์ ๋์ฒด๋ก ๊ธฐ๋ฅ์ ์ผ์นํ์ง๋ง ๋ ๋ง์ ๊ธฐ๋ฅ์ ๋ด๊ณ ์์ต๋๋ค.
1.
2.
3.
4.
์ฑ ๋ด ์ด๋์ ๋์ (2๋ฒ ๋ทฐ ์ปจํธ๋กค)
์ฑ ์์ด๋ดํฐํฐ ํ์ (1๋ฒ ์ฑ ์์ด์ฝ)
์ค์ ์ก์
์ ๋ฒํผ์ผ๋ก ๋ฃ์ด ๋ ์ฝ๊ฒ ๋์ (3๋ฒ ์ก์
๋ฒํผ)
๋ ์ค์ํ ์ก์
์ ๋ ๋ณด๊ธฐ ์์ ๋ฐ์ด๋ฃ์ด ์ ๋ฆฌ (4๋ฒ ์ก์
์ค๋ฒํ๋ก์ฐ)
์ก์
๋ฐ์ ๊ตฌ์ฑ์์
1.
2.
3.
4.
5.
6.
7.
8.
์ก์
๋ฐ ํํ
์ก์
๋ฐ๋ฅผ ์ด๋ฏธ์ง๋ก ์ฑ์ฐ๋ ๊ฒฝ์ฐ
๋ทฐ ์ปจํธ๋กค
์ฑ ์์ด์ฝ๊ณผ ์์๋ก ์ด๋ํ๋ ํ์ดํ
ํ์ดํ์ ๋ฐฑ๋ฒํผ์ผ๋ก ์ธํ ๋ค๋น๊ฒ์ด์
๊ตฌ์กฐ ์ฐจ์ด
์ก์
๋ฒํผ
์ก์
๋ฐ ์์ ์์นํ ๋ฒํผ๋ค์ ์์น
๋ ๋ณด๊ธฐ ๋ฒํผ (์ก์
์ค๋ฒ ํ๋ก์ฐ)
- 11. (Android) ์ก์
๋ฐ ํํ
์ก์
๋ฐ ํํ
์๋๋ก์ด๋ ๋์์ธ ๊ฐ์ด๋์์ ๊ถ์ฅํ๋ ์ฌํญ์ (1) ์ฑ ์์ด์ฝ (2) ๋ทฐ์ปจํธ๋กค(ํ์ด์ง ํ์ดํ)
(3) ์ก์
๋ฒํผ ์
๋๋ค. ํ์ง๋ง ์ค์ ์์ค์ ๋์์๊ณ ์ ์๋ ์ฑ๋ค์ ์ฝ๊ฐ์ฉ ๋ณํ๋ ๋ชจ์ต์ ๋ณด์
๋๋ค.
์๋๋ก์ด๋ OS๋ฅผ ์ฌ์ฉํ๋ ๋ค์ํ ๊ธฐ๊ธฐ๋ค์ ์๋ก ๋ค๋ฅธ ํด์๋์ ํ๋ฉด๋น์จ์ ๊ฐ์ง๊ณ ์์ด์ ๊ฐ
์ ์ฑ์ด๋ผ๋ ์ก์
๋ฐ์ ๊ฐ๋ก๊ธธ์ด๋ ์ฑ์ ๋ง๋ ์ฌ๋๋ ๊ตฌ๊ธ๋, ์ ์กฐ์ฌ๋ ๋ณด์ฅ๋ชปํ๊ฒ ์ญ์ญ ๋์ด๋ฉ
๋๋ค. ๊ทธ๋ฌ๋ค ๋ณด๋ ์ก์
๋ฐ๋
1. ๋จ์ผ ์ปฌ๋ฌ๋ก ์ฑ์ฐ๊ฑฐ๋ (google play ์ twitter)
2. ํจํด์ผ๋ก ์ฑ์ฐ๊ฑฐ๋ (Instagram, 8 tracks, ์ธ์ด์๋)
3. ์ด๋ฏธ์ง๋ฅผ ๊น๊ณ ๋์ด๋ ์์ญ์ ํ์ (์ด์, hey)
ํฉ๋๋ค.
1๋ฒ์ผ๋ก ๋์์ธ ํ ๋์๋ BG์ปฌ๋ฌ๋ฅผ Hex ๊ฐ (#31B7D5) ์ผ๋ก ์ง์ ํด์ผ ํฉ๋๋ค.
2๋ฒ๊ณผ 3๋ฒ์ ๊ฒฝ์ฐ๋ ๊ธฐ์ค์ด ๋๋ ์ด๋ฏธ์ง๋ฅผ ์ ์ํ๊ณ ๋์ธํจ์น๋ฅผ ์ ์ฉํฉ๋๋ค.
* ์ธ์ด์๋์ ๊ฒฝ์ฐ iOS์ UI๋ฅผ ๊ทธ๋๋ก ์ฐจ์ฉํ ํํ๋ก ๊ถ์ฅํ๋ ํํ๋ ์๋๋๋ค.
- 12. (Android) ์ก์
๋ฐ๋ฅผ ์ด๋ฏธ์ง๋ก ์ฑ์ฐ๋ ๊ฒฝ์ฐ
์ฌ๊ธฐ๊ฐ ๋ค ๋์ด๋๋ ์์ญ
์ก์
๋ฐ ๋์ด ๋๊ทธ๋๊ฒ ๋ง๋ฆฐ ํํ๋ฅผ ์ํ๋ค๋ฉด
๋ผ์ด๋ฉ๋ ์ด๋ฏธ์ง๋ ๋ฏธ๋ฆฌ ์ ์ํ ์ด๋ฏธ์ง์์ โ๋๋ ค์ผ ํ ์์ญโ์ ํ์ํฉ๋๋ค.
์ด์์์ ์ ์ํ ์ฑ ์ค์์๋ ๋ํ์ ์ผ๋ก hey ์ ์ฐ์ ์ ํ๊ฒ์ฌ ๊ฐ ์์ต๋๋ค.
ํต์ Status bar๊ฐ ๊ฒ์์์ด๋ฏ๋ก ์ก์
๋ฐ ๋ผ์ด๋ฉ์ผ๋ก ๋จ์ ์์ญ์ ๊ฒ์์์ผ๋ก ํ์
์ด๋ฏธ์ง์์ ๋์ด๋ ์ ์๋ ์์ญ์ ํ์ํด์ค๋๋ค.
๋์ธํจ์น, ์ด๋ฏธ์ง์ ์ผ์ชฝ๊ณผ ์์ชฝ ์์ญ์ ์ ์ ํ ๊ฐ์ฉ ์ฐ์ด ์ค๋๋ค.
- 13. (Android) ์ก์
๋ฐ์ ๋ทฐ ์ปจํธ๋กค
๋ชจ๋ ์์
์คํ๋ผ์ธ ์ ์ฉ
๋๋ก์์ ๋ทฐ์ปจํธ๋กค์ ๋ญ๊ฐ ์ด๋ป๊ฒ ๋ค๋ฅธ๊ฐ
๋๋ก์ : ์ผ๋ฐ์ ์ผ๋ก ์ฑ ์ ์ฒด๋ฅผ ์ด๊ดํ๋ ๋ฉ๋ด๋ฅผ ํ์ํ๊ณ ์ฃผ๋ก ๊ฐ์ฅ ํฐ ๋ฉ๋ด ์ค์ฌ์ผ๋ก ํ์
๋ทฐ์ปจํธ๋กค : ํ๋ฉด์ ํ์ํ๋ ๋ด์ฉ์ ๊ฑธ๋ฌ์ ํ์ (๊ตฌ๊ธ ๋ฎค์ง / ๊ตฌ๊ธ ํ๋ฌ์ค / ๊ธฐ๋ณธ ๋ด์ฅ ๊ฐค๋ฌ๋ฆฌ
์ฑ / ์๋ฒ๋
ธํธ)
์๋๋ก์ด๋์์๋ ์์ฌ ๋ง๊ฒ ์ก์
๋ฐ์์ ๋ค๋น๊ฒ์ด์
์ ์ฌ๋ฌ ํํ๋ก ์ ๊ณตํ๊ฒ ๋ฉ๋๋ค. ๋๋ฑํ
ํ ์์ ์๋ ์์ดํ
์ ์ด๋ป๊ฒ ๋ณด์ฌ์ค ๊ฒ์ด๋๋ฅผ ๋ทฐ์ปจํธ๋กค์์ ์กฐ์ ํฉ๋๋ค. ๋ทฐ์ปจํธ๋กค์ ์ฐ๋ ๋ฐฉ
์์ ์ฑ์ ์ ์ํ ๋ ๋ณ๋๋ก ์ง์ ํ ์ ์๊ธฐ๋ ํ์ง๋ง ํ์ฌ๊น์ง ๋ฐ๊ฒฌ๋ ์ฉ๋๋ โsorting ํน์
filteringโ ์
๋๋ค.
- 14. (Android) ์ฑ ์์ด์ฝ๊ณผ ์์๋ก ์ด๋ํ๋ ํ์ดํ
์ก์
๋ฐ์ ํ์๋๋ ์ฑ ์์ด์ฝ๊ณผ ํ์ดํ
์ฑ ์์ด์ฝ์ ๊ฐ ์ฑ ์ ์์ฌ๋ค์ ์์ด๋ดํฐํฐ๋ฅผ ๋ํ๋
๋๋ค. ๊ฐ์ด๋๋ผ์ธ์ ๋ค์ ธ๋ณด๋ฉด ์ก์
๋ฐ์์
๋ธ๋๋๋ฅผ ๋ํ๋ผ ์ ์๋ ๊ฑฐ์ ์ ์ผํ ์์ญ์ด๊ธฐ๋ ํฉ๋๋ค.
1. ์์ด์ฝ ๋ง ์๋ ๊ฒฝ์ฐ : ์ฑ์์ ๊ฐ์ฅ ์์ ํ๋ฉด์ผ ๋
2. ์์ด์ฝ๊ณผ ์์ ํ์ดํ (Up caret) ๊ฐ ์๋ ๊ฒฝ์ฐ : ์ฌ๋ผ๊ฐ ์์ํ๋ฉด์ด ์์ ๋
* ์๋๋ก์ด๋์์์ ๋ค๋น๊ฒ์ด์
๊ตฌ์กฐ๋ ํ๋์ฝค(Honeycomb) ์ ์๋ ์จ์ ํ ๋๋ฐ์ด์ค์ ๋ด์ฅ
๋ โ๋ค๋ก๊ฐ๊ธฐ(back)โ ๋ฒํผ์๋ง ์์กดํ์ง๋ง ์ฑ ์์ด์ฝ๊ณผ ํจ๊ป ์๋ก ๊ฐ๋ ํ์ดํ๋ฅผ ํ์ํ๊ฒ ๋
๋ฉด์ โ์ฑ ๋ด๋ถ์์ ์ด๋์ ์ด๋ป๊ฒ ํ ๊ฒ์ธ๊ฐโ์ ๋ํด์ ๋ณด๋ค ๋ช
ํํ๊ฒ ์ ์๋์์ต๋๋ค.
์ต๊ทผ ์ถ์๋ ์ฑ๋ค์์๋ ์ ค๋ฆฌ๋น (Jellybean) ๊ธฐ์ค์ผ๋ก ๊ณต์ ์ง์ ๋ ๋ค๋น๊ฒ์ด์
๋๋ก์์ ํจ๊ป
ํ์๋๊ณ ์์ต๋๋ค.
Navigation Drawer ์ด๋ฆฐ ์ํ, ์ต์๋จ
์ ํํ ๋ฉ๋ชจ ์์ธํ๋ฉด
Navigation Drawer ๋ซํ ์ํ, ์ต์๋จ
Google Keep (ICS+)
- 15. (Android) ํ์ดํ์ ๋ฐฑ๋ฒํผ์ผ๋ก ์ธํ ๋ค๋น๊ฒ์ด์
๊ตฌ์กฐ ์ฐจ์ด
Google Keep (ICS+)
๋๋ฐ์ด์ค ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ๊ณผ ์ก์
๋ฐ์ ์๋ก๊ฐ๊ธฐ ๋ฒํผ
1. ๋๋ฐ์ด์ค โ๋ค๋ก๊ฐ๊ธฐโ ๋ฒํผ
- ํ๋ฉด์ ํ์๋๋ ๋ด์ฉ์ ๊ธฐ์ค์ผ๋ก ์ด์ , ๋ฐฉ๊ธ ์ ์ ๋ณธ ํ๋ฉด์ ํ์
- ๋๋ฌธ์ ์ฑ ๋ด ์ด๋์ด ์๋๋ผ ๋ฐฉ๊ธ ์ ๊น์ง ์ฌ์ฉํ๋ ์ฑ์ผ๋ก ์ด๋ํ ์๋ ์์
- ๋ค๋น๊ฒ์ด์
๋๋ก์๋ก ๋ฉ๋ด 1์์ ๋ฉ๋ด 2๋ก ์ด๋ํด์์ ๋ โ๋ค๋ก๊ฐ๊ธฐโ ๋ฒํผ์ ๋๋ก์์์
์ ํํ ๋ฉ๋ด๋ ๋ฌด์ํจ
2. ์์ด์ฝ ์ ํ์ดํ
- ์ฑ ๋ด ์์๋ก ์ด๋
- ์ฑ ๋ด ์์ํ์ด์ง๋ฅผ ์ฐ ์ ์ด ์์ด๋ (์ด์ ํ์คํ ๋ฆฌ์ ์ ๋จ์๋) ์ด๋
๊ฐ์ฅ ์ผ๋ฐ์ ์ธ ์ผ์ด์ค
๋๋ฐ์ด์ค ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ๊ณผ ์ฑ ๋ด ์๋ก๊ฐ๊ธฐ ๋ฒํผ์ด ์ฐจ์ด ์๋ ๊ฒฝ์ฐ
1. ํ ํ๋ฉด์์ ์ฑ ์คํ
2. ์ฑ ๋ด ์ต์๋จ ํ์ด์ง ํ์๋จ.
- ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด 1๋ฒ ํ๋ฉด์ผ๋ก ์ด๋
- ์์ดํ
์ ์ ํํ๋ฉด ํด๋น ์์ดํ
์ ํ์ ํ๋ฉด (3๋ฒ) ์ผ๋ก ์ด๋
3. ์์ดํ
์์ธํ๋ฉด์ด ํ์๋จ
- ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด 2๋ฒ ํ๋ฉด์ผ๋ก ์ด๋
- ์๋ก๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด 2๋ฒ ํ๋ฉด์ผ๋ก ์ด๋
- 16. (Android) ํ์ดํ์ ๋ฐฑ๋ฒํผ์ผ๋ก ์ธํ ๋ค๋น๊ฒ์ด์
๊ตฌ์กฐ ์ฐจ์ด
Archive
์์ ฏ์ผ๋ก ์ฑ ์คํ ์ผ์ด์ค
๋๋ฐ์ด์ค ๋ฒํผ๊ณผ ์ฑ ๋ด ์๋ก๊ฐ๊ธฐ ๋ฒํผ์ด ๋ค๋ฅธ ํ๋ฉด์ ๊ฐ๋ฆฌํค๋ ๊ฒฝ์ฐ
1. ํ ํ๋ฉด์์ ์์ ฏ์์ ํน์ ์์ดํ
์ ์ ํํด ์ฑ ์คํ
2. ์์ดํ
์์ธํ๋ฉด ํ์
- ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด 1๋ฒ ํ๋ฉด
- ์๋ก๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด 3๋ฒ ํ๋ฉด (์ฑ ๋ด ์์ํ์ด์ง)
3. ์ฑ ๋ด ์์ํ์ด์ง ํ์
- ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด 1๋ฒ ํ๋ฉด (์ฑ ์คํ ์ ์ผ๋ก) ๋์๊ฐ๋ฒ๋ฆผ (์ต์์์ด๊ธฐ ๋๋ฌธ์ ๋ค๋ก
๊ฐ๊ธฐ ๋๋ ์ ๊ฒฝ์ฐ ์ฑ์ด ์ข
๋ฃ๋จ)
- ์๋ก๊ฐ๊ธฐ ๋ฒํผ ์์. ๋ค๋น๊ฒ์ด์
๋๋ก์ ํ์๋จ
4. ๋ค๋น๊ฒ์ด์
๋๋ก์๋ฅผ ํผ์นจ
- ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด ๋๋ก์๊ฐ ๋ซํ๊ณ 3๋ฒํ๋ฉด์ด ํ์๋จ
- ๋๋ก์์์ ๋ค๋ฅธ ๋ฉ๋ด๋ฅผ ์ ํํ๋ฉด 5๋ฒ ํ๋ฉด ํ์
5. ๋๋ก์์์ ์ ํ๋ ๋ฉ๋ด๋ก ํ์ด์ง๊ฐ ํ์๋๊ณ 3๋ฒ๊ณผ ๋์ผํ๊ฒ ์ฑ ๋ด ์ต์์ํ์ด์ง๋ก ํ์
- ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด 1๋ฒ ํ๋ฉด (์ฑ ์คํ ์ ์ผ๋ก) ๋์๊ฐ๋ฒ๋ฆผ (์ต์์์ด๊ธฐ ๋๋ฌธ์ ๋ค๋ก
๊ฐ๊ธฐ ๋๋ ์ ๊ฒฝ์ฐ ์ฑ์ด ์ข
๋ฃ๋จ)
- ๋๋ก์๋ฅผ ํผ์น๋ฉด 3๋ฒํ๋ฉด์์ ํผ์ณค์ ๋์ ๋์ผํ ์ก์
์ด ๊ฐ๋ฅํจ
- 17. (Android) ์ก์
๋ฒํผ
์ก์
๋ฐ ์์ ์ฌ๋ฆฌ๋ ์ก์
๋ฒํผ
์ฌ์ฉ์์๊ฒ โ์ง๊ธ ์ด ์ํฉ์์๋ ์ด๊ฑธ ํ๋ ๊ฒ ๋์๊ฒ๋ ๊ฝค ์ข์ ๊ฑฐ์ผโ ๋ฅผ ๋ฏธ๋ฆฌ ์ ๊ณตํด์ฃผ๋ ๋ฒํผ
์
๋๋ค. ๊ฐ์ด๋์๋ โContextual Action Buttonโ์ด๋ผ๊ณ ๋์์๊ณ ์ค์ ๋ก ์ก์
๋ฐ์ ๋ฒํผ์ด
๋ถ๋ฐ์ด๋ก ๋ฑ ์๋ ๊ฒ์ ์๋๊ณ ์ํฉ์ ๋ฐ๋ผ ๋ฒํผ์ด ๋์๋ค๊ฐ ๋ค๋ฅธ ๊ฑธ๋ก ๋ฐ๋์๋ค๊ฐ ํฉ๋๋ค.
Google Music, ๊ฒ์ ์ก์
์ ๊ณต
8tracks, ์๋ก๊ณ ์นจ ์ก์
์ ๊ณต
๊ธฐ๋ณธ ์ก์
๋ฐ์ ์ฌ๋ผ๊ฐ๋ ํํ
ํ๋ฉด ์ ์ฒด (ํน์ ์ฑ ์ ์ฒด) ์ ์ํฅ์ ์ฃผ๋ ๋ํ์ ์ธ ๋ ์ก์
์
๋๋ค. ์ฌ์ฉ์๊ฐ ๋ฑํ ๋ญ ์ ํํ์ง
๋ ๋ญ ๋ณด๋ด๋ คํ์ง๋ ๋กฑํ๋ ์ค๋ฅผ ํ์ง๋ ์์ ์ํ์์ ํ์๋๋ ์ก์
๋ฒํผ์
๋๋ค. ๋์ ์ด ๋ฒํผ
์ ์ ํํ๋ฉด ํ๋ฉด์ด ๋ณํฉ๋๋ค.
์ ํ๋ ์์ดํ
์ ๋ํ ์ก์
์ด ์ก์
๋ฐ์ ํ์
์ ํํ ๊ฑธ ๋ณต์ฌํ๊ฑฐ๋ ์๋ฅด๊ฑฐ๋ ๊ณต์ ํ๋ ๊ฒฝ์ฐ์ ํด๋น ์ก์
์ ๋ํ ํ์๊ฐ ์ก์
๋ฐ์ ์ฌ๋ผ์ต๋
๋ค. ๊ธฐ๋ฅ์ด ๋ง์ผ๋ฉด ์ก์
๋ฐ์๋ ์ ํ๋ง ํ์๋๊ณ bottom bar ์ ์ก์
๋ฒํผ์ด ์ฌ๋ผ์ค๊ธฐ๋ ํฉ๋
๋ค. ํ์ง๋ง ์ด์์์๋ ์ด๋ ๊ฒ ๋ง์ ๊ธฐ๋ฅ์ ๋น๋ถ๊ฐ์ ์ ๊ณตํ์ง ์์ ๊ฒ ๊ฐ๋ค์.
- 18. (Android) ์ก์
๋ฐ ์ ๋ฒํผ๋ค์ ์์น
์์น ํ์๋ ์๋์ ์ผ๋ก
์๋๋ก์ด๋ ๊ฐ์ด๋ ๋๋ก ๋์์ธ์ ํ๊ฒ ๋๋ฉด ๊ฐ๊ฐ์ ๊ฐ๊ฒฉ์ ํฌ๊ธฐ์ ๋ํด์๋ ๋ณ๋ ์ง์ ์ ํ์ง
์์๋ ๋ฉ๋๋ค. (Google Keep) ํ์ง๋ง ๋์์ธ์์ ์ด์ ๋ก ์ปค์คํฐ๋ง์ด์ง์ ํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง๊ณ
์ด ๊ฒฝ์ฐ์๋ ์ก์
๋ฐ ์์ ์ฌ๋ผ๊ฐ๋ ์์ด์ฝ์ ์์น์ ๊ฐ๊ฒฉ์ ์ง์ ํด์ค์ผ ํฉ๋๋ค.
1. ํต์ ๊ฐ์ฅ์๋ฆฌ์ ๊ฐ์ฅ ๊ฐ๊น์ด ์์ด์ฝ์ ์์น๋ฅผ ๋จผ์ ์ง์ ํฉ๋๋ค.
- ๊ฐ์ฅ ๋์ ๋์ผ ์์ด์ฝ์ด ์์์ ์ผ๋ง ์ผ์ชฝ์์ ์ผ๋ง ๋จ์ด์ ธ ์๋ ์ง dp๋ก ํ์ํฉ๋๋ค.
2. ๊ทธ ๋ค์ ๋์ด๋ ์์ด์ฝ์ ๋ฏธ๋ฆฌ ๋์ธ ์์ด์ฝ๊ณผ์ ๋จ์ด์ง ๊ฑฐ๋ฆฌ๋ฅผ ํ์ํฉ๋๋ค.
3. ์ก์
๋ฐ์ ์ฌ๋ฆฌ๊ฒ ๋๋ ๋ชจ๋ ์์ด์ฝ๊ณผ ์ด๋ฏธ์ง๋ ์ฌ์ด์ฆ์ ํน์ฑ ์ง์ ์ด ํ์ํฉ๋๋ค.
- ๊ตฌ๋ถ์ ์ ๊ฒฝ์ฐ์๋ ๋ค๋ฅธ ์ด๋ฏธ์ง์ ๋์ผํ๊ฒ ์ทจ๊ธํ๊ณ ์ ์ ๋๊ป, ๊ธธ์ด, ์์ ๋ํ ์ ์๊ฐ
ํ์ํฉ๋๋ค.
DIP๊ณผ DP ์ ๋ํ ์์ธํ ์ค๋ช
(by. ๋ธ๋ฃจ๋ ์๋ฃ)
1dp๋ 160dpi(mdpi) ์คํฌ๋ฆฐ์์ ๋ฌผ๋ฆฌ์ ์ผ๋ก 1ํฝ์
์ ํด๋นํ๋ค. ๊ณ ํด์๋์ผ์๋ก 1dp๊ฐ ๋ง
์ ํฝ์
์ ์ฐจ์งํ๋ค. px = dp * (dpi / 160)์ด๋ค. ์๋ฅผ ๋ค์ด 240dpi์์ 1dp๋ 1.5 physical
pixel๊ณผ ๊ฐ๋ค.
dp = px / (dpi / 160)
์ดํ๋ฆฌ์ผ์ด์
์ UI๋ฅผ ์์ฑํ ๋์๋ ๋ฐ๋์ dp ๋จ์๋ฅผ ์ฌ์ฉํ์ฌ์ผ ํ๋ค. ๊ทธ๋์ผ ๋ค์ํ ํด์๋
์์์ ์ ์ ํ UI๋ฅผ ์ง์ํ ์ ์๋ค.
- 19. (Android) ๋ ๋ณด๊ธฐ ๋ฒํผ (์ก์
์ค๋ฒ ํ๋ก์ฐ)
๋ณด๊ด์ฒ๋ฆฌ
์ญ์
ํ์ธ๋ ํ์
๊ณต์ โฆ
์ค์
์๊ฒฌ ๋ณด๋ด๊ธฐ
๋์๋ง
์ก์
์ค๋ฒํ๋ก์ฐ
ํ๋ฉด์ ํ์ํ ์์ดํ
์ ๋ํด์ ๊ฐ๋ฅํ ์ก์
์ ์ก์
๋ฐ์ ์์ฐฝ ๋ฃ์ด์ โ๊ณต๊ฐ์ด ๋ชจ์๋ผโ ๊ทธ๋ฌ๋๊น
โ๋ ์ค์ํ ๊ฑธ ์จ๊ธฐ์โ ๋ผ๋ ์ทจ์ง๋ก ๋ง๋ค์ด์ง ๋ ๋ณด๊ธฐ ์
๋๋ค.
Q. ๋ด ํฐ์์ ์ ์ฉ์ฉ์ฉ์ด ์์ด์! ์์ธ๊ฐ์?
A. ์๋๋ก์ด๋ ๊ธฐ๊ธฐ ์ค์๋ ๋ฉ๋ด๋ฒํผ์ด ๊ธฐ๊ณ์ ๋ฑ ๋ฐํ ์ถ์๋๋ ๊ฒฝ์ฐ๊ฐ ์์ต๋๋ค. ํ์ง๋ง ์บก์ณ
ํ๋ฉด์ ์๋ ํฐ์ ๋ ํผ๋ฐ์ค ํฐ์์ ํ์๋๋ UI๋ก, ๊ทธ ๋ ํผ๋ฐ์ค ํฐ์๋ ๋ฉ๋ด๋ฒํผ์ด ๊ธฐ๊ธฐ์ ์๊ณ
OS์์ ํ์๋ฅผ ํด์ค๋๋ค. ๊ทธ๋์ ๋ณด์ด์ง ์๋ ๊ฑฐ์์. ๋ฉ๋ด๋ฒํผ์ ๋๋ฅด๋ฉด ์ ๊ฒ ํ๋ฉด ์๋์ชฝ์
์ ๋ณด์ผ ๊ฑฐ์์.
- 20. ๋ค๋น๊ฒ์ด์
๋ฐ์ ์ก์
๋ฐ, ํ ์ฅ์ผ๋ก ์์ฝ
OS
iOS
Android
์ด๋ฆ
๋ค๋น๊ฒ์ด์
๋ฐ (navigation bar)
์ก์
๋ฐ (action bar)
์ฃผ์ ๊ธฐ๋ฅ
์ฑ์์ ๊ธธ์ ์๋ด
์ฑ ๋ด ์ด๋์ ๋์
์ค์ ์ก์
์ ๋ฒํผ๋ค๋ก ์ ๊ณต
๋ถ ๊ธฐ๋ฅ
์ฑ ์์ด๋ดํฐํฐ ํ์
์ค์ ์ก์
์ ๋ฒํผ์ผ๋ก ์ ๊ณต
์ฑ ์์ด๋ดํฐํฐ ํ์
๋ค๋น๊ฒ์ด์
๊ตฌ์กฐ
์ด์ ๋ฒํผ์ผ๋ก ํ์ด์ง ์ ํ์ ๋์
๋๋ฐ์ด์ค ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ
์ฑ ์๋ก๊ฐ๊ธฐ ๋ฒํผ
๋ทฐ์ปจํธ๋กค
๋ค๋น๊ฒ์ด์
๋๋ก์
๋ค ๊ฐ์ง๋ฅผ ํผ์ฉํด์ ์ฌ์ฉ
ํ์ดํ ํ
์คํธ
๊ฐ์ด๋ฐ ์ ๋ ฌ
<
์ด์ ํ๋ฉด์ผ๋ก
๋ฒํผ ๋ค์ ์์น ํ์ ์ ๋์์น๋ฅผ ํ์
์ก์
๋ฒํผ
ํต์ ์ค๋ฅธ์ชฝ ์์ ํ ๊ฐ ํ์
(์ถ๊ฐ/ ์์ฑ / ์๋ฃ ๋ฑ)
์ผ์ชฝ ์ ๋ ฌ
์์ ํ๋ฉด์ผ๋ก
* ์ด์ ํ๋ฉด์ผ๋ก๋ ๋๋ฐ์ด์ค ๋ฒํผ ์ฌ์ฉ
์๋์์น, ๊ฐ๊ฒฉ์ ํ์
์ค๋ฅธ์ชฝ ์์ 1-2๊ฐ ํน์ ๋ ๋ง์ด ํ์
๋ง์์ง๋ฉด ๋ ๋ณด๊ธฐ ๋ก ์ค์
* iOS์ ๊ฒฝ์ฐ ์ก์
๋ฒํผ์ด ์ ๋ง ๋ง์ ๊ฒฝ์ฐ๋ ํด๋ฐ๋ก ๋ถ๋ฆฌํด์ ์ ๊ณต
- 22. ํญ์ ์ ์๋์ ์๊ธฐ๋ ํ๊ณ ์์ ์๊ธฐ๋ ํ๋
iOS์ ์๋๋ก์ด๋์์ ์๋ก ๋ค๋ฅธ ํญ์ ๋ํ ๊ฐ๋
๋ฉ๋ด๋ฅผ ์ฌ์ฉ์์๊ฒ ์ซ์
๋์ด์ ๋ณด์ฌ์ฃผ๋ ๊ฐ์ฅ ์ฌ์ด ๋ฐฉ๋ฒ์ด ํญ ๋ฉ๋ด์
๋๋ค. ํ๋ฒ๊ฑฐ ๋ฒํผ ์์ ๋ง
๊ตฌ ๋ฃ๊ณ ์จ๊ฒจ๋๊ธฐ๋ ์ซ๊ณ ์๋๋ก์ด๋์์ ์ ๊ณตํ๋ ๋๋ก์ ์์ ๋ฉ๋ด๋ฅผ ๋ฃ๊ธฐ๋ ์ซ์ผ๋ โ์ฌ์ฉ์
๋ณด์ด๋ ๋ฐ ๋์์ผ ์ ์ฐ์ง!โ์ผ ๋๋ ์ฌ์ค ํญ์ ๋ฉ๋ด๋ก ์จ์ ๋ด์ฉ์ ๋ค ๋ณด์ฌ์ฃผ๋ ๊ฒ ์ต์ ์ ๋ฐฉ๋ฒ์
๋๋ค.
๊ทธ๋ฐ๋ฐ ํญ์ด ์๋ ์์น๊ฐ ๋ค๋ฆ
๋๋ค. iOS๋ ๋ฐ์ ์๋๋ก์ด๋๋ ์์ ์์ต๋๋ค. ์๋๋ก์ด๋ ๊ฐ์ด
๋์์๋ 2.x ๋ฒ์ ๋๋ถํฐ ์ฃผ๊ตฌ์ฅ์ฐฝ ํญ์ ํ๋ฉด ์์ชฝ์ผ๋ก ์ง์ ํด๋๊ณ ์์์ง๋ง ์ฑ์ ์ ์ํ ๋
iOS ๋์์ธ์ ๊ธฐ์ค์ผ๋ก ๊ฐ๊ฒ ๋๋ฉด์ ํญ์ ์๋์ ๋ฐ๋ ํํ๋ฅผ ๋ง์ด ์ทจํ์ฃ . ๊ทธ๊ฑฐ ๋์ ๊ฑฐ์์.
์๋๋ก์ด๋์์์ ๋์ ์
CGV
์์์๋
์ธ์ด์๋
- 23. ๋ OS์์ ํญ์ ๊ดํ ์์ญ
iOS์์๋ ํญ์ด ๋ฉ๋ด, ์๋๋ก์ด๋์์์ ํญ์ ์ก์
๋ฐ์ ์ํ ์์ญ
ํญ์ด ์ ๊ณตํ๋ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ OS์์ ์์ ํ ๋ค๋ฆ
๋๋ค.
iOS ํญ์ ํญ ๋ฉ๋ด
iOS๋ ์ฑ์์ ์ ๊ณตํ๋ ๋ชจ๋ ๊ธฐ๋ฅ์ ํญ์ผ๋ก ๊ตฌํ ์ง๊ณ ํญ ๊ฐ์ ์ด๋์ผ๋ก ๋ค๋น๊ฒ์ดํ
์ญํ ์ ๋ด
๋นํฉ๋๋ค. (In general, use a tab bar to organize information at the app level. )์ฌ์ฉ์
์๊ฒ โ์ด๊ฑธ ๋๋ฅด๋ฉด ์ด ๊ธฐ๋ฅ์ ๋ณด์ฌ์ค๊ฑฐ์ผโ๋ฅผ ์๋ดํฉ๋๋ค. ํต์ 2๊ฐ์์ 5๊ฐ๊น์ง์ ํญ์ ์ ๊ณตํ
๊ณ 6๊ฐ ์ด์์ด ๋๋ฉด ๋๋ฅด๊ธฐ ๋ถํธํ๊ธฐ ๋๋ฌธ์ ๋ค์ฏ ๋ฒ์งธ ํญ์ โ๋ ๋ณด๊ธฐโ๋ก ๋ฌถ์ด์ ๋ณด์ฌ์ค๋๋ค.
(iTunes) ๋ ๋ณด๊ธฐ๋ก ๋ฌถ์ ์ ์๋ค๋ฉด ์ฌ์ฉ์๋ โ๋ญ๊ฐ ์ด๋ ๊ฒ ๋ง์? ๋ณต์กํด.โ ๋ผ๊ณ ๋๋ผ๋ฉฐ ์ ์ธ
ํ
๋ ๊ทธ๋๋ ๋ฉ๋ด๋ฅผ ์ค์ด์ธ์.
์๋๋ก์ด๋ ํญ์ ์ก์
๋ฐ์ ํ์
๋ฐ๋ฉด, ์ฑ์์ ์ ๊ณตํ๋ ๋ชจ๋ ๊ธฐ๋ฅ์ ์ ๋ฆฌํ๊ณ ํ์ํ๋ ์ญํ ์ ์ก์
๋ฐ์์ ๋งก๊ณ ์์ต๋๋ค. ๊ฐ์ด
๋๋ผ์ธ ์์์ ์๋๋ก์ด๋์์์ โํญโ์ ์ก์
๋ฐ์ ํ์ํญ๋ชฉ์ผ๋ก ๋ด
๋๋ค. ๊ทธ๋์ ์ก์
๋ฐ๋ ๊ผญ
๋ถ์ด ์๋ ๊ฒ ์ผ๋ฐ์ ์ด๋ผ๊ณ ๋ณด๋ฉด ๋ฉ๋๋ค. ๋ชจ์์ iOS์ ํญ๊ณผ ๋น์ทํด ๋ณด์ด์ง๋ง iOS์ ํญ๋ณด๋ค ์ข
์ ๋ฒ์์ ๋ํ ์ํฅ๋ ฅ์ด ์์ต๋๋ค. ์ด๊ฒ ๋ฐ์ฅ์ด๋ผ๋ฉด iOS์ ํญ์ ํ์ํ์ฅ.
(iOS) iTunes ์ฑ
Music ํญ์ ๋๋ฅด๋ฉด ํ๋ฉด ์ ์ฒด์๋ ์์
์ปจํ
์ธ ๊ฐ ํ
๋ง ๋ณ๋ก ๋ฌถ์ฌ์ ์๊ฐ๋ฉ๋๋ค.
๋ค๋ฅธ ํญ์์๋ Music ์นดํ
๊ณ ๋ฆฌ์ ํด๋นํ๋ ์์ดํ
์ ๋ณผ ์ ์์ต๋๋ค.
(์๋๋ก์ด๋) Play store ์ฑ
๋๋ก์์์ ์ ํํ Apps ์ ํ์ด์ง ๋ด๋ถ์ ๊ตฌ๋ถ์ผ๋ก ํญ์ด ์์ต๋๋ค.
TOP NEW PAID ์์ผ๋ก ํ์ํ๊ณ ๋ค๋ฅธ ํญ์์๋ ๋์ด ์์๋ค ๋ฌ๋ผ์ง๋๋ค.
- 24. (iOS) ํญ ๋ฉ๋ด
iOS์์์ ํญ ๋ฉ๋ด
iOS7 ๊ฐ์ด๋๋ผ์ธ์์๋ ์ง์ ํ ๋์์ธ ๋ฐฉํฅ
โข
โข
โข
โข
๋ฐํฌ๋ช
(translucent)
์ธ์ ๋ ํ๋ฉด ๋งจ ์๋์ชฝ์ ์์น (Always appears at the bottom edge of the screen)
ํ ๋ฒ์ 5๊ฐ ์ด์ ์ฐ์ง ๋ง์ (Displays no more than five tabs at one time on iPhone.)
์ธ์ ๋ ๋ชจ๋ ๋ฐฉํฅ์ผ๋ก์ ๋์ด๋ฅผ ๋๊ฐ๊ฒ ์ ์งํ์ธ์.(Maintains the same height in all
orientations.)
โข ๋ด ๋ด์ ๋ ๋ฑ์ง๋ฅผ ๋ฌ ์ ์๊ฒ ํ์ธ์. (Can display a badgeโa red oval containing
white text and either a number or exclamation pointโto communicate appspecific information.)
iOS7์ผ๋ก ํ์ค์ด ๋ณ๊ฒฝ๋๋ฉด์ ์คํ์ผ์ด ๋ณ๊ฒฝ๋์์ต๋๋ค. ํ๋ฉด์ ํ์๋๋ ์์น๋ ์ตํ๋จ์ผ๋ก
๋ณํ์ง ์์๊ณ ๊ธฐ๋ณธ ๋์ด๊ฐ, ํฐํธํฌ๊ธฐ, ๊ธฐ๋ณธ ์์ด์ฝ ํฌ๊ธฐ ๋ฑ์ ๋์ผํฉ๋๋ค.
ํญ ๋ฉ๋ด ์ธํฐ๋์
1. ํญ ๊ฐ ์ด๋์์๋ ์ด๋ ์ ํญ์ ์์ธํ๋ฉด์ ๋ณด์กด
2. ๋์ผ ํญ์ ๋ ๋ฒ ๋๋ ์ ๋ ํด๋น ํญ์ ์ต์์ ํ๋ฉด์ผ๋ก ์ด๋
- 25. (iOS) ํญ ๊ตฌ์ฑ์์
iOS ํญ ๊ตฌ์ฑ์์
1. ์์ด์ฝ
- ํญ ๋ฐ ์์ด์ฝ ๊ถ์ฅ์ฌ์ด์ฆ (iOS ์ค Retina ๊ธฐ์ค) 50 * 50 px (์ต๋ ์ ํ 96 * 64 px)
* ํด๋ฐ ํน์ ๋ค๋น๊ฒ์ด์
๋ฐ์ ์ฌ๋ผ๊ฐ๋ ์์ด์ฝ์ ๊ถ์ฅ ์ฌ์ด์ฆ๋ 44 * 44px (Retina)
2. ์์ด์ฝ ๋ฐ ๋ฉ๋ด์ ๋ํ ์ค๋ช
ํ
์คํธ
- ๊ฒฝ์ฐ์ ๋ฐ๋ผ ์๋ต๋๊ธฐ๋ ํจ.
- 20px, Regular (Retina) ๊ถ์ฅ
3. Normal๊ณผ Pressed, Selected ๊ตฌ๋ถ ์ค iOS7์์๋ ์ฃผ๋ก Normal๊ณผ Selected๋ง ์ฌ์ฉํจ
4. Disable ์ํ์ ํญ์ด ํ์ํ ๊ฒฝ์ฐ๋ ์์
- ์ฑ์ ์ฌ์ฉํ๋ ์ค ํน์ ์ํฉ์ ๋ฐ๋ผ ํญ์ ์ฌ์ฉํ ์ ์๋ ๊ฒฝ์ฐ์๋ ํญ์ ์์ ๊ธฐ๋ณด๋ค๋ ํญ
์ disable ์ํ๋ก ๋ณ๊ฒฝํ๋ ๊ฒ์ ๊ฐ์ด๋์์ ๊ถ์ฅํ๊ณ ์์
- 26. (iOS) ํญ ๋ฉ๋ด ์ธํฐ๋์
์์
<
์ํ
์ ํ
<
ํ์ด
์ ํ
ํ์ด
์์
์์
์ํ
์์
iOS ํญ ๋ฉ๋ด ์ธํฐ๋์
1. ํญ ๊ฐ ์ด๋์์๋ ์ด๋ ์ ํญ์ ์์ธํ๋ฉด์ ๋ณด์กด
2. ๋์ผ ํญ์ ๋ ๋ฒ ๋๋ ์ ๋ ํด๋น ํญ์ ์ต์์ ํ๋ฉด์ผ๋ก ์ด๋
์ํ
์์
์ํ
- 27. (iOS) ๋น์ทํ๊ฒ ์๊ฒผ์ง๋ง ๋ค๋ฅธ ์กด์ฌ๋ค
iOS ์ Segmented Control ๊ณผ Scope bar
์ข
์ข
์ด ๋ชจ์์ ์์๋ฅผ โํญโ์ด๋ผ๊ณ ์ง์นญํ๋๋ฐ, ์ด๋ฆ๋ ๋ค๋ฅด๊ณ ํ๋ ์ผ๋ ๋ฌ๋ผ์.
Segmented Control
ํญ ๋ฐ๋ก ์ ํํ ๊ทธ ํ๋ฉด์์ ํ์๋๋ ๋ด์ฉ์ ๋ํ ์ปจํธ๋กค
1. ์ ์ฒด ์ง๋จ ์์ ์๋ ์์๋ค์ ํ์ํ๋ ๋ฐฉ์์ ๋ฌ๋ฆฌ ๊ฐ์ ธ๊ฐ๋๋ค.
2. ๊ตฌ๋ถ์ 2๊ฐ ์ด์์ด๊ณ ์๋ก ๊ด๋ จ๋์ด์์ง๋ง ๋ฐฐํ์ ์ธ ๊ตฌ๋ถ์ด์ด์ผ ํฉ๋๋ค.
3. ์ด๋ฏธ์ง ํน์ ํ
์คํธ๋ฅผ ์ฌ์ฉํด์ ๊ตฌ์ฑํ ์ ์์ต๋๋ค. ํ์ง๋ง ๊ฐ ์ธ๊ทธ๋จผํธ ํ๋์ ์ด๋ฏธ์ง์
๊ธ์ ๋ชจ๋ ๋ฃ๋ ๊ฑด ํผํด์ฃผ์ธ์.
4. ๊ฐ๊ฐ์ ๋๋ฅด๊ธฐ ์ฌ์์ผ ํด์ 44 *44 ์ฌ์ด์ฆ ์ด์์ด์ด์ผ ํฉ๋๋ค.
5. ๋๋ฌ์ผ ํ๋ ์ด์ ๋ก ์์ดํฐ์์๋ 5๊ฐ ์ดํ์ ๊ตฌ๋ถ์ ๊ถ์ฅํฉ๋๋ค. (์์ดํจ๋์ ๊ฒฝ์ฐ ๋ ๋ง
์ ์ ์์)
6. ๋ชจ๋ ์ธ๊ทธ๋จผํธ๋ ๊ฐ์ ๋๋น๋ฅผ ๊ฐ์ ธ์ผ ํฉ๋๋ค. ๋ญ๊ฐ ํ๋ ๊ธ์๊ฐ ๋ ๊ธฐ๋๊น ๊ธธ๊ฒ ์ธ๋, ์ด๋ ๊ฒ
๋๋ฉด ๋ณด๊ธฐ์ ์ข์ง ์์ต๋๋ค.
Scope bar
1. ๋ชจ์ ์์ฒด๋ ๋น์ทํ์ง๋ง ๊ฒ์๋ฐ๊ฐ ํ๋ฉด์ ๋ํ๋ฌ์ ๋ ๊ทธ ๊ทผ์ฒ์ ๋ํ๋๋ ํํ์
2. ๋์์ธ ๊ท์น์ ๊ฒ์ ๋ฐ์ ์ต๋ํ ์ ์ฌํ๊ฒ ๋ง์ถ๋ ๊ฒ ์ผ๋ฐ์
3. ์ค์ฟฑ ๋ฐ์ ๊ฐ ์ธ๊ทธ๋จผํธ๋ ๊ฒ์ ๋ฐ์ ์ฑ ํน์ฑ์ ๋ฐ๋ผ ์ง์ ํ ์ ์๊ณ ๊ทธ๊ฒ ๋ ์ ์ฉํ๋ค.
(์๋ฅผ ๋ค๋ฉด, ๋ฉ์ผ ์ฑ์ ๊ฒฝ์ฐ, From, To, Title, All ์์
์ฑ์ ๊ฒฝ์ฐ, Song, Album, Artist,
All)
4. ๋ฌผ๋ก ์ ์ ๊ฐ ๊ตณ์ด ๊ทธ๊ฑธ ์ค์ฟฑ๋ฐ์์ ์ง์ ํ์ง ์๋๋ก ๊ฒฐ๊ณผ๊ฐ ์์ฒญ ๋๋ํ๊ฒ ๋์ค๋ ๊ฒ ๋ฒ ์คํธ
๋ผ๋ ๋ง์ ์๋ค.
- 28. (Android) ์๋๋ก์ด๋ ํญ์ ๋ง์ ์
์ธ์์ ๋ง์ ์๋๋ก์ด๋ ํญ ํํ๊ฐ ์์ต๋๋ค.
์๋๋ก์ด๋์์๋ ์ฃผ๋ก ์ ํ๋ฆฌ์ผ์ด์
์ต์์ ๋ ๋ฒจ (๋ฉ๋ด) ์์์ ์ ํ์ ํญ์ผ๋ก ํ์ง ์๋ ํธ
์
๋๋ค. ๊ตฌ๊ธ์์ ๋์จ ์ฑ๋ค์ ๋ ํผ๋ฐ์ค ์ผ์ ๋ณธ๋ค๋ฉด ํญ์ ์ด๋ฏธ ํ๋ฉด์ ๋์์๋ ์ ๋ค์ ๋ค์ ๋
๋ ์ ๋ณด์ฌ์ค ๋ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค. (iOS์ Segmented Control ์ฒ๋ผ ์๋ํจ)
๊ตฌ๊ธ์์ ์ ๊ณตํ๋ ํ์ค์ 2.x๋๋ถํฐ ๋งค์ฐ ๋ง์ด ๋ฐ๋์์ง๋ง ์ญ ํญ ์ ์์น๋ โ์๋จโ์ผ๋ก ๊ณ ์ ๋
์ด ์์์ต๋๋ค. ์๋จ์ผ๋ก ์ฌ๋ผ์์๋ ํญ์ด iOS์ ํญ ๋ฉ๋ด์ฒ๋ผ ๋ฉ๋ด์ ์ญํ ์ ํ ์ ๋ ๋ง์ง๋ง ์ญ
์ ์ฑ ์ํฉ์ ๋ฐ๋ผ ์ฒ์ฐจ๋ง๋ณ๋ก ๋ํ๋ฉ๋๋ค. (์์ ๊ตฌ๊ธ+, ํฌ์คํ์ด, ํ
๋ธ๋ฌ, ์ฑ์จ์ ์ฌ๋ก) ์ต๊ทผ
์ Navigation Drawer ๋ฅผ ์ฌ์ฉํ๊ฒ ๋๋ฉด์ ํญ ์์ฒด๊ฐ ์์ด์ง๋ ์ถ์ธ๋ ๋ณด์ด๊ณ ํญ์ด ํ์๋ฉ๋ด
์ ๋ํด์๋ง ํ์ํ๋ ๊ฒฝ์ฐ๊ฐ ๊ฝค ์๊ฒจ๋๊ณ ์์ต๋๋ค.
# ์ ๋นํ ์๋๋ก์ด๋์ ํญ
โข ์๋๋ก์ด๋์์๋ ํญ์ด ๋ง๊ตฌ ๋์ด๋ ๊ฒฝ์ฐ ๊ฐ๋ก ์คํฌ๋กค์ด ๊ฐ๋ฅํ ํญ์ด ์๋ค. ์ฑ ๋ง์ผ์ด๋ ๋ด์ค
์ฑ์ ๊ฒฝ์ฐ ์นดํ
๊ณ ๋ฆฌ๊ฐ ๋ง์์ง ์ ์์ด ์์ง์ด๋ ์คํฌ๋กค์ ๋ณผ ์ ์๋ค.
โข ์๋๋ก์ด๋์์ ํญ ๊ธฐ๋ฅ์ ๋์ ํด์ ์ฐ์ผ ์ ์๋ ์คํผ๋ (์์ ๋งํ ๋ทฐ ์ปจํธ๋กค) ๊ฐ ์๋ค. ํญ
๊ณผ ๊ธฐ๋ฅ์ ๋์ผํ์ง๋ง ๋ฐ์ ๋นผ๋๊ณ ์ถ์ง ์์ ๋ ์ฌ์ฉ
- 29. (Android) ์ ๋นํ ์๋๋ก์ด๋์ ํญ
ํญ ๊ฐ ์คํฌ๋กค ์ด๋
ํญ์ด ๊ธธ์ด์ง๋ฉด (ํญ ๊ฐ์๊ฐ ๋ง๊ตฌ๋ง๊ตฌ ๋์ด๋์) ์ข์ฐ๋ก ์คํฌ๋กค์ด ๊ฐ๋ฅํฉ๋๋ค. (CNN)
ํญ์ด ๊ธธ์ด์ง์ง ์๊ณ ํ๋ฉด์ ๊ณ ์ ๋๊ฒ ๊ฐ์๊ฐ 3-4๊ฐ ์ฌ๋ ์ข์ฐ ์ค์์ดํ ์ก์
์ผ๋ก ํญ ๊ฐ ์ด๋์ด
๊ฐ๋ฅํฉ๋๋ค. (์นด์นด์คํก)
ํญ๊ณผ ์คํผ๋ (์ผ์ชฝ์ด ํญ, ์ค๋ฅธ์ชฝ์ด ์คํผ๋)
๊ฐ์ด๋์์๋ ํญ ๊ธฐ๋ฅ์ ๋์ ํด์ ์คํผ๋๋ฅผ ์จ๋ ๋๋ค๊ณ ๋ช
์ํ๊ณ ์๋ค. โ์ฌ์ฉ์๊ฐ ํญ1์์ ํญ
2๋ก ์ฝ๊ฒ ์ฝ๊ฒ ์๋ค ๊ฐ๋ค ํ๋ฉด์ ๋ณผ ์ ์์ผ๋ฉด ์ข๊ฒ ์ด!โ ๋ผ๋ฉด ํญ์, โ๊ทธ๋ ๊ฒ ์์ฃผ ์์ง์ผ ๊ฑฐ ๊ฐ์ง
์์ง๋ง ํ์๋ ํ๊ฒ ์งโ๋ผ๋ฉด ์คํผ๋๋ฅผ ์ฐ๋ผ๊ณ ๊ถ์ฅํ๊ณ ์๋ค.
- 30. ํญ, ํ ์ฅ์ผ๋ก ์์ฝ
OS
iOS
Android
์ด๋ฆ
ํญ, ํญ ๋ฉ๋ด
ํญ๋ฐ
์์น
์ตํ๋จ (bottom edge)
์ก์
๋ฐ ์์์ด๋ฏ๋ก ์ก์
๋ฐ ๋ฐ
(*ํ๋ฉด์ด ๋์ด์ง๋ฉด ์ก์
๋ฐ๋ ๊ธธ๊ฒ ๋ถ์)
์ฃผ์ ๊ธฐ๋ฅ
์ฑ ์ต์์ ๋ ๋ฒจ์์์ ๊ตฌ๋ถ๊ณผ
ํ์ด์ง ์ด๋
๊ทธ๋๊ทธ๋ ๋ค๋ฆ
(๊ตฌ๊ธ์ ์ฑ) ์ปจํ
์ธ ์นดํ
๊ณ ๋ผ์ด์ง
๋ค๋น๊ฒ์ด์
๊ธฐ๋ฅ
ํญ ๊ฐ ์ ํ ์ ์ด์ ํญ์์ ์งํ๋์๋
์ฌํญ์ ์ต๋ํ ๋ณด์กด. ์ด์ ํญ์์ ๋ณด๋
์์ธ์ฌํญ์ ์ ์งํ ์ ์์
ํญ์ ๋จ์ผ ๋ทฐ๋ง ํ์ํ๊ณ ์์ธํ๋ฉด์ผ๋ก
๋ค์ด๊ฐ์ ๋ ํญ์ ์ฌ๋ผ์ง. ํ์ฐ์ ์ผ๋ก
๋ค๋ฅธ ํญ์ผ๋ก ์ด๋ํ๊ธฐ ์ํด์ ์์ธํ๋ฉด
์ ๋ฒ๋ฆฌ๊ณ ๋์์ผ ํจ.
ํญ ํํ
๊ณ ์
๊ณ ์ , ์คํฌ๋กค ๊ฐ๋ฅ
ํญ ๊ฐ ์ด๋
์ด๋์ ์ํ๋ ํญ์ ๋๋ฌ์ผ ํจ
๋๋ฅด๊ฑฐ๋ ์คํฌ๋กค ํ๊ฑฐ๋
์ ์ฌํ
Segmented control
Scope Bar
Spinner (View Control)
- 32. ์ผ๋ฐ์ ์ผ๋ก ์ค์ ์์ ๋ง์ด ์ฐ๋ UI
์ฑ์ ์ค์ ํ๋ฉด
์ฑ์ ์ ์ํ ๋ ๋ค๋ฅธ ํ๋ฉด์ ๋ธ๋๋ ์์ด๋ดํฐํฐ, ๊ธฐํ์์ ๋ฌผ์ฌ๋ฌผ์ฌ ์์ด๋์ด, ๋์์ด๋์ ์์
ํผ์ ๋ด์ ๋ง๋ค์ง๋ง ์ค์ ํ๋ฉด์ ๋ํดํธ ๊ฐ์ด๋๋ฅผ ๋ฐ๋ฅด๋ ํธ์ด ๋ง์ต๋๋ค. ์ง์ ์ ์ผ๋ก ๋งค์ถ(..)
์ด ๋๋ ํ๋ฉด๋ ์๋๊ณ ์ฑ์ ์ฌ์ฉํ ๋ ์ ๋ฐ์ ์ญํ ์ ํ๋ โ์ค์ โ์ด๊ธฐ ๋๋ฌธ์ ๋ณดํต ๋ํดํธ๋๋ก
ํฉ๋๋ค.
์ ์ง์ผ๋ ๋์ง๋ง ์งํค๋ฉด ๊ธฐํ์๋ ๋์์ด๋๋ ๊ฐ๋ฐ์๋ ์ฌ์ฉ์๋ ํธํ์ง์.
iOS์ ๊ฒฝ์ฐ ์ ๋ชจ์(โ)์ ํ
์ด๋ธ ๋ทฐ(Table View)๋ผ๊ณ ํ๊ณ
์๋๋ก์ด๋์ ๊ฒฝ์ฐ ๋ฆฌ์คํธ ๋ทฐ(List View) ๋ผ๊ณ ํฉ๋๋ค.
- 33. (iOS) ํ
์ด๋ธ ๋ทฐ
ํ
์ด๋ธ ๋ทฐ,
์ปจํ
์ธ ์ ๋ชฉ๋ก์ ํ์ํฉ๋๋ค.
์ด ๋ค์์ ์ฐ๊ฒฐ๋ ์์ธํ๋ฉด์ด ์์ต๋๋ค.
ํ์๋ผ์ธ ํ๋ฉด๊ณผ์ ์ฐจ์ด์ ์ ์์ธํ ๋ด์ฉ์ โ๋งค์ฐ ์งง๊ฒโ ์์ฝํด์ค ๋ฟ ๋ณด์ฌ์ฃผ์ง ์๋ค๋ ์ ์
๋๋ค.
(ํ์๋ผ์ธ ํ๋ฉด์ ์ปจํ
์ธ ๋ฅผ ์ซ์ซ ์ด์ด์ ๋ณด์ฌ์ค๋๋ค. ํ์ด์ค๋ถ ์ฒ๋ผ)
iOS ๊ฐ์ด๋์์๋ ๊ทธ๋ฃน ์ง์ด์ง โTable viewโ ๋ฅผ ์์๋ก ๋ณด์ฌ์ค๋๋ค.
ํ
์ด๋ธ ๋ทฐ์ ๊ตฌ์ฑ์์
1.
2.
3.
4.
5.
6.
ํ
์ด๋ธ ๋ทฐ ๊ทธ๋ฃน ์ง์ด์ง ํ์ดํ (iOS7์ ๊ฒฝ์ฐ ์ง์ ํ์ ์์ญ)
ํ
์ด๋ธ ๋ทฐ ์
(iOS7๊ณผ iOS6 ๋ชจ๋ ํฐ์ ์์ญ)
ํ
์ด๋ธ ๋ทฐ ์
์์ ์์ด์ฝ (์ธ ๋ฒ์งธ ํ๋ฉด์์ ์์ด์ฝ)
ํ
์ด๋ธ ๋ทฐ ์
์์ ํ์๋๋ ํ
์คํธ (About, Software Update ๊ฐ์ ํ
์คํธ)
ํ
์ด๋ธ ๋ทฐ ์์ ํ์ดํ (Accessory view)
ํ
์ด๋ธ ๋ทฐ ์์ฒด์์ ์ปจํธ๋กคํ๋ ON-OFF ๋ฒํผ (์ธ ๋ฒ์งธ ํ๋ฉด์ Airplane mode)
- 34. (iOS) ํ
์ด๋ธ ๋ทฐ์ ์
ํ
์ด๋ธ ๋ทฐ์ ์
์
ํฌ๊ธฐ ๋ํดํธ
- ์ธ๋ก ๋ํดํธ ๊ฐ 44px (Retina 88px) (*๋๋์ค์ผ์ดํ 32px Retina 64px)
- ๊ฐ๋ก ๋ํดํธ ๊ฐ 320px (Retina 640px)
(*๋๋์ค์ผ์ดํ 480px Retina 960px 5/5S 1136px)
- ๊ฐ์ฅ์๋ฆฌ์์ ์ปจํ
์ธ ๋ก์ ๊ฐ๊ฒฉ ๋ํดํธ 15px (Retina 30px)
1px / LINE์ปฌ๋ฌ (231,227,221)
320*47
BG์ปฌ๋ฌ (255,255,255)
๋์์ธ ๊ฐ์ด๋ ๋๊ธธ ๋
์ฌ์ด์ฆ ๊ธฐ์ค์ No Retina ์ฌ์ด์ฆ๋ก ํ์ํ๋๋ผ๊ณ ์. (๋ ๊ฐ ๋ค ํ์ํ ์ ์์ง๋ง ์์ ์ซ์๋ฅผ
ํ์)
- 35. (iOS) ํ
์ด๋ธ ๋ทฐ์ ์์ด์ฝ
ํ
์ด๋ธ ๋ทฐ์ ์์ด์ฝ
๋ชจ๋ ํ
์ด๋ธ ๋ทฐ์ ์์ด์ฝ์ด ์์ง๋ ์์. ์๊ธฐ๋ ํ๊ณ ์๊ธฐ๋ ํจ.
- ๋ํดํธ ํฌ๊ธฐ๋ 29px * 29px (Retina๋ 58*58)
- iOS ๊ธฐ๋ณธ ์ค์ ์์ ํ์ํ๋ ์์ด์ฝ์ผ๋ก ๋์์ธ์ ๋ฐ๋ผ ์ ๋์
d1_icon_1.png
16*16
d1_icon_2.png
16*16
d1_icon_3.png
16*16
- 36. (iOS) ํ
์ด๋ธ ๋ทฐ ์
์์ ํ
์คํธ
ํ
์ด๋ธ ๋ทฐ ์
์์ ๋ค์ด๊ฐ๋ ๊ธ์
ํ
์ด๋ธ ๋ทฐ์ ๊ธ์๋ ์ธ์ ๋ ๋ค์ด๊ฐ.
- ๋ํดํธ ํฌ๊ธฐ๋ 28px
- ๋๊ป๋ Regular
- 37. (iOS) ํ
์ด๋ธ ๋ทฐ ์
์์ ํ์ดํ
ํ
์ด๋ธ ๋ทฐ ์
์์ ํ์๋๋ ํ์ดํ
์ด ์
์ ๋๋ฅด๋ฉด ๋ค์ ํ์ด์ง๋ก ๋์ด๊ฐ๊ฑฐ์ผ, ๋ฅผ ๋ํ๋ด๋ ํ์ดํ
์ ํํ ์ด ๋ชจ์ ํ์ดํ๋ Disclosure Indicator ๋ผ๊ณ ๋ถ๋ฆ
๋๋ค.
iOS6์ผ ๋๋ Detail Disclosure Button์ด๋ ๋งค์ฐ ๋น์ทํ์ง๋ง iOS7์์๋ถํฐ๋ ๋ชจ์์ด ๋ฌ๋ผ
์ก์ต๋๋ค.
๋์จ ๋ฆฌ์คํธ์์ ์
์ ์ ํํ ๋ ํ์
(์ํฉ์ ๋ฐ๋ผ ํ ๊ฐ ํน์ ์ฌ๋ฌ ์
์ ํ ๊ฐ๋ฅ)
์ด ์
์ ๋๋ฌ์ ๋ฐ์ดํฐ ๊ตฌ์กฐ ์ ํ์(๋ค์ํ์ด์ง)์
ํ
์ด๋ธ ๋ทฐ๊ฐ ์์ ๋ ์ฌ์ฉ
์ด ์
์ ๋๋ฌ์ ํ์๋๋ ๋ค์ ํ๋ฉด์ด ์
์ ํ์๋
์์ดํ
์ ์์ธํ๋ฉด์ผ ๋ ์ฌ์ฉ (ํ
์ด๋ธ ๋ทฐ ์๋)
ํ
์ด๋ธ์์ ์
๋ค์ ์์ ์กฐ์
ํ
์ด๋ธ์์ ์
์ ์ถ๊ฐ
(์์ดํ
์ถ๊ฐ)
ํ
์ด๋ธ์์ ์
์ ์ญ์ ํ ๋ (์์ดํ
์ญ์ )
์ด ๊ฑธ ๋๋ฅด๋ฉด delete button ์ด ๋ํ๋จ
Delete button control ์ ๋๋ฅด๋ฉด ์ ํ๋ ์
์
์ค๋ฅธ์ชฝ์์ ํ์ด๋์ด. ๋๋ฅด๋ฉด ์ ๋ง ์ง์์ง (์ผ๋ฟ
์์)
- 38. (iOS) ํ
์ด๋ธ ๋ทฐ ์จ์คํ๋ฒํผ
ํ
์ด๋ธ ๋ทฐ ์
์์ ๊ป๋ค์ผฐ๋ค ํ๋ ์จ์คํ ๋ฒํผ
์ค์์น๋ ๋ฑ ๋ ๊ฐ์ ์ ํ๋ ์ ํ ํน์ ์ํ๋ฅผ ๋ณ๊ฒฝํ ๋ ์ฌ์ฉ๋ฉ๋๋ค.
๋ชจ์์๋ ๋น์ทํ๋ฐ ๋ณด๊ธฐ์ ๋ฌ๋ผ์ก์ต๋๋ค.
์ ๊ธฐ ON ์ํ์ ์๋ TintColor ๋ง ์ง์ ๊ฐ๋ฅํ๊ณ iOS6์์ ๊น์ง ์ฌ์ฉ๋๋ ์ปค์คํ
์จ์คํ ๋ฒํผ
์ ๋ฌด์(ignored) ๋ฉ๋๋ค. ๋ง๋ค์ด๋ด์ผ ์ธ ์ ์์.
- 39. (Android) ๋ฆฌ์คํธ ๋ทฐ์ ์ค์
๋ฆฌ์คํธ ๋ทฐ, ๊ทธ๋ฆฌ๊ณ ์ค์ ์ฉ ์ธํฐํ์ด์ค
์์์ ์จ๋์ iOS์ ํ
์ด๋ธ ๋ทฐ์ ๊ฒฝ์ฐ ์ค์ ์์ ๋ง์ด ์ฌ์ฉํฉ๋๋ค.
์๋๋ก์ด๋ ์์๋ ๋ํ์ ์ธ ๋ ์ด์์ ๋ ๊ฐ์ ๋ฆฌ์คํธ ๋ทฐ์ ๊ทธ๋ฆฌ๋ ๋ทฐ ์ค ๋ฆฌ์คํธ ๋ทฐ ํํ๋ก ์ค์
์ ํํํฉ๋๋ค.
์ค์ ํ๋ฉด์ ๊ตฌ์ฑ์์
1.
2.
3.
4.
5.
๊ทธ๋ฃน ์ง์ด์ง ํ์ดํ (STORAGE ๋ผ๊ณ ์จ ์๋ ์์ญ)
์
์
๋ด ํ์ดํ ํ
์คํธ
์
๋ด ์๋ธ ํ
์คํธ (์ค๋ช
)
ON-OFF ๋ฅผ ๋ํ๋ด๋ ์ฒดํฌ๋ฐ์ค ์ ์จ ์คํ ๋ฒํผ
โข iOS์์ ์ฌ์ฉํ๋ ํ์ดํ (๋ค์ ํ๋ฉด์ ํน์ง์ ๊ตฌ๋ถ ์ง์ด์ฃผ๋ ์์ด์ฝ) ๊ฐ ์์ต๋๋ค. ๋ฐ๋ผ์
ํด๋น ์
์ ๋๋ ์ ๋ ํ์
์ ๋์ธ ๊ฒ์ธ์ง ๋ค์ํ์ด์ง๋ก ๋์ด๊ฐ ๊ฒ์ธ์ง๋ฅผ ๊ตฌ๋ถํ์ง ์๊ณ ์์ต
๋๋ค.
โข iOS์์๋ ์จ์คํ๊ฐ ์ฒดํฌ๋ฐ์ค ๊ธฐ๋ฅ๋ ํ ๋ฒ์ ํด๊ฒฐํ๋ ๋ฐ๋ฉด ์๋๋ก์ด๋์์๋ ์ด ๋ ๊ฐ๊ฐ
๋ถ๋ฆฌ๋ผ์ ์ฌ์ฉ๋ฉ๋๋ค.
- 40. (Android) ๋ฆฌ์คํธ ๋ทฐ ์์
๋ฆฌ์คํธ ๋ทฐ ์์
์ธ๋ก๋ก ๊ธธ๊ฒ ์์ดํ
์ ํ์ํด์ค๋๋ค.
๊ฐ ํญ๋ชฉ๋ค์ ๊ฐ๋ก๋ก ๊ธด ํํ๋ก ํ์๋ฉ๋๋ค.
1. ๊ทธ๋ฃน ์ง์ด์ง ํ์ดํ (Section Divider ์น์
๊ตฌ๋ถ์ )
- ๋ฆฌ์คํธ ๋ด์ฉ์ ๊ทธ๋ฃน ์ง์ด์ ํ์. ๋ณดํต ๋์ด๋๋ ์ปจํ
์ธ ๊ฐ ๋งค์ฐ ๋ง์์ง ๋ ์ฌ์ฉํฉ๋๋ค.
2. ์
(Line items ๋ผ์ธ ํญ๋ชฉ)
- ๋ฆฌ์คํธ ํญ๋ชฉ์ ๋จ์ํ ํ ์ค ํญ๋ชฉ, ์ฌ๋ฌ ์ค ํญ๋ชฉ, ์์ด์ฝ์ด ์๋ ์ฌ์ฉ์ ์ ์ ํญ๋ชฉ, ์ฒดํฌ๋ฐ
์ค, ๋์ ๋ฒํผ ๋ฑ์ ํฌํจํ์ฌ ๊ฐ๊ธฐ ๋ค๋ฅธ ๋ฐ์ดํฐ ํํ์ ๋ฐ๋ผ ๋ค์ํ ๊ตฌ์ฑ์ ์์ฉํ ์ ์์ต๋
๋ค. (List items can accommodate a wide range of data types in different
arrangements, including simple single-line items, multi-line items, and custom
items with icons, checkboxes, and action buttons.) ๋ผ๊ณ ์จ ์์
- 41. (Android) ๋ฆฌ์คํธ ๋ทฐ์ ์
ํฌ๊ธฐ
๋ฆฌ์คํธ ๋ทฐ์ ์
ํฌ๊ธฐ (๊ถ์ฅ)
์๋๋ก์ด๋ ๋์์ธ ๊ฐ์ด๋ ๋ผ์ธ์์๋ ๋๋ฌ์ ธ์ผ ํ๋ UI ์์(Touchable UI components)
์ ๋ํด์๋ 48dp์ ๊ถ์ฅ์ผ๋ก ์ ์ํ๊ณ ์์ต๋๋ค.
๊ถ์ฅ์ด 48dp ์ธ ์ด์ ๋
- ๊ทผ๋์ ๋์จ ๊ธฐ๊ธฐ๋ค์ ํ๋ฉด๊ณผ ํด์๋ ์ 48dip ์ด๋ฉด 7mm ๋ฐ์ผ๋ก ๋จ์ด์ง์ง ์๋ ํฌ๊ธฐ์
- ๋๋๋ก ๋ง์ ๊ธฐ๊ธฐ์์ ์ ๋นํ ๋ง์ ์ ๋ณด๋ฅผ ์ ํํํ ์ ์๋ ํฉ์์ ์ธ ํฌ๊ธฐ
* ํ์ง๋ง ๋ํดํธ ํฌ๊ธฐ๊ฐ ์๋ค๊ณ ๋ณด๊ณ ์
์ ๋์ด๊ฐ, ๊ธ์์์ ๊ฐ๊ฒฉ๋ค์ ์ง์ ํด์ ์ ๋ฌํด์ผํฉ๋๋ค.
- 42. (Android) ๋ฆฌ์คํธ ๋ทฐ์ ํ
์คํธ
๋ฆฌ์คํธ ๋ทฐ์์์ ํ
์คํธ
์์ด์คํฌ๋ฆผ ์๋์์น ์ดํ์ ์๋๋ก์ด๋์์๋ Roboto ํฐํธ๋ฅผ ๊ถ์ฅ์ผ๋ก ๋ฐ๊ณ ์์ง๋ง, ์ด๊ฑด ์
์ด๊ณ ํ๊ตญ์ด๋ ์ ์ ๊ฐ ํฐ์์ ์
ํ
ํ ํฐํธ๋๋ก ๋์ค๊ณ ์์ต๋๋ค.
ํฐํธ๋ฅผ ๋ํ๋ด๋ ๋จ์๋ SP(Scale-independent Pixels)
160dp ๊ธฐ์ค์ผ๋ก 1sp = 1ํฝ์
(์ธ๋ฐ ๋ณดํต 1dp = 1sp ๋ก ํ๋จํ๊ณ ์ผํ๋ฉด ๋ฉ๋๋ค.)
์ ๋ง ์ค์ํ ํฐํธ ํฌ๊ธฐ
์๋๋ก์ด๋ ๊ฐ์ด๋ ๋ผ์ธ ์ ํฐํธ ํฌ๊ธฐ๋ 4์ข
์ผ๋ก ์ ํ. (ํ์ง๋ง ์ด๊ฑธ ์ด๊ธด๋ค๊ณ ์ฑ์ด ๋ฆฌ๋ทฐ์์
์งค๋ฆฌ์ง๋ ์์ผ๋ โ์ง์ ๋ถํด ์ง ์ ์์ผ๋(too many different sizes in the same UI can be
messy.)โ ์ ํ์ ๋์์ต๋๋ค.
๋ฆฌ์คํธ ๋ทฐ (์ค์ ) ์์์ ๊ธฐ๋ณธ ํฐํธ ํฌ๊ธฐ๋
- ์
๋ด ํ์ดํ ํ
์คํธ : 18sp
- ์
๋ด ์๋ธ ํ
์คํธ (์ค๋ช
) : 14sp
- 43. (Android) ์ค์ ์จ์คํ ๋ฒํผ๊ณผ ์ฒดํฌ๋ฐ์ค
์ค์ ์์์ ์ฒดํฌ๋ฐ์ค
์ฒดํฌ๋ฐ์ค์ ๋ํ ์ค๋ช
์ ๋จ ํ๋์ ์ฒดํฌ๋ฐ์ค๋ก ํน์ ๊ธฐ๋ฅ์ ๋๊ณ ํค๋๋ฐ ์ฌ์ฉํ์ง ๋ง์ธ์. ๊ทธ๋
๋ ์ค์์น(์จ์คํ ๋ฒํผ)๋ฅผ ์ฐ์ธ์. (Checkboxes allow the user to select multiple
options from a set. Avoid using a single checkbox to turn an option off or on.
Instead, use an on/off switch.) ๋ผ๊ณ ๋์์์ง๋ง ์ด๋ฏธ ์ค์ ์์๋ ์ด ๋์ ํผ์ฉํ๊ณ ์๋ค.
์๋ ๋ง๋ค์ด์ง ๋ชฉ์ ์์ฒด๋ iOS ์ค๋ช
์์์ Checkmark ์ ๊ฐ๊ณ ๋ฆฌ์คํธ ์ค ๋ณต์ ์ ํ์ ์๋ฏธ
๋ฅผ ๊ฐ์ง๊ณ ์์ . ํ์ง๋ง ์ค์์ ๊ทธ๋ฅ ๊ธฐ๋ฅ์ ์ผ๋์๋ ๋๋ ๋ก ์ฌ์ฉ๋๊ณ ์๋ค.
* Focused๋ ๋๋ฐ์ด์ค์ ๋ด์ฅ๋ ๋ณผ๋ก ํ๋ฉด์ ์ด๋ํ ๋ ๋ณด์ด๋ Pressed ์ ์ํ. ์ ํํ ๋ชจ๋
๊ธฐ๊ธฐ์ ๋ค ๋์ํ๋ ค๋ฉด ๋์์ธ์ ์์ ํ์๋ 5์ข
์ ๋ชจ๋ ํด์ผ ํ๋ค.
์ค์ ์์์ ์จ์คํ ๋ฒํผ(Switch)
์จ-์คํ ์ค์์น๋ ๋จ์ผ ์ค์ ์ ๋ํ ์ต์
ํ ๊ธ์ ์ฌ์ฉํ๋ค. (On/off switches toggle the
state of a single settings option.) ์ด๋ ๊ฒ ์ ์๋์ด ์์. ์ฃผ๋ก ์์ดํ๋ ์ธ ๋ชจ๋, ์์ดํ์ด
๊ผ๋ค ํค๋ ๋ชจ๋, ๋ฑ์ ์ฌ์ฉ๋๊ณ โ์๋ฆผ์ ์ผ๋์๊ฒ์โ ์ ๊ฐ์ ๊ธฐ๋ฅ์ ์ฒดํฌ๋ฐ์ค๋ฅผ ์ด๋ค.
- 44. ํ
์ด๋ธ ๋ทฐ์ ๋ฆฌ์คํธ ๋ทฐ, ํ ์ฅ์ผ๋ก ์์ฝ
OS
iOS
Android
์ด๋ฆ
ํ
์ด๋ธ ๋ทฐ (Table view)
๋ฆฌ์คํธ ๋ทฐ (List view)
์
์ฌ๋ฌ ๊ฐ
๋ฌถ๋ ํ์ดํ
์์
์์
์
๋ด ํ
์คํธ
ํ ์ค (28px)
ํ์ดํ
์ค์์น
Disclosure indicator *
Detail Disclosure button *
์ํ๊ฐ ๋ฑ ๋์ผ ๋ ์ฌ์ฉ
iOS์ ํ์ดํ ๋ ์๋ก ์ฉ๋๊ฐ ๋ค๋ฅด๋ฏ๋ก ๊ตฌ๋ถํด์ ์ฌ์ฉ
ํ์ดํ ํ
์คํธ
์ค๋ช
ํ
์คํธ (์๋ธ)
์์
์์ดํ๋ ์ธ ๋ฑ ๋ชจ๋ ์ ํ์ ์ฌ์ฉ
์์ / ์์ ๊ฑฐ๋ถ ๋ฑ์ ์ฒดํฌ๋ฐ์ค
- 45. (Android) ๊ทธ๋ฆฌ๋ ๋ทฐ
๊ทธ๋ฆฌ๋ ๋ทฐ (์์๋ google play music , ํฐ๊ณผ ํ๋ธ๋ฆฟ ๋ฒ์ )
๋ชจ์์ดํฌ ํํ (ํน์ ํ์ผ) ๋ก ๊ฐ๋ก์ธ๋ก๋ก ์ด๋ฏธ์ง๋ฅผ ๋์ด. ์ด๋ฏธ์ง์ ํจ๊ป ๋ณด์ฌ์ฃผ๋ ๋ฆฌ์คํธ ํ๋ฉด
์ด๊ธฐ ๋๋ฌธ์ โ๋ณด๊ธฐ ์ข์โ ๋ฆฌ์คํธ๊ฐ ์์๋๋ก๋ง ์คํฌ๋กค์ด ๊ฐ๋ฅํ ๋ฐ๋ฉด ๊ทธ๋ฆฌ๋ ๋ฆฌ์คํธ๋ ์์๋ ์
์์ผ๋ก ๋ชจ๋ ์คํฌ๋กค ํ ์ ์๋ค. ๊ทธ๋ ์ง๋ง ์-์๋ ํน์ ์์์ผ๋ก ์คํฌ๋กค ๋ฐฉํฅ์ ๊ณ ์ ํด์ผ์ง ๋
๋ค ํ๋ฒ์ ์ ๊ณตํ๋ ค๊ณ ์์ฌ๋ถ๋ฆฌ๋ฉด ์ ๋๋ค.
๊ฐ๋ก๋ก ๋๊ณ ์คํฌ๋กค ๋๊ฒ ํ๋ ์ด์ ๋ โํ๋ฉด ์ฌ์ด์ฆ๊ฐ ๋ค์ํด์โ
์ธ๋ก๋ก ์คํฌ๋กค์ด ๋๋ ๊ฒฝ์ฐ์๋ ๊ฐ๋ก์ ๋์ด๋ ์ด๋ฏธ์ง ์๊ฐ ๋ฑ ์ ํด์ง๊ณ (์๋ ์ผ์ชฝ)
๊ฐ๋ก๋ก ์คํฌ๋กค์ด ๋๋ ๊ฒฝ์ฐ์๋ ์ธ๋ก๋ก ๋์ด๋ ์ด๋ฏธ์ง ์๊ฐ ์ ํด์ง (์๋ ์ค๋ฅธ์ชฝ)
- 47. ์ผ๋ฟ, ๊ฒฝ๊ณ ์ฐฝ
iOS์์์ ๊ฒฝ๊ณ ์ฐฝ
์์ด๋ก ๋ ๊ฐ์ด๋์์๋ ๋๋ฌธ์ ์ด์ฉ๊ณ ์์ง๋ง ํ๊ตญ์ด๋ก ํ์ ๋๋ ๊ทธ๋ฐ ๊ฑฐ ๋ค ๋ฌด์ํ๊ณ ๋ ์คํ
์ผ๋ก ๋์ต๋๋ค.
1) ์์ธ ์ค๋ช
์ด ์๋ ๊ฒฝ๊ณ ์ฐฝ
- ๋๋๋ก ํ๋ฌธ์ฅ์ผ๋ก ๋๋๋ ๊ฒฝ๊ณ
2) ํ์ดํ๊ณผ ์์ธ์ค๋ช
์ด ์๋ ๊ฒฝ๊ณ ์ฐฝ
- ํ์ดํ์ ์งง๊ณ ์์ธ์ค๋ช
๋ ํ๋ฌธ์ฅ์ผ๋ก ๋๋๋ ๊ฒฝ๊ณ
์๋๋ก์ด๋์์์ ๊ฒฝ๊ณ ์ฐฝ
1) ํ์ดํ์ด ์๋ ๊ฒฝ๊ณ ์ฐฝ
- ๋๋๋ก ํ๋ฌธ์ฅ์ผ๋ก ๋๋๋ ๊ฒฝ๊ณ (๋ณธ์ง์ iOS์ ๊ฐ์ผ๋ ์คํ์ผ์ด ๋ค๋ฆ)
2) ํ์ดํ ๋ฐ๊ฐ ์๋ ๊ฒฝ๊ณ ์ฐฝ
- ํ์ดํ์ ์งง๊ณ ์์ธ์ค๋ช
๋ ํ๋ฌธ์ฅ์ผ๋ก ๋๋๋ ๊ฒฝ๊ณ
* YES / NO ์ต์
์ด ์์ ๋
- YES๋ ์ธ์ ๋ ์ค๋ฅธ์ชฝ / NO๋ ์ผ์ชฝ
- 48. ํผ์ปค
iOS์์์ ํผ์ปค
ํ๋ฉด ํ๋จ์ ๋ถ์ด ๋ณด์ด๊ณ ๊ฐ๊ฐ์ด ๋
๋ฆฝ์ ์ธ ํ ๋ก ์กด์ฌ.
์ ํ๋ ์ซ์๋ ๋ค๋ฅธ ๊ฒ๋ณด๋ค ์ฐํ ์์ผ๋ก ํ์
์ฌ์ด์ฆ ์กฐ์ ๋ถ๊ฐ๋ฅ. ์์ดํฐ ํค๋ณด๋์ ๋๊ฐ์ ์ฌ์ด์ฆ
์๋๋ก์ด๋์์์ ํผ์ปค
๋ํ์์๋ก ๋ธ (์ผ๋ฟ์ฒ๋ผ)
๋ฌด์์ ์ ํํด์ผํ๋ ์ง ํ์ดํ์ ํ์ (๊ฒฝ๊ณ ์ฐฝ ํ์ดํ๊ณผ ์คํ์ผ์ด ๋์ผ)
- 49. ์ก์
์ํธ
iOS์์์ ์ก์
์ํธ
ํ๋ฉด ๊ฐ์ฅ ํ๋จ์ ํ์, 2๊ฐ ์ด์์ ์ต์
์ ์ ๊ณต.
์ ์ ์๊ฒ โ์ด๊ฑฐ ํ ๋, ์ ๊ฑฐ ํ ๋โ ๋ฅผ ๋ฐ์์ ์ฒ๋ฆฌ
์กฐ๊ธ ์ํํ๋ค ์ถ์ ์ก์
(์ฐ๋ฝ์ฒ ์ง์ฐ๊ธฐ) ์ ๋ํด์๋ ํ์ธ ์ฐจ ์ฌ์ฉ (๋นจ๊ฐ ๊ธ์จ)
์์ดํฐ์์๋ ์ ์ํ ์ต์
์ค์ ์ ํํ์ง ์๊ณ ๊ทธ์ ์ก์
์ํธ๋ฅผ ๋ซ๊ธฐ ์ํ Cancel์ ์์น๊ฐ ํ
๋ฉด ์ตํ๋จ ์ผ๋ก ๋๋ฅด๊ธฐ ์ฝ๊ฒ ์ค๊ณํจ
์๋๋ก์ด๋์์์ ์ก์
์ํธ
์ด๋ค ์ก์
์ ํ๊ธธ ์ํ๋ ์์ดํ
์ ๋กฑํ๋ ์คํ๋ฉด ๋ํ์์๋ก ๋ธ. ์ฌ๋ฌ ์ต์
์ ์ ๊ณต
(์ผ๋ฐ์ ์ผ๋ก ์๋๋ก์ด๋์์ ์ ๊ณตํ๋ ๊ธฐ๋ฅ ๋ฆฌ์คํธ๊ฐ ๋ ๋ง์ ํธ)
Cancel ๋ฒํผ์ ๋ฐ๋ก ์๊ณ ๋๋ฐ์ด์ค์ ์๋ ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด ๋ซํ
* ์ก์
๋ฐ์์ ํด๊ฒฐํ๊ธฐ๋ ํจ
- 50. ํ ์คํธ
์๋๋ก์ด๋์๋ง ์๋ ํ ์คํธ ๋ฉ์์ง
์ปค์คํฐ๋ง์ด์ง์ ํ์ง ์๊ณ ๋ ์ ๊ณตํ๋ ํ ์คํธ ๋ฉ์์ง
์ฌ์ฉ์๊ฐ ๋ญ๊ฐ๋ฅผ ํด์ ์ ์กํ๊ฑฐ๋ ์ญ์ ํ๊ฑฐ๋ ์ ์ฅ๋๊ฑฐ๋ ํ์ ๋ ๋๋๋ก ์ฌ์ฉ์๋ฅผ ๊ธฐ๋ค๋ฆฌ๊ฒ
ํ์ง ์๊ณ ๋ค๋ฅธ ์ผ์ ํ ์ ์๊ฒ ํ๊ณ ์ฑ์ด ์์์ ๋จผ์ ์ํจ ์ผ์ ํ ๋ค์์ โ๋ ์ด๊ฑฐ ๋ค ํ์ด์โ
๋ฅผ ์๋ ค์ฃผ๋ UI
ํต์ ์๋์ชฝ ๊ฐ์ด๋ฐ์ ๊ฒ์์ bg์ ํฐ ๊ธ์จ๋ก ๋ฌ๋ค.
- 51. ํ๋ฉด์ ํ๋๊ฐ ๋ ๋จ๋ ์ํฉ, ํ ์ฅ์ผ๋ก ์์ฝ
OS
๊ฒฝ๊ณ ์ฐฝ(Alert)
iOS
Android
๊ฒฝ๊ณ ์ฐฝ, ํ์ธ์ฐฝ
๊ฒฝ๊ณ ์ฐฝ, ํ์ธ์ฐฝ
ํ์ดํ ํ
์คํธ
๊ธฐ๋ณธ ํ
์คํธ
ํ์ดํ + ์์ธ์ค๋ช
ํ์ดํ + ๊ธฐ๋ณธ ํ
์คํธ
Y/N ๋ฒํผ ์์น
N ์ผ์ชฝ Y ์ค๋ฅธ์ชฝ
N ์ผ์ชฝ Y ์ค๋ฅธ์ชฝ
ํผ์ปค(Picker)
Pickerview
Picker, ๋ํ์์
์์น
ํ๋ฉด ๋งจ ํ๋จ, ํค๋ณด๋์ ๊ฐ์ ๊ธธ์ด
์ค์
์คํ์ผ
ํ ๋ฐฉ์
+ ๋ฒํผ โ ๋ฒํผ์ผ๋ก ์กฐ์
์ก์
์ํธ
์ก์
์ํธ
Picker, ๋ํ์์
์์น
ํ๋ฉด ๋งจ ํ๋จ
์ค์
์ทจ์๋ฒํผ
์์
์์
๊ถ์ฅ ์ต์
์
2-3๊ฐ,
์คํฌ๋กค์ด ๋ ์ ๋๋ก ๊ธธ๋ฉด ์ ๋จ
๊ถ์ฅ์ฌํญ ์์.
๋ณดํต์ 5-6๊ฐ๊น์ง๋ ๋์ด๋จ
ํ ์คํธ๋ฉ์์ง
์์
์์, ํ๋ฉด ํ๋จ์ ํ์
๊ฒฝ๊ณ ์ฐฝ ๋ด์ฉ
* ์์ 4๊ฐ์ง ๋ชจ๋ ๋ค โํ๋ฉด์ ํ๋ ๋โ๋ ์๋์ง๋ง ํ์ฌ ๋ณด๊ณ ์๋ ๋ทฐ์ ์ถ๊ฐ๋๋ค๋ ์ ์์ ๋ชจ์์ ์ ๋ฆฌ
- 53. ๊ฒ์ํ๋ฉด์ ์ฐจ์ด์ , ํ
์คํธ ํ๋ UI
ํ
์คํธ ํ๋์์ ๊ธฐ๋ณธ์ผ๋ก ์ ๊ณตํ๋ (X)
์์ ํ์ํ ์ด๋ฏธ์ง๋ ๊ณ ์ , ์ด๊ธด ํ์ง๋ง ์ ์๋๋ถํฐ ์ง๊ธ๊น์ง ์ด์ด์ ธ์ค๋ ํฐ ์ฐจ์ด์ . iOS ๊ฒ์
๋ฐ๋ ์๋์ผ๋ก X ๊ฐ ์์ฑ๋๋ ๋ฐ๋ฉด, ์๋๋ก์ด๋๋ ์ด๊ฒ๊ณผ ๊ฐ์ ๋ชจ์์ ์ ๊ณตํ๋ ค๋ฉด ์ปค์คํ
์
์์ด ํ์ํฉ๋๋ค.
Android
iOS
X
- 54. ๋ฒํผ์ ์ฐจ์ด์
(์๋๋ก์ด๋) ๊ธฐ๋ณธ ๋ฒํผ ํํ
๊ธฐ๋ณธ๋ฒํผ (๋ฐ์ค ์์ ๊ธ์ ํน์ ์์ด์ฝ์ด ๋ค์ด๊ฐ์๋ ํํ)๊ณผ
ํ
๋๋ฆฌ๊ฐ ์๋ ๋ฒํผ (๊ธ์ ํน์ ์์ด์ฝ๋ง ๋ณด์) ๋ ํํ๊ฐ ์์
*๋๋ฌ์ก์ ๋์ ํ๋ก ํจ๊ณผ๊ฐ ๋ค์ด๊ฐ ์์
(iOS7) ๊ธฐ๋ณธ ๋ฒํผ ํํ
iOS7์ ๊ธฐ๋ณธ ๋ฒํผ ํํ๋ ํ
๋๋ฆฌ ์๊ณ ๊ธ์๋ง ์๋ ํํ์ด๋ค.
ํ์ํ๋ค๋ฉด ํ
๋๋ฆฌ์ ๋ฐฐ๊ฒฝ์์ ์ฐ๋ ๊ฒ์ ํ์ฉํ๊ณ ์๋ค.
* ํ
๋๋ฆฌ์ ํํ๋ ๋ฐ์ค๋ ๊ฐ๋ฅํ๊ณ ์๋ ๊ฐ๋ฅํ๋ค. ์ฌ์ฉ๋งฅ๋ฝ์ ๋ฐ๋ผ ํ์ฉํ๊ณ ์์
iOS7์ผ๋ก ๋์ด์ค๋ฉด์ ๋ OS์ ๋ฒํผ ์คํ์ผ์ด ๋ ์์ดํด์ก๋ค.
- 57. ํ์๋ผ์ธ์ ๋ฑํ UI ๊ฐ์ด๋์๋ ์์
ํ์๋ผ์ธ
iOS์ ์๋๋ก์ด๋ ๋ชจ๋ ํผ๋ ํํ์ ํ๋ฉด์ ๋ํ ๊ฐ์ด๋๋ ๋ฑํ ์๋ค. ๊ฐ์ด๋๋ผ์ธ๋๋ก๋ง ๋ณด์
๋ฉด ์ฌ์ฉ์์๊ฒ ์ ๊ณต๋๋ ์ปจํ
์ธ ๋ ๋ฆฌ์คํธ์์ ์ ํํด์ ๋๋ฌ์ ์ ์ฒด ๋ด์ฉ์ ๋ณด๋ ๋ฐฉ์์ผ๋ก ์
๊ณต ๋์ด์ผ ํ ๊ฒ ๊ฐ์ง๋ง ์์
๋คํธ์ํน ์ฑ๋ค ๋๋ถ๋ถ์ด ๊ทธ ์์ดํ
์ ํด๋น๋๋ ๋ด์ฉ์ ๋ค ๊น์ ๋ณด์ฌ
์ฃผ๋ UI๋ฅผ ์ทจํ๊ณ ์๋ค. ๋ด์ฉ๋ง ๋ณด์ฌ์ค ๋ฟ ์๋๋ผ ๊ทธ ์ํ์์ ์์ดํ
์ ๋ํ ์ก์
๊น์ง ์ทจํ ์
์๋๋ฐ (์ข์์, ์ฝ๋ฉํธ๋ฌ๊ธฐ, ๋ฆฌํธ์ ๋ฑ)
โข iOS์ ์๋๋ก์ด๋ ๊ณ ์ ์ UI๊ฐ ๋
น์๋๊ธฐ๋ณด๋ค๋ ์๋น์ค ์
์ฒด์ ๋ธ๋๋ ์์ด๋ดํฐํฐ๊ฐ ๋งค์ฐ ์
๋๋ฌ๋๋ ํธ์ด๋ผ โ๋ณด์ด๋ ํ๋ฉดโ๋ณด๋ค ์ธํฐ๋์
์์์ ์ฐจ์ด๊ฐ ๋ ๋๋๋ฌ์ง๋ค.
๋์์ธ ๊ฐ์ด๋ ๋ผ์ธ์ ๊ฒฝ์ฐ ํ
์ด๋ธ๋ทฐ์ ํ
์คํธ ๋ทฐ์์ ๋ณด์ฌ์ฃผ๋ ๊ท์น๊ณผ ๋์ผํ๊ฒ โ์์๋ค์ ์
์นโ ํน์ โ์์๋ค๊ฐ์ ๊ด๊ณ๏ผ์ ๋ํด์ ํ์ํด์ฃผ๋ฉด ๋ฉ๋๋ค.
ํ์ง๋ง ์ฌ์ฉ์๊ฐ ์ ์ค์ณ๋ฅผ ์๊ธฐ ํ๋ค๊ธฐ ๋๋ฌธ์ ๊ตณ์ด ์ฌ์ฉํ์ง๋ ์๋ ํธ.
- 58. ํ์๋ผ์ธ์์์ ์ ์ค์ณ
ํ์๋ผ์ธ ์์ ๊ฐ๋ณ ์์ดํ
์ ๋ํ ์ ์ค์ณ
iOS์ ๊ฒฝ์ฐ ์ข์ฐ ์ค์์ดํ๋ฅผ ํ๋ฉด ๋ฉ๋ด๊ฐ ๋ํ๋ฉ๋๋ค.
์๋๋ก์ด๋์ ๊ฒฝ์ฐ ๋กฑํ๋ ์ค๋ฅผ ํ๋ฉด ๋ฉ๋ด๊ฐ ๋ํ๋ฉ๋๋ค. (์ผ๋ฐ์ ์ผ๋ก ๋ง์ด ์ฐ๋ ๋ฉ๋ด ํํ๋ ์
๋)
* ์์ ๋ฒ
์ค ํ๋ฉด์ ํ์๋ผ์ธ ํ๋ฉด์ ์๋์ง๋ง ๊ฐ๋ณ ์์ดํ
์ ๋ํ ์ ์ค์ณ์ ๋ํ ๋น๊ต๋ก ํ์.
์๋๋ก์ด๋์ ๊ฒฝ์ฐ ๋กฑํ๋ ์ค๋ก ์ ํ ๊ฐ๋ฅํ ์ก์
์ด ์์ ๊ฒฝ์ฐ ์
์๋์ชฝ์ ์ผ๊ฐํ์ผ๋ก ํ์
์ด ๊ฒฝ์ฐ ์ ์ค์ณ๋ฅผ ํตํด ์ ๊ณตํ๋ ๊ธฐ๋ฅ์ ํด๋น ์์ดํ
์์ธํ๋ฉด์์ ๋๊ฐ์ด ์ ๊ณตํ๊ณ ์์ต๋๋ค.
ํด๋น ์์ดํ
์์ธํ๋ฉด์ ํ์๋ผ์ธ์์ ๊ทธ ์์ดํ
์ ๋๋ฅด๋ฉด ๋ค์ด๊ฐ๋ ํ๋ฉด์
๋๋ค.
- 60. (iOS) ๊ธ ์์ฑ ํ๋ฉด
Twitter (iOS7)
Sunrise calendar (iOS7)
Nextdoor (iOS6)
Tumblr(iOS6)
๊ธ์ ์์ฑํ๋ ํ๋ฉด
iOS7์ ๊ฒฝ์ฐ ์ผ์ชฝ์ cancel ์ค๋ฅธ์ชฝ์ ์๋ฃ (Tweet ํน์ Add ํน์ Save) ๋ฒํผ์ด ์ฌ๋ผ๊ฐ๋๋ค.
Cancel์ ๋๋ฅธ ๊ฒฝ์ฐ ์ถ๊ฐ ์ ์ฅ์ ํ ๊ฒ์ธ์ง ์๋์ง action sheet ๊ฐ ํ์๋ฉ๋๋ค.
์๋ฃ๋ฅผ ๋๋ฅธ ๊ฒฝ์ฐ ์
๋ ฅํ ๋ฐ์ดํฐ๋ ๋ณ๋์ ํ์ธ๊ณผ์ ์์ด ์ ์ก๋ฉ๋๋ค.
์ก์
์ํธ๋ iOS6์ iOS7์์ ๋ชจ์์ด ์กฐ๊ธ ๋ฌ๋ผ์ ธ์์ต๋๋ค. ์ก์
์ํธ์ ํ์ํ๋ ์์ดํ
์๋
2๊ฐ ์ด์ ๊ฐ๋ฅํฉ๋๋ค.
- 61. (iOS) ๊ธ ์์ฑ ํ๋ฉด์ ๋ง์ ์
์๋ฃ (SEND) ์ก์
์ ํค๋ณด๋ ์ํฐ๋ก ๋์ ํ ์
Circle (iOS6)
Movies & TV Shows (iOS6)
์์ฑ ์ฐฝ ์์ฒด๊ฐ ํ์
์ผ๋ก ๋ฐ๋ก ๋ฌ ์
Flip Board (iOS6)
Friends around me (iOS6)
ํค๋ณด๋ ๋ฐ์ ๋ ์ฒจ๋ถํ ์ฌํญ๋ค์ ๋ฃ์ ์
Path (iOS6)
Evernote (iOS6)
- 62. (Android) ๊ธ ์์ฑ ํ๋ฉด
Vine
Nwplaying
Foursquare
๊ธ์ ์์ฑํ๋ ํ๋ฉด
์๋๋ก์ด๋์ ๊ฒฝ์ฐ ์ค๋ฅธ์ชฝ์ ์๋ฃ (Tweet ํน์ Add ํน์ Save) ๋ฒํผ์ด ์ฌ๋ผ๊ฐ๋๋ค
์ผ์ชฝ์๋ ์ด์ ํ๋ฉด์ผ๋ก ์ด๋ํ๋ ๋ฒํผ์ด ์๊ณ ๋๋ฐ์ด์ค์ back๋ฒํผ ๊ธฐ๋ฅ๊ณผ ์ ์ฌํฉ๋๋ค.
- ๋จ, ํค๋ณด๋๊ฐ ์ฌ๋ผ์์๋ ์ํ์์ ๋๋ฐ์ด์ค ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ฅด๋ฉด ํค๋ณด๋๊ฐ ๋ด๋ ค๊ฐ๊ณ ํ
๋ฒ ๋ ๋๋ฌ์ผ๋ง ๊ทธ ํ์ด์ง์์ ์ดํํ๋ ๋ฐ๋ฉด, ํ๋ฉด์ ํ์๋ ์๋ก๊ฐ๊ธฐ ๋ฒํผ์ ํ๋ฒ์ ๊ทธ ํ์ด์ง
๋ฅผ ์ดํํฉ๋๋ค.
- ์ทจ์ ๋ฒํผ์ ๋๋ ์ ๋ ๋ค์ด์ผ๋ก๊ทธ ์ถ๋ ฅ
* UI์ ๋ฐ๋ผ ์์ฑํ ํ๋ฉด ์๋์ชฝ์ ์๋ฃ ๋ฒํผ์ ๋๊ธฐ๋ ํฉ๋๋ค.
- 63. (Android) ๊ธ ์์ฑ ํ๋ฉด
์๋ฃ (V) ๋ฒํผ์ด ์ผ์ชฝ์ ์๋ ์
Evernote
์ฑ ๊ธฐ๋ฅ์ด ์์ ๋ ์ฌํญ์ ๋ฌด์กฐ๊ฑด ์ ์ฅ, ์ด๋ผ ์ทจ์๋ฒํผ์ด ์กด์ฌํ์ง ์์
์๋ฃ๊ฐ ์๋, ์ทจ์๊ฐ ์ค๋ฅธ์ชฝ ์์ ์๋ ๊ฒฝ์ฐ.
Runkeeper
์ทจ์์ ๊ณต์ ๊ฐ ์์ชฝ์ ๋ฐ๋ฐ์ฉ ๋ฐํ์๋ ํํ
Google Plus
- 65. ์ฌ์ด๋๋ฐ & ๋ค๋น๊ฒ์ด์
๋๋ก์
Google Currents (iOS6, iOS7)
Google Currents (Android)
๋ฉ๋ด๊ฐ ๋ง์์ง๋ฉด ์์ผ๋ก ์ธ์ฐ๋ ์ฌ์ด๋ ๋ฐ
iOS์์๋ Path ์ฑ์ 2.0 ๋ฒ์ ์ ์ ํํด์ ํ๋ฒ๊ฑฐ๋ฒํผ์ผ๋ก ๋ฉ๋ด๊ฐ ๋์๋ค ๋ค์ด๊ฐ๋ค ํ๋ ํํ
๊ฐ ๊ต์ฅํ ์ง๋ฐฐ์ ์ผ๋ก ๋ฐ๋์์ต๋๋ค. (์ฌ์ฉ์ฑ์ ๋ํด์๋ ์ฌ์ ํ ๋
ผ๋์ด ๋ง์ง๋ง ์ฌ๋ฌ ๊ฐ ์ปจํ
์ธ
๋ฅผ ๋ ๊ณ ๋ฏผํ์ง ์๊ณ ๋ฐ์ด ๋ฃ์ ์ ์๋ค๋ ์ฅ์ ์ด ์์ต๋๋ค.) ์๋๋ก์ด๋์์๋ ๊ฐ๋ณ ์ฑ ๊ฐ๋ฐ์
๋ค์ด ์ฌ์ด๋๋ฐ๋ฅผ ์ฌ์ฉํ๋ค๊ฐ ๋ค๋น๊ฒ์ด์
๋๋ก์๋ฅผ ๋ค๊ณ ๋์ค๋ฉด์ ๊ณต์ํ๋์๊ณ ์.
๋ํ๋ ๋ชจ์์ด ์ฌ์ด๋๋ฐ์ธ์ง ๋ค๋น๊ฒ์ด์
๋๋ก์์ธ์ง๋ ๋ํ๋๋ ๋ชจ์์ ๋ฐ๋ผ ๊ตฌ๋ณํ ์ ์์ต๋
๋ค. ํ๋ฉด ์ ์ฒด๋ฅผ ์ฑ์ฐ๋ ์ปจํ
์ธ ์ ์์น๊ฐ ์ด๋ํ๋ ๊ฒ์ ๋์ผํ์ง๋ง ์ฌ์ด๋๋ฐ์ ๊ฒฝ์ฐ ์ก์
๋ฐ๋
๋ค๋น๊ฒ์ด์
๋ฐ๊ฐ ํต์งธ๋ก ์ด๋ํ๊ณ , ๋ค๋น๊ฒ์ด์
๋๋ก์๋ ์ก์
๋ฐ ์์น๋ ๊ทธ๋๋ก ์ ์งํ ์ฑ๋ก ์ปจ
ํ
์ธ ๊ฐ ๋ฐ๋ฆฌ๊ณ ์๋์ ์๋ ๊ฒ ๋ํ๋ ํํ์
๋๋ค.
* Google Currents (์ธ์๋ณด๊ธฐ) ์ฑ์์๋
์๋๋ก์ด๋์์์ ์คํผ๋๋ฅผ iOS์์๋ ๋ค๋น๊ฒ์ด์
๋ฐ์์ sorting ๊ฐ๋ฅํ๊ฒ ์ฒ๋ฆฌํจ.
- 67. (Android) ์ฌ์ด๋ ๋ฐ & ๋ค๋น๊ฒ์ด์
๋๋ก์
๋ค์ ์ฌ์
Amazon Kindle
Linked in
CliffHanger
The Verge
- 69. ํ๋กํ ํ๋ฉด, ์์ 1 Vine
Vine (iOS6, Android, iOS7)
ํ๋กํ ํ๋ฉด์ OS๋ณ๋ก ๋ค๋ฅด์ง ์์
OS ํน์ฑ์ด ๋ณด์ด๊ธฐ ์ ์ ์ฐ์ ์๋น์ค ํน์ฑ์ ๋
น์๋ด๋ ํธ์ด ๋ ๋ง์ต๋๋ค. ํ์ง๋ง OSํน์ง์ ๋ง์ถฐ
์ ์ฝ๊ฐ์ฉ ๋ณ๋๋๊ธฐ๋ ํฉ๋๋ค.
์ฃผ๋ก ์๋น์ค ํน์ง์ ๋ง์ถฐ์ ๋์์ธ์ ํ๊ณ ์ธ๋ถ์ ์ธ ์ฌํญ์์ OS๋ณ ํน์ง์ ์ ์ฉํฉ๋๋ค.
1. Vine์์ iOS6์ ์๋๋ก์ด๋์ ์ฐจ์ด์ ์ ์ฐพ์๋ณด์ธ์.
2. Vine์์ iOS6์ iOS7์ผ๋ก ๋ณ๊ฒฝ๋๋ฉด์ ๋ค๋ฅธ ์ ์ ์ฐพ์๋ณด์ธ์.
- 70. ํ๋กํ ํ๋ฉด, ์์ 2 Instagram
Instagram (iOS6, Android, iOS7)
iOS7๋ง ๋งค์ฐ ๋ค๋ฅด์ง๋ง ์ธ์คํ๊ทธ๋จ์ ์์๋ ๋น๊ตํด๋ด
์๋ค.
# ์ด ์๋น์ค์ ๊ฒฝ์ฐ iOS6 ์ง์์์ iOS7 ์์ฃผ๋ก ๋ฐ๋์์ ๋ ํญ์ ๊ธฐ๋ฅ์ด ์ถ๊ฐ๋์ด ํฌํ ๋งต ์
์ ์ฌ๋ ๋ชจ์์ ์์ด์ฝ์ด ๋ ๋์ค๊ฒ ๋์์ต๋๋ค. UI์์ ์ฐจ์ด์ ์ด๋ผ๊ณ ๋ณด๊ธฐ ์ด๋ ค์ฐ๋ ์ด ๋ถ๋ถ์
์คํตํ๊ณ ๋น๊ตํด์ฃผ์ธ์.
1. Instagram ์ฑ ์ OS๋ณ๋ก ๋ค๋ฅธ ์ ์ ๋๋๋ก ๋ง์ด ์ฐพ์๋ณด์ธ์.
- 72. ๋ก๊ทธ์ธ ํ๋ฉด์ด OS๋ฅผ ์์ฃผ ๋ง์ด ํ๋ ์ด์
Vine (iOS7, Android)
๋ Vine ์ด์ง๋ง OS์ ํน์ง์ด ๋ง์ด ๋ง์ด ๋
น์์๋ ๋ก๊ทธ์ธ ํ๋ฉด
์ด ํ๋ฉด์ ํค๋ณด๋๊ฐ ํ๋ฉด์ ๋ฐ์ ์ฐจ์งํด์ ํ๋ฉด์ ์ฌ์ฉํ๋๋ฐ ์ ์ฝ์ด ๋ง์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ทจ์, ์
์ฅ ์ก์
๊ณผ ์์น๊ฐ OS์์ ์ ๊ณตํ๋ ๋ฐฉ์์ ๊ทธ๋๋ก ๋ฐ๋ฅด๊ฒ ๋์ด ๊ฐ์ ์ฑ์ด๋ผ๊ณ ํด๋ ์๋ก ๋ค๋ฅด
๊ฒ ๋ํ๋ฉ๋๋ค.
1.
2.
3.
4.
Cancel ์ก์
SAVE ํน์ Next ๊ธฐ๋ฅ์ ํ์ ๋ฐฉ์
์ปค์
์
๋ ฅ์์ญ ํ์