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
Postmanの日本市場におけるDevRel (的) 活動 / Postman's DevRelish activities in Japan
yokawasa
1
130
Shopifyアプリ開発における Shopifyの機能活用
sonatard
2
110
Intuneお役立ちツールのご紹介
sukank
3
760
株式会社島津製作所_研究開発(集団協業と知的生産)の現場を支える、OSS知識基盤システムの導入
akahane92
1
190
メールサーバ管理者のみ知る話
hinono
1
100
"君は見ているが観察していない"で考えるインシデントマネジメント
grimoh
4
1k
サイバーセキュリティと認知バイアス:対策の隙を埋める心理学的アプローチ
shumei_ito
0
300
FOSS4G 2024 Japan コアデイ 一般発表25 PythonでPLATEAUのデータを手軽に扱ってみる
ra0kley
1
130
今、始める、第一歩。 / Your first step
yahonda
2
680
What to do after `laravel new`
mattstauffer
0
140
Spring Frameworkの新標準!? ~ RestClientとHTTPインターフェース入門 ~
ogiwarat
2
260
福岡新卒エンジニアの会
teba_eleven
1
190
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
46
2.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Designing for Performance
lara
604
68k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
What's in a price? How to price your products and services
michaelherold
243
12k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Code Reviewing Like a Champion
maltzj
520
39k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Designing Experiences People Love
moore
138
23k
Rails Girls Zürich Keynote
gr2m
93
13k
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ରԠ ͍Ζ͍ΖେมͰ͕͢ૉఢͳ͜ͱ ૿͑ͯ·͢ͷͰ Ҿ͖ଓ͖ؤுΓ·͠ΐ͏͆