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
220
タブレットファーストと マルチデバイスUI
Adobe XDUG 大阪でお話した「タブレットファーストと マルチデバイスUI」です。前回のスライドより少しボリュームアップしています。
YAT
August 10, 2019
Tweet
Share
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
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