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
760
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
ネーミングの極意 - その名は体を現していますか？ -
kakukoki
2
460
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
130
セブンデックス カルチャーブック
sevendex
0
790
How to go from research data to insights?
mastervicedesign
0
210
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
64k
Dinosaur Mayhem
storyartist
0
130
1年目のクリエイターがつくりあげた！採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
490
Tableau曲線表現講座(2024.11.21)
cielo1985
0
220
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
220
ENEOS社事例｜アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
760
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4.8k
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
160

Featured

See All Featured
Speed Design
sergeychernyshev
25
760
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
Code Review Best Practice
trishagee
65
17k
RailsConf 2023
tenderlove
29
980
We Have a Design System, Now What?
morganepeng
51
7.4k
The World Runs on Bad Software
bkeepers
PRO
67
11k
What's in a price? How to price your products and services
michaelherold
244
12k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k

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