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
タブレットファーストと マルチデバイスUI
Search
YAT
August 10, 2019
Design
4
240
タブレットファーストと マルチデバイスUI
Adobe XDUG 大阪でお話した「タブレットファーストと マルチデバイスUI」です。前回のスライドより少しボリュームアップしています。
YAT
August 10, 2019
Tweet
Share
More Decks by YAT
See All by YAT
slide-なごデvol4-YAT
yat8823jp
0
140
WordPress 管理をラクにする WP-CLI
yat8823jp
3
5.9k
タブレットファーストと マルチデバイスUI
yat8823jp
3
930
チームビルディングコミュニケーション
yat8823jp
2
860
Tablet-first thinking - タブレットファーストの考え方
yat8823jp
3
140
design and typography
yat8823jp
1
160
フォントの基礎をおさらいしよう
yat8823jp
0
230
WordPressの テーマ開発フローを ブログに書いたお話
yat8823jp
0
190
テーマチェックのすすめ
yat8823jp
1
1.2k
Other Decks in Design
See All in Design
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
340
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
620
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
150
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
580
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
120
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
380
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
2
1.2k
#Dubois Challenge 2025: Economics
ajstarks
1
170
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
660
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.3k
decksh object reference
ajstarks
2
1.3k
Featured
See All Featured
Faster Mobile Websites
deanohume
309
31k
The Pragmatic Product Professional
lauravandoore
36
6.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Become a Pro
speakerdeck
PRO
29
5.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Fireside Chat
paigeccino
39
3.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Transcript
None
λϒϨοτϑΝʔετͱ ϚϧνσόΠε6*
:"5 σβΠϯίϛϡχςΟ ʮσβΠϯϑϩϯτʯओ࠵ ϑϦʔϥϯε σβΠφʔσϕϩούʔ :"5ͷCMPHΛӡӦ
:"5ͷ#MPH
None
None
None
None
None
None
ࣄ༰ w αΠτͷઃܭɾσβΠϯ w 69σβΠϯ w ϑϩϯτΤϯυɺόοΫΤϯυ w 8PSE1SFTT w
ϥΠςΟϯά w ࣸਅࡱӨ w 6*σβΠϯ w ϚʔΫΞοϓɾίʔσΟϯά w αʔόʔαΠυ w ίϯαϧςΟϯά w ηϛφʔɺΠϕϯτओ࠵ w ಈըࡱӨɾฤू
"EPCF9%ͷϑΣʔζ w αΠτͷઃܭɾσβΠϯ w 69σβΠϯ w ϑϩϯτΤϯυɺόοΫΤϯυ w 8PSE1SFTT w
ϥΠςΟϯά w ࣸਅࡱӨ w 6*σβΠϯ w ϚʔΫΞοϓɾίʔσΟϯά w αʔόʔαΠυ w ίϯαϧςΟϯά w ηϛφʔɺΠϕϯτओ࠵ w ಈըࡱӨɾฤू
λϒϨοτϑΝʔετʁ
͜Μͳ͜ͱͳ͍Ͱ͔͢ʁ
λϒϨοτͷσβΠϯ͕ͳ͍ w εέδϡʔϧͷ߹ w ༧ࢉͷ߹ w λϒϨοτϢʔβʔ͕গͳ͍
λϒϨοτϢʔβʔ͕গͳ͍
༧͞ΕΔݟղ ͍ͮΒ͍ εϚʔτϑΥϯͰॆ ͔ͬ͠ΓݟΔͳΒ1$
ͦͷઌΛߟ͑Δ w λϒϨοτͰ͍ͮΒ͍ͩΖ͏ͱ͍͏ϢʔβʔͷԱଌ w ෳਓͰݟΔࡍʹλϒϨοτརศੑ͕ߴ͍ w Ͳ͏͍͏ॴͰͦͷαʔϏεΛར༻͢Δͷ͔
ײతͳ6*Λ ߟ͑ͯΈΑ͏ σϞ
w ΩʔϘʔυΛ͏λΠϛϯάͰλοϓͰ͖ΔͷΛ༻ҙ͢Δ w ͳΔ͘νΣοΫϘοΫεϥδΦϘοΫεͳͲΛ༻ҙ͢Δ w ࣈೖྗʹมΘΔΛߟ͑Δ
ϨεϙϯγϒϞʔυ ΟϯυՄม࣌ͷڍಈΛߟྀ͠ͳ͕ΒσβΠϯͰ͖Δ ઃఆύωϧ
ϨεϙϯγϒϞʔυ ΟϯυՄม࣌ͷڍಈΛߟྀ͠ͳ͕ΒσβΠϯͰ͖Δ
None
͏γʔϯΛఆ͢Δ
None
None
None
ϚϧνσόΠεΛߟ͍͑͢
ϚϧνσόΠεΛߟ͍͑͢
ϒϨʔΫϙΠϯτ w J1BE.JOJ w J1BE w J1BE w J1BE w
J1BE w J1BE"JS w J1BE"JS w J1BE1SP Y w J1BE1SP w J1BE"JS ੈ w J1BE1SP w J1BE1SP Y Y Y
ϒϨʔΫϙΠϯτ w J1IPOF4& ϥϯυεέʔϓ Y ͘͠
ϒϨʔΫϙΠϯτ https://qiita.com/tomohisaota/items/f8857d01f328e34fb551 ࢀߟʹ J1IPOFJ1BE"QQMF8BUDIղ૾ ը໘αΠζ ૣݟද2JJUB https://hashimotosan.hatenablog.jp/entry/2019/05/28/164834 ϨεϙϯγϒσβΠϯͷϒϨΠΫϙΠϯτͷਖ਼ղ͜Εͩͬͨ<࠷৽൛>
·ͱΊ w Ϣʔβʔ͕গͳ͍͚ͩͰஅ͍͍͔ͯ͠Α͘ߟ͑Δ w λονσόΠε͚ͷ6*1$Ͱ༏Ґ w ֤σόΠεʹΑͬͯϢʔβʔͷγʔϯҟͳΔ w ϨεϙϯγϒͷࠩҟΛߟ͍͑͢
λϒϨοτϑΝʔετ ͓͢͢ΊͰ͢
6*ͷࢀߟʹ https://www.tripadvisor.jp/ τϦοϓΞυόΠβʔ https://www.expedia.co.jp/ ΤΫεϖσΟΞ
ࠂ DESIGNFRONT
σβΠϯϑϩϯτ wσβΠϯ͕͖ wσβΠϯʹڵຯ͕͋Δ ͦΜͳਓୡ͕ू·ΔίϛϡχςΟ
σβΠϯϑϩϯτ IUUQTEFTJHOGSPOUDPOOQBTTDPNFWFOU
GBDFCPPLϖʔδ IUUQTXXXGBDFCPPLDPNHSPVQTEFTJHOGSPOU
͝ਗ਼ௌ༗͏͍͟͝·ͨ͠ @yat8823jp wp.yat-net.com ブログ
None