Upgrade to Pro — share decks privately, control downloads, hide ads and more …

タブレットファーストと マルチデバイスUI

YAT
August 10, 2019
Design
4
220

タブレットファーストと マルチデバイスUI

Adobe XDUG 大阪でお話した「タブレットファーストと マルチデバイスUI」です。前回のスライドより少しボリュームアップしています。

YAT

August 10, 2019
Tweet

More Decks by YAT

See All by YAT
slide-なごデvol4-YAT
yat8823jp
0
130
WordPress 管理をラクにする
WP-CLI
yat8823jp
3
5.8k
タブレットファーストと マルチデバイスUI
yat8823jp
3
860
チームビルディングコミュニケーション
yat8823jp
1
780
Tablet-first thinking - タブレットファーストの考え方
yat8823jp
3
140
design and typography
yat8823jp
1
160
フォントの基礎をおさらいしよう
yat8823jp
0
230
WordPressの テーマ開発フローを ブログに書いたお話
yat8823jp
0
180
テーマチェックのすすめ
yat8823jp
1
1.1k

Other Decks in Design

See All in Design
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
320
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
610
(第１回) アーキテクト・テックリード育成講座
masakaya
0
160
【Designship 2024｜10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
780
ENEOS社事例｜アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
820
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
140
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
66k
Dinosaur Mayhem
storyartist
0
140
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
120
最速[要出典]アクセシビリティチェック
magi1125
2
200
LayerX DesignersDeck
layerx
PRO
0
2.5k
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
110

Featured

See All Featured
Building an army of robots
kneath
302
45k
Bash Introduction
62gerente
610
210k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
A Tale of Four Properties
chriscoyier
158
23k
Adopting Sorbet at Scale
ufuk
74
9.2k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Code Reviewing Like a Champion
maltzj
521
39k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Fireside Chat
paigeccino
34
3.2k
Faster Mobile Websites
deanohume
306
31k
Optimizing for Happiness
mojombo
376
70k

Transcript

  1. None

  2. λϒϨοτϑΝʔετͱ ϚϧνσόΠε6*

  3. :"5 σβΠϯίϛϡχςΟ
 ʮσβΠϯϑϩϯτʯओ࠵ ϑϦʔϥϯε σβΠφʔσϕϩούʔ :"5ͷCMPHΛӡӦ

  4. :"5ͷ#MPH

  5. None
  6. None
  7. None
  8. None
  9. None
  10. None

  11. ࢓ࣄ಺༰ w αΠτͷઃܭɾσβΠϯ w 69σβΠϯ w ϑϩϯτΤϯυɺόοΫΤϯυ w 8PSE1SFTT w

    ϥΠςΟϯά w ࣸਅࡱӨ w 6*σβΠϯ w ϚʔΫΞοϓɾίʔσΟϯά w αʔόʔαΠυ w ίϯαϧςΟϯά w ηϛφʔɺΠϕϯτओ࠵ w ಈըࡱӨɾฤू

  12. "EPCF9%ͷϑΣʔζ w αΠτͷઃܭɾσβΠϯ w 69σβΠϯ w ϑϩϯτΤϯυɺόοΫΤϯυ w 8PSE1SFTT w

    ϥΠςΟϯά w ࣸਅࡱӨ w 6*σβΠϯ w ϚʔΫΞοϓɾίʔσΟϯά w αʔόʔαΠυ w ίϯαϧςΟϯά w ηϛφʔɺΠϕϯτओ࠵ w ಈըࡱӨɾฤू

  13. λϒϨοτϑΝʔετʁ

  14. ͜Μͳ͜ͱͳ͍Ͱ͔͢ʁ

  15. λϒϨοτͷσβΠϯ͕ͳ͍ w εέδϡʔϧͷ౎߹ w ༧ࢉͷ౎߹ w λϒϨοτϢʔβʔ͕গͳ͍

  16. λϒϨοτϢʔβʔ͕গͳ͍

  17. ༧૝͞ΕΔݟղ ࢖͍ͮΒ͍ εϚʔτϑΥϯͰॆ෼ ͔ͬ͠ΓݟΔͳΒ1$

  18. ͦͷઌΛߟ͑Δ w λϒϨοτͰ͸࢖͍ͮΒ͍ͩΖ͏ͱ͍͏ϢʔβʔͷԱଌ w ෳ਺ਓͰݟΔࡍʹλϒϨοτ͸རศੑ͕ߴ͍ w Ͳ͏͍͏৔ॴͰͦͷαʔϏεΛར༻͢Δͷ͔

  19. ௚ײతͳ6*Λ ߟ͑ͯΈΑ͏ σϞ

  20. w ΩʔϘʔυΛ࢖͏λΠϛϯάͰ΋λοϓͰ͖Δ΋ͷΛ༻ҙ͢Δ w ͳΔ΂͘νΣοΫϘοΫε΍ϥδΦϘοΫεͳͲΛ༻ҙ͢Δ w ਺ࣈೖྗʹมΘΔ෺Λߟ͑Δ

  21. ϨεϙϯγϒϞʔυ ΢Οϯυ΢Մม࣌ͷڍಈΛߟྀ͠ͳ͕ΒσβΠϯͰ͖Δ ઃఆύωϧ

  22. ϨεϙϯγϒϞʔυ ΢Οϯυ΢Մม࣌ͷڍಈΛߟྀ͠ͳ͕ΒσβΠϯͰ͖Δ

  23. None

  24. ࢖͏γʔϯΛ૝ఆ͢Δ

  25. None
  26. None
  27. None

  28. ϚϧνσόΠεΛߟ͑΍͍͢

  29. ϚϧνσόΠεΛߟ͑΍͍͢

  30. ϒϨʔΫϙΠϯτ 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

  31. ϒϨʔΫϙΠϯτ w J1IPOF4&
 ϥϯυεέʔϓ Y ΋͘͠͸

  32. ϒϨʔΫϙΠϯτ https://qiita.com/tomohisaota/items/f8857d01f328e34fb551 ࢀߟʹ J1IPOFJ1BE"QQMF8BUDIղ૾౓ ը໘αΠζ ૣݟද2JJUB https://hashimotosan.hatenablog.jp/entry/2019/05/28/164834 ϨεϙϯγϒσβΠϯͷϒϨΠΫϙΠϯτͷਖ਼ղ͸͜Εͩͬͨ<࠷৽൛>

  33. ·ͱΊ w Ϣʔβʔ͕গͳ͍͚ͩͰ൑அ͍͍͔ͯ͠͸Α͘ߟ͑Δ w λονσόΠε޲͚ͷ6*͸1$Ͱ΋༏Ґ w ֤σόΠεʹΑͬͯϢʔβʔͷγʔϯ͸ҟͳΔ w ϨεϙϯγϒͷࠩҟΛߟ͑΍͍͢

  34. λϒϨοτϑΝʔετ ͓͢͢ΊͰ͢

  35. 6*ͷࢀߟʹ https://www.tripadvisor.jp/ τϦοϓΞυόΠβʔ https://www.expedia.co.jp/ ΤΫεϖσΟΞ

  36. ࠂ஌ DESIGNFRONT

  37. σβΠϯϑϩϯτ wσβΠϯ͕޷͖ wσβΠϯʹڵຯ͕͋Δ ͦΜͳਓୡ͕ू·ΔίϛϡχςΟ

  38. σβΠϯϑϩϯτ IUUQTEFTJHOGSPOUDPOOQBTTDPNFWFOU

  39. GBDFCPPLϖʔδ IUUQTXXXGBDFCPPLDPNHSPVQTEFTJHOGSPOU

  40. ͝ਗ਼ௌ༗೉͏͍͟͝·ͨ͠ @yat8823jp wp.yat-net.com ブログ

  41. None