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
870
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
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
280
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.7k
Yumika Yamada Portfolio
yumii
0
1.7k
mento Design Team Portfolio
mento0fficial
1
850
Memory Man v3 (WIP)
storybychad
PRO
0
2.6k
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
390
CursorでAI活用のナレッジベースを構築する
kanzaki
0
740
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
130
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
550
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
850
Code Review Best Practice
trishagee
72
19k
Thoughts on Productivity
jonyablonski
70
4.9k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Gamification - CAS2011
davidbonilla
81
5.5k
Site-Speed That Sticks
csswizardry
11
880
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Mobile First: as difficult as doing things right
swwweet
224
10k
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