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
Mastraに入門してみた ~AWS CDKを添えて~
tsukuboshi
0
240
Dynamic Reteaming And Self Organization
miholovesq
3
500
Cross Data Platforms Meetup LT 20250422
tarotaro0129
1
590
AWSの新機能検証をやる時こそ、Amazon Qでプロンプトエンジニアリングを駆使しよう
duelist2020jp
1
220
QA/SDETの現在と、これからの挑戦
imtnd
0
120
Cursor AgentによるパーソナルAIアシスタント育成入門―業務のプロンプト化・MCPの活用
os1ma
13
4.7k
Goの組織でバックエンドTypeScriptを採用してどうだったか / How was adopting backend TypeScript in a Golang company
kaminashi
6
5.8k
SnowflakeとDatabricks両方でRAGを構築してみた
kameitomohiro
1
360
Devinで模索する AIファースト開発〜ゼロベースから始めるDevOpsの進化〜
potix2
PRO
7
3.4k
はてなの開発20年史と DevOpsの歩み / DevOpsDays Tokyo 2025 Keynote
daiksy
6
1.5k
“パスワードレス認証への道" ユーザー認証の変遷とパスキーの関係
ritou
1
590
Automatically generating types by running tests
sinsoku
2
3k
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
A designer walks into a library…
pauljervisheath
205
24k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
119
51k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing Experiences People Love
moore
141
24k
Into the Great Unknown - MozCon
thekraken
37
1.7k
Docker and Python
trallard
44
3.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
13
1.4k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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ରԠ ͍Ζ͍ΖେมͰ͕͢ૉఢͳ͜ͱ ૿͑ͯ·͢ͷͰ Ҿ͖ଓ͖ؤுΓ·͠ΐ͏͆