Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
XCode6 / iPhone6 / iOS8 デザイナーが知ってると 便利なTips
Search
takatomo okitsu
October 15, 2014
Technology
34
12k
XCode6 / iPhone6 / iOS8 デザイナーが知ってると 便利なTips
takatomo okitsu
October 15, 2014
Tweet
Share
More Decks by takatomo okitsu
See All by takatomo okitsu
笑顔があつまるインスタレーション Smile:D #potatotips7
okitsutakatomo
0
4k
デブサミ2014【14-C-4】 DeNAにおけるゲーム以外の新規事業の立ち上げ方
okitsutakatomo
37
13k
Groonga with MapKit
okitsutakatomo
3
1.1k
Other Decks in Technology
See All in Technology
現場で役立つAPIデザイン
nagix
29
10k
The 5 Obstacles to High-Performing Teams
mdalmijn
0
270
株式会社EventHub・エンジニア採用資料
eventhub
0
4.2k
プロセス改善による品質向上事例
tomasagi
1
1.6k
『AWS Distinguished Engineerに学ぶ リトライの技術』 #ARC403/Marc Brooker on Try again: The tools and techniques behind resilient systems
quiver
0
130
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
360
AndroidデバイスにFTPサーバを建立する
e10dokup
0
240
Classmethod AI Talks(CATs) #15 司会進行スライド(2025.02.06) / classmethod-ai-talks-aka-cats_moderator-slides_vol15_2025-02-06
shinyaa31
0
170
管理者しか知らないOutlookの裏側のAIを覗く#AzureTravelers
hirotomotaguchi
2
240
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
150
Kubernetes x k6 で負荷試験基盤を開発して 負荷試験を民主化した話 / Kubernetes x k6
sansan_randd
2
730
Moved to https://speakerdeck.com/toshihue/presales-engineer-career-bridging-tech-biz-ja
toshihue
2
550
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Practical Orchestrator
shlominoach
186
10k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Writing Fast Ruby
sferik
628
61k
RailsConf 2023
tenderlove
29
1k
Adopting Sorbet at Scale
ufuk
74
9.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
Typedesign – Prime Four
hannesfritz
40
2.5k
Transcript
XCode6 / iPhone6 / iOS8 σβΠφʔ͕ͬͯΔͱ ศརͳTips ԭوஐ@DeNA 2014/10/15 UI
Crunch http://ui-crunch.com/
@okitsu ԭوஐ ʢΦΩπλΧτϞʣ DeNAͰΤϯδχΞͬͯ·͢ɻ iOS/AndroidΞϓϦͷ։ൃ͕ଟ͍Ͱ͢ɻ
• Mobage • Comm: Free calls, texts and fun! •
Baseball Stadium LIVE • Peko: Play to be Paid! • SHOWROOM • Yokohama DeNA Baystars
͍͖ͳΓͰ͕͢ɺ iPhone6 / 6 Plus ରԠ ਐΜͰ·͔͢ʁ
iPhone6ʹରԠͰ͖ͯΔ͔Ͳ͏͔ݟ͚Δํ๏ iPhone6 iPhone5s iPhoneΛԣʹฒͯφϏήʔγϣϯόʔͷߴ͞ΛݟΔ ಉ͡ɹɿiPhone6ରԠࡁ ҟͳΔɿiPhone6ະରԠ
iPhone6ʹରԠͰ͖ͯΔ͔Ͳ͏͔ݟ͚Δํ๏ iPhone6 iPhone5s ߴ͕͞ҟͳΔύλʔϯ TwitterରԠͯ͠Δ͚ͲFacebook·ͩͳͷͶɺͱ͍͏ײ͡ͰѲͰ͖Δɻ
ରԠͰ͖͍ͯͳ͍ΞϓϦiPhone6ͰͲ͏ දࣔ͞Ε͍ͯΔͷ͔ʁ • Scaling modeͱ͍͏ͷ͕ൃಈ͠ɺΞεϖΫτൺΛҡ࣋ͨ͠ ··֦େදࣔ͞Ε͍ͯΔɻ • ͬ͘͡ΓݟΔͱɺεςʔλεόʔͷ࣌ࠁͷจࣈͱ͔ଟগ΅ ͚͍ͯΔͷ͕Θ͔Δͣɻ ී௨ʹݟ͑ͯͦ͏͚ͩͲɺ࣮ͬͦ͜Γ
֦େ͞Εͯͨͱ͍͏Φν
iPhone6Ͱී௨ʹݟΕͯΔ͠ɺ ಛʹiPhone6ରԠ͍Βͳ͔͔ͬͨͳʁ ͱࢥͬͯ҆৺ͯͨ͠Γ͠·ͤΜ͔ʁ ͦΕؒҧ͍ͳͷͰ͙͢ʹࣗࣾʹͬͯΤϯδχΞʹ ૬ஊ͍ͯͩ͘͠͞ʂ ! ͬͱը໘αΠζΛ༗ޮʹ͑·͢ɻ ࣗࣾͷΞϓϦʹؔͯ͠…
iPhone6 Plus
iPhone6 Plus Α͋͘Δצҧ͍ • @3xͷը૾͕ඞཁΈ͍ͨͳ͕ྲྀΕͯ͘Δɻ ˠiPhone5S(Retina)ͱ͘Βͯղ૾1.5ഒʹͳͬͨͷ͔ʙ ˠεϖοΫݟΔ
iPhone6 Plus iPhone5S 401ppi 326ppi શવ1.5ഒ͡Όͳ͍ɻ1.23ഒ͙Β͍͔͠ͳ͍ɻ ຊͳΒ480 ppi͙Β͍ཉ͍͠ɻͲ͏͍͏͜ͱʁ
iPhone 6 Plus ࣮… • ΧλϩάεϖοΫɺ ըૉ 1,920 × 1,080
ϐΫηϧͷ 401ppi ͳΜ͚ͩͲɺ෦తʹɺ ըૉ 2,208 × 1,242 ϐΫηϧ͋Δͷͱͯ͠ܭࢉ͠ɺ දࣔ͢Δࡍʹॖখ(0.87ഒ)ͯ͠ද͍ࣔͯ͠Δɻ • PhotoShopͳͲͰUIσβΠϯ͢Δ߹ʹɺ 2,208 x 1,242ϐΫηϧͷαΠζͰ࡞͢Δͷ͕ਖ਼ղɻ IUUQXXXQBJOUDPEFBQQDPNOFXTJQIPOFTDSFFOTEFNZTUJpFE
ϕΫλʔσʔλ
@1x @2x @3x … • օ͞Μ͍ͭ@1x, @2xͷ2छྨͷը૾༻ҙͯ͠·ͤΜ͔ʁ • ͞Βʹ iPhone6PlusରԠͰɺ@3xՃ͞Εͯɺ
ʮͻʔʂʯͬͯͳͬͯ·ͤΜ͔ʁ ࠷৽ͷXCode6ΑΓɺϕΫλʔσʔλͱͯ͠PDF ͕ ͑ΔΑ͏ʹͳΓ·ͨ͠ɻ ˞ͨͩ͠ɺར༻ʹ͍͔ͭ͘ҙ͋Γ·͢
iOSͰϕΫλʔσʔλΛར༻͢Δࡍͷҙ • લఏͱͯ͠ɺͳΜͰ͔ΜͰॊೈʹ֦େॖখ͞ΕΔΘ͚Ͱͳ͍ɻ • ۩ମతʹɺΞϓϦʹpdfΛؚΊͯϏϧυ͢Δͱɺ෦ͰϥελϥΠ ζʢϏοτϚοϓԽʣ͞ΕΔɻ݁Ռɺ@1x, @2x, @3xͷϏοτϚοϓ ϑΝΠϧ͕࡞ΒΕΔɻ •
දࣔͷࡍʹɺ࡞ΒΕͨϏοτϚοϓ͕ར༻͞ΕΔɻ • ݩͱͳΔpdfϑΝΠϧɺ@1xͷαΠζͰ࡞͢Δඞཁ͕͋Δɻʢͦ ͏͠ͳ͍ͱδϟΪΔʣ • iOSͷόʔδϣϯͷ੍ݶͳ͠ʢiOS7, iOS6Ͱར༻Մʣ
ϕΫλʔσʔλ(pdf)ͷࢦఆํ๏ ※pdfAsset CatalogͰ͔͠ࢦఆͰ͖·ͤΜɻ Y
iPhone5s iPhone6 iPhone6 Plus ग़ྗྫ
LaunchScreen
LaunchScreen (εϓϥογϡը໘) • iPhone6 / iPhone6 Plus͕Ճ͞Εͨ͜ͱͰɺ iPhone4Ҏ্(iOS7Ҏ্)Ͱ࠷4छྨͷը૾͕ඞཁɻ ΞϓϦͷαΠζ૿͑Δ͠ΊΜͲ͍͘͞ɻ
LaunchScreenΛ1ϑΝΠϧʹʂ • XCode6͔ΒɺLaunchScreenΛ1ϑΝΠϧʹ·ͱΊΒ ΕΔػೳ͕Ճɻ • ࠓ·Ͱը૾͔͠ࢦఆͰ͖ͳ͔ͬͨͷ͕ɺxib/ storyboardͱ͍͏ϑΝΠϧ1ͭͰରԠͰ͖ΔΑ͏ʹ ͳͬͨɻ
xibϑΝΠϧ࡞ྫ
1ϑΝΠϧͰશը໘αΠζʹରԠ ※ͨͩ͠iOS8Ҏ্ɻiOS7ҎԼ͜Ε·ͰͲ͓Γը૾Λ༻ҙ͢Δඞཁ͋Γ
ʲศརαʔϏεհʳiOS.zip • iOSΞϓϦਃʹඞཁͳը૾ηοτΛ 1clickͰ·ͱΊͯμϯϩʔυͰ͖Δ ศརαʔϏεɻ • iPhone/iPad྆ํʹରԠɻͪΖΜ iOS8ରԠ • ༻ҙ͢Δը૾ͷछྨ͕ଟ͗ͯ͢
هԱ͢ΔͷෆՄೳͳͨΊɺ͜͏͍͏ ͷੵۃతʹར༻ͨ͠΄͏͕ྑ͍ɻ • ։ൃऀͷ @hirama2 ͋Γ͕ͱ͏ʂ http://ioszip.mashroom.in/
App Previews
App Previews • AppStoreʹܝࡌ͞ΕΔΞϓϦհಈը • ΞϓϦਃ࣌ʹొͰ͖ΔΑ͏ʹͳͬͨ ʢͨͩ͠OSX Yosemite͕ඞਢʣ • 15ඵʙ30ඵҎɺ500MBҎɺ30fpsҎ
• H.264ʢਪʣ͔Apple ProRes videoίʔσοΫ • ղ૾ɾըૉσόΠε͝ͱʹࢦఆ͋Γ • αϜω5ඵ࣌ͷͷ͕ࣗಈతʹબʢมߋՄʣ • ૢ࡞͢ΔਓखͳͲΛ͏ͭͯ͠μϝɺͳͲ੍ݶ͋Γ IUUQTEFWFMPQFSBQQMFDPNMJCSBSZJPTEPDVNFOUBUJPO-BOHVBHFT6UJMJUJFT$PODFQUVBMJ5VOFT$POOFDU@(VJEF"QQFOEJDFT 1SPQFSUJFTIUNM
ͱ͜ΖͰ… • iPhoneͷը໘ΛಈըͰը͢Δํ๏ͬͯɺ օ͞ΜͲ͏ͯ͠·͢ʁ • ࠷ۙͩͱ AirPlay + Refrector ͷΈ߹Θ͙ͤΒ͍͔͠બ
ࢶͳ͍ʁ http://macwin.org/mac/reflector/ • ͨͩϑϨʔϜϨʔτͯ͘ΧΫ͍ͭͨΓɻ͍·͍ͪɻ • Wi-FiઃఆΊΜͲ͔ͬͨ͘͞Γ
iPhoneͷը໘ΛಈըͰը͢Δํ๏ ܾఆ൛ • 10ϦϦʔε༧ఆͷ࣍ظOSX Yosemite(10.10) + QuickTime Ͱɺ೦ئͷެࣜαϙʔτʂʂ • iPhoneΛUSBͰͭͳ͙͚ͩͰQuickTimeͰը໘ͷಈըΛը
Ͱ͖ΔΑ͏ʹͳΓ·͢ɻʢiOS8Ҏ߱ʣ • ༗Γ͍͜ͱʹɺը࣌ʹɺεςʔλεόʔͷ࣌ؒΩϟϦΞ ใɾόοςϦʔɾిͷڧ͞ͳͲͷදࣔΛΑ͠ͳʹݻఆɻ S*FTBANKͱ͔ফ͞ΕΔ όοςϦʔৗʹ100% (sample)
Ҏ্ ͱ͍͏͜ͱͰɺ XCode6 iPhone6 iOS8ରԠ ͍Ζ͍ΖେมͰ͕͢ૉఢͳ͜ͱ ૿͑ͯ·͢ͷͰ Ҿ͖ଓ͖ؤுΓ·͠ΐ͏͆