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
コンテナのトラブルシューティング目線から AWS SAW についてしゃべってみる
kazzpapa3
1
120
Engineering at LY Corporation
lycorp_recruit_jp
0
150
Gradle: The Build System That Loves To Hate You
aurimas
2
190
データの信頼性を支える仕組みと技術
chanyou0311
3
1.3k
QAEチームが辿った3年 ボクらが改善業務にスクラムを選んだワケ / 20241108_cloudsign_ques23
bengo4com
0
530
RAGのためのビジネス文書解析技術
eida
3
570
国土交通省 データコンペ参加者向け勉強会
takehikohashimoto
0
350
Commitment vs Harrisonism - Keynote for Scrum Niseko 2024
miholovesq
6
1.6k
Microsoft Intune アプリのトラブルシューティング
sophiakunii
1
360
プロダクトエンジニアが活躍する環境を作りたくて 事業責任者になった話 ~プロダクトエンジニアの行き着く先~
gimupop
1
600
Spring Frameworkの新標準!? ~ RestClientとHTTPインターフェース入門 ~
ogiwarat
2
240
State of Open Source Web Mapping Libraries
dayjournal
0
190
Featured
See All Featured
Faster Mobile Websites
deanohume
305
30k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
7
520
Measuring & Analyzing Core Web Vitals
bluesmoon
2
69
Making the Leap to Tech Lead
cromwellryan
133
8.9k
Code Review Best Practice
trishagee
64
17k
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
GraphQLとの向き合い方2022年版
quramy
43
13k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
The Language of Interfaces
destraynor
154
24k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Become a Pro
speakerdeck
PRO
25
5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
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ରԠ ͍Ζ͍ΖେมͰ͕͢ૉఢͳ͜ͱ ૿͑ͯ·͢ͷͰ Ҿ͖ଓ͖ؤுΓ·͠ΐ͏͆