Awaiting for New UI in iOS 13

"XBJUJOHGPS/FX6*JOJ04 $"4XJGU

4FOHPLV"LJIJTB "NFCBϒϩά J04ΤϯδχΞ !BLJIJTBTFO

88%$4FTTJPO w 8IBU`TOFXJOJ04BOE.BD%FTJHO w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED w *NQMFNFOUJOH%BSL.PEFPOJ04 w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED w
.PEFSOJ[JOH:PVS6*JOJ04 w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED

6QEBUF)VNBO*OUFSGBDF(VJEFMJOF w IUUQTEFWFMPQFSBQQMFDPNEFTJHOXIBUTOFX JEC w 6QEBUFBU+VOF

/FX6*JOJ04 w %BSLNPEF w 6*GPSJ04

%BSLNPEF w J04͔Βαϙʔτ w ҉͍ΧϥʔύϨοτΛ༻͍ͨ6*Λඳը w ؀ڥޫ͕ऑ͍࣌ʹਪ঑ w ίϯςϯπʹΑΓूத w
IUUQTEFWFMPQFSBQQMFDPNEFTJHOIVNBOJOUFSGBDFHVJEFMJOFT JPTWJTVBMEFTJHOEBSLNPEF

)PXUP4FU%BSLNPEF ઃఆ ίϯτϩʔϧηϯλʔ

9DPEF γϛϡϨʔλ ɹ4FUUJOH%FWFMPQFS %FCVHHJOH5PPM

4VQQPSU#PUI4UZMFT w -JHIUNPEFͱ%BSLNPEFͷ྆ํΛαϙʔτ͢Δͷ͕޷·͍͠ʢਪ঑ʁʣ w ಛఆͷελΠϧʹదԠ͍ͯ͞͠ΔΞϓϦͷ৔߹͸ɺҰ෦ͷը໘PSશը໘ Ͱ%BSLNPEFΛαϙʔτ͢Δඞཁ͸ͳ͍ w Ϣʔβ͕࡞੒ͨ͠ίϯςϯπʹؔͯ͠͸ɺϢʔβ͕બ୒ͨ͠ίϯςϯπΛ ൓өͤ͞Δ͜ͱΛਪ঑

%JTBCMFTVQQPSUGPS%BSL.PEFFOUJSFMZ w JOGPQMJTUͷLFZA6*6TFS*OUFSGBDF4UZMFAͷ஋ΛA-JHIUAͰΞϓϦશମͷ *OUFSGBDF4UZMFΛઃఆՄೳ

3FHBSEMFTTPGUIFTZTUFNTFUUJOH w XJOEPX WJFX WJFXDPOUSPMMFSͷAPWFSSJEF6TFS*OUFSGBDF4UZMFAϓϩύ ςΟͰಛఆͷ4UZMFΛબ୒Մೳ w 8JOEPX͢΂ͯʹదԠ͞ΕΔ w 7JFXT4VCWJFXTʹ4UZMF͕దԠ͞ΕΔ
w 7JFX$POUSPMMFS$IJME7JFX$POUSPMMFSʹ4UZMF͕దԠ͞ΕΔ

*NQMFNFOUJOH%BSLNPEF w $PMPS w *NBHF w .BUFSJBMTBOE7JCSBODZ w $POUSPMTBOE#BS

4ZTUFN$PMPS w -JHIUNPEFͱ%BSLNPEFͷΧϥʔΛ ఏڙ %ZOBNJD$PMPS w ΞΫηγϏϦςΟʔͷzίϯτϥετΛ ্͛Δzͱzಁ໌౓ΛԼ͛ΔzΛߦͳͬͨ ࣌ͷΧϥʔ΋ఏڙ

(SBZ w (SBZd(SBZ͕௥Ճ w ൒ಁ໌ͷάϨʔ৭΋ఏڙ w ަࠩ͢Δཁૉʹରͯ͠࢖͏ͷ͕ద੾ɻ ྫ͑͹ɺάϦουϥΠϯ w ৭͕ॏͳ͍ͬͯΔͱ͖ʹɺBMQIB஋Λม
ߋ͢ΔͷΛආ͚Δ

4FNBOUJD$PMPS w ৭ͷ໨తΛදͨ͠$PMPSɻ6*ཁૉͷ৭ͷ ࢦఆʹద͍ͯ͠Δɻ w MBCFM MJOL QMBDFIPMEFS TFQBSBUPS w
pMMΞΠίϯ΍ਤܗ BMQIB͕ະຬͰ ͋Γɺഎܠʹ৭͕͋Δͱ͜ΖͰͷ࢖༻ Λ૝ఆ

#BDLHSPVOE$PMPS w 4FNBOUJD$PMPS w ֊૚Խ w 1SJNBSZ 4FDPOEBSZ ͕͋ΓɺॏͶͯ 7JFXΛ֊૚Խ͢Δ͜ͱΛ૝ఆ
w &MFWBUFE$PMPS POMZEBSL w EBSLNPEFͰ6*͕ॏͳ͍ͬͯΔͱ͖ʹɺ গ͠໌Δ͍&MFWBUFE$PMPS͕࢖ΘΕΔɻ w -JHIUNPEFͰ6*͕ॏͳ͍ͬͯΔͱ͖͸υϩο ϓγϟυʔΛ෇༩͢ΔͷΛਪ঑

$VTUPN$PMPS w ίʔυͰఆٛ w "TTFU$BUBMPHͰఆٛ extension UIColor { // you
provide creates a new color object based on the traits in the provided trait collection. @available(iOS 13.0, *) public init(dynamicProvider: @escaping (UITraitCollection) -> UIColor) } extension UIColor { static let dynamicColor = UIColor { (traitCollection: UITraitCollection) -> UIColor in if traitCollection.userInterfaceStyle == .dark { return .white } else { return .black } } }

$VTUPN$PMPS w ίʔυͰఆٛ w "TTFU$BUBMPHͰఆٛ J04Ҏ্ %BSL"QQFBSBODFʹ%BSLNPEF༻ͷը૾Λ௥Ճ

*NBHF w %ZOBNJD*NBHFT w "TTFU$BUBMPHͰ"QQFBSBODFͷ%BSLʹ%BSLNPEF༻ͷը૾Λ௥Ճ w 4'4ZNCPMFT w ՄೳͳݶΓ࢖༻͢Δ͜ͱΛਪ঑ w
-JHIUNPEFͱ%BSLNPEFͲͪΒʹ΋࠷దԽ͞Εͨ৭Λอ࣋

.BUFSJBMTBOE7JCSBODZ w .BUFSJBMT 6*#MVS&⒎FDU w എޙʹඳը͞Εͨίϯςϯπ΁ͷΤϑΣΫτ w 7JCSBODZ 6*7JCSBODZ&⒎FDU
w ಺෦ʹ഑ஔ͞Εͨίϯςϯπ΁ͷΤϑΣΫτ

.BUFSJBMT w 6*#MVS&⒎FDU4UZMFʹ5IJDL 3FHVMBS 5IJO 6MUSBUIJO͕௥Ճ͞Εͯɺ -JHIUNPEFͱ%BSLNPEFʹରԠ

7JCSBODZ w 6*7JCSBODZ&⒎FDU4UZMFʹMBCFM pMM TFQBSBUPS͕௥Ճ͞Εͯɺ-JHIU NPEFͱ%BSLNPEFʹରԠ

"EBQU"NFCBUP%BSLNPEF

"NFCBϒϩάͷ هࣄͷฤूը໘ -JHIUNPEF

"NFCBϒϩάͷ هࣄͷฤूը໘ %BSLNPEF

w /BWJHBUJPO#BS❌ w .FOV#VUUPOT❌ w 5BCMF7JFX$FMM❌

ᶃఆٛ͞Ε͍ͯΔ $VTUPN$PMPSΛ %ZOBNJD$PMPS΁มߋ

.FOV#VUUPOT

ᶄ4UPSZCPBE্Ͱͷ $PMPSͷఆٛΛίʔ υͰͷࢦఆʹมߋ

%BSLNPEF͔Β -JHIUNPEFʹมߋ 4UBUVT#BS .FOV#VUUPO

5SBJU TUZMF ͕มԽͨ͠ ͱ͖ʹɺ$"-BZFS͸ಈ తʹ৭͕มΘΒͳ͍ͷͰ ରԠ͕ඞཁ

ᶅ5SBJU͕ߋ৽͞Εͨ ޙʹຖճ$"-BZFSͷ ΧϥʔΛߋ৽

͍͍ͩͨ׬ྃʁ

ͦͷଞͷରԠ w 6*"DUJWJUZ*OEJDBUPS7JFXͷ6*"DUJWJUZ*OEJDBUPS7JFX4UZMF w NFEJVN MBSHF⭕ɺHSBZ XIJUF❌ w J04Ͱ"1*͕6QEBUF͍ͯ͠Δ"UUSJCVUFE5FYU 4UBUVTCBS΋ରԠ͕ඞཁ
w ΞΠίϯͷ4'4ZNCPMԽ w 4FNBOUJD$PMPSͷదԠ͢Δͷ͔ʁ w σβΠφʔ΍σΟϨΫλʔͱ૬ஊ

/FX6*JOJ04 w %BSLNPEF w 6*GPSJ04

New6*JOJ04 w %BSLNPEF w 6*GPSJ04 w 'MFYJCMF6* w 4IFFU w
6*4FBSDI$POUSPMMFS w .VMUJQMF4FMFDUJPO(FTUVSFT

'MFYJCMF6* w "QSJM·Ͱʹඞཁͳ'MFYJCMF6*ͷରԠ w εϓϥογϡը໘Ͱ-BVODI*NBHF͕ EFQSFDBUFEʹͳΓɺ-BVODI 4UPSZCPBSETͰͷ࣮૷͕ඞཁ w J04ରԠͷ৔߹ͷͲͷσόΠεαΠζʹ ΋ରԠ͕ඞཁ
w J1BEͷϚϧνλεΫػೳͷ࣮૷͕ඞཁ

4IFFU w EFGBVMUͷ.PEBM͕ηϛϞʔμϧͷ4IFFU w ਪ঑߲໨ w ෳࡶͳॲཧΛϞʔμϧ಺Ͱ͸͠ͳ͍ w Ϟʔμϧ಺ʹด͡ΔϘλϯΛ഑ஔ w
Ϟʔμϧ಺ͰͷॲཧΛද͢λΠτϧΛೖ ΕΔ w ॲཧΛதஅ͢Δͱ͖͸ɺΞϥʔτΛදࣔ

6*.PEBM1SFTFOUBUJPO4UZMF w σϑΥϧτ஋͕BVUPNBUJDʹมߋ w ΄ͱΜͲ͸QBHF4IFFUͰͷදࣔ w -BOETDBQFϞʔυͷͱ͖ʹ͸ɺGVMM4DSFFO͕ దԠ͞ΕΔɻ w 6**NBHF1JDLFS$POUSPMMFSͰͷΧϝϥΛදࣔ
͢Δͱ͖͸GVMM4DSFFO͕ઃఆ w ࠓ·Ͱͷશը໘ද͍ࣔͨ͠৔߹͸GVMM4DSFFO Λબ୒

"EBQU"NFCB w ͍͍ײʁʁ w มߋ͕͋ͬͨͱ͖ w ΩϟϯηϧϘλϯͰͷด͡ΔॲཧͰ ͸ɺਖ਼ৗʹΞϥʔτ͕දࣔ͞ΕΔ w εϫΠϓδΣενϟʔͰͷด͡Δॲཧ
Ͱ͸Ξϥʔτ͕දࣔ͞Εͳ͍%

%JTBCMJOH1VMMJOH%PXOB4IFFU w ด͡Δ࣌ͷରԠ w มߋ͕͋Δͱ͖ w ˠJT.PEBM*O1SFTFOUBUJPOUSVF w ˠด͡Δͱ͖ʹݺ͹ΕΔ 6*"EBQUJWF1SFTFOUBUJPO$POUSPMMFS%
FMFHBUFͷϝιου಺ͰॲཧΛߦ͏

6*4FBSDI$POUSPMMFS w 6*4FBSDI$POUSPMMFS͕ΑΓ$VTUBNJ[FͰ͖ΔΑ͏ʹͳͬͨɻ

6*4FBSDI$POUSPMMFS w BVUPNBUJDBMMZ4IPXT$BODFM#VUUPO w $BODFM#VUUPOͷදࣔʢEFGBVMUUSVFʣ w BVUPNBUJDBMMZ4IPXT4DPQF#BS w 4DPQF#BSͷදࣔʢEFGBVMUUSVFʣ w
TIPXT4FBSDI3FTVMUT$POUSPMMFS w ݕࡧ͕Մೳʹͳͬͨͱ͖ͷݕࡧ݁Ռͷը໘ ΛදࣔʢEFGBVMUUSVFʣ

6*4FBSDI5FYU'JFME w ݕࡧը໘ͷ5FYU'JFME΋ΧελϚΠζՄೳ w 6*4FBSDI5FYU'JFME w TFBSDI#BS͕6*4FBSDI5FYU'JFMEΛอ࣋ w 6*4FBSDI5FYU'JFMEͷมߋͰΧελϚΠ ζՄೳ

6*4FBSDI5PLFO w 6*4FBSDI5FYU'JFMEͷςΩετ͔Βݕࡧ৚݅Λදࣔ͢Δ6*4FBSDI5PLFO͕࡞੒Մೳ w ෳ਺৚݅ͷݕࡧͷ6*ͷ࡞੒͕ศར

.VMUJQMF4FMFDUJPO(FTUVSFT w ̎ຊࢦͰεϫΠϓ͢Δͱબ୒͕$FMMͷબ ୒͕Ͱ͖Δ w 5BCMF7JFXͱ$PMMFDUJPO7JFXڞʹ࣮૷Մ ೳ

.VMUJQMF4FMFDUJPO(FTUVSFT w ࣮૷͸্هͷEFMFHBUFϝιουΛ࢖༻ w EJE4FMFDU΋ݺ͹ΕΔͨΊFEJUJOHঢ়ଶͷͱ͖ͷΈ.VMUJQMF4FMFDUJPOΛڐՄ͢Δඞཁ

New6*JOJ04 w %BSLNPEF w 6*GPSJ04 w 'MFYJCMF6* w 4IFFU w
6*4FBSDI$POUSPMMFS w .VMUJQMF4FMFDUJPO(FTUVSFT

.PSF*OGPSNBUJPO w 8IBU`TOFXJOJ04BOE.BD%FTJHO w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED w *NQMFNFOUJOH%BSL.PEFPOJ04 w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED w
.PEFSOJ[JOH:PVS6*JOJ04 w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED

Awaiting for New UI in iOS 13

Awaiting for New UI in iOS 13

More Decks by 100059

Other Decks in Technology

Featured

Transcript