$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction of MaterialDesign for engineer
Search
Masaya Yashiro
August 29, 2016
Technology
0
99
Introduction of MaterialDesign for engineer
Masaya Yashiro
August 29, 2016
Tweet
Share
More Decks by Masaya Yashiro
See All by Masaya Yashiro
拡大期を迎えたプロダクトに起きたこと - Android編
yashims
0
560
How useful Kotlin/Native in Kotlin 1.3
yashims
0
440
UX design trend 2019
yashims
5
1.6k
Kotlin/MPP getting started and troubles
yashims
0
4.1k
C# code refactoring with Scope Functions
yashims
0
2.9k
ココがダメだよWebCamTexture
yashims
0
110
Other Decks in Technology
See All in Technology
Agents IA : la nouvelle frontière des LLMs (Tech.Rocks Summit 2025)
glaforge
0
360
Modern Data Stack大好きマンが語るSnowflakeの魅力
sagara
0
270
MS Ignite 2025で発表されたFoundry IQをRecap
satodayo
3
230
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3.3k
経営から紐解くデータマネジメント
pacocat
9
1.9k
シンプルを極める。アンチパターンなDB設計の本質
facilo_inc
1
1k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
37k
Active Directory 勉強会 第 6 回目 Active Directory セキュリティについて学ぶ回
eurekaberry
16
5.9k
知っていると得する!Movable Type 9 の新機能を徹底解説
masakah
0
200
Microsoft Agent 365 を 30 分でなんとなく理解する
skmkzyk
1
210
オープンデータの内製化から分かったGISデータを巡る行政の課題
naokim84
2
1.3k
セキュリティAIエージェントの現在と未来 / PSS #2 Takumi Session
flatt_security
3
1.3k
Featured
See All Featured
A better future with KSS
kneath
240
18k
The Cult of Friendly URLs
andyhume
79
6.7k
Balancing Empowerment & Direction
lara
5
780
Become a Pro
speakerdeck
PRO
30
5.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Docker and Python
trallard
46
3.7k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
A Tale of Four Properties
chriscoyier
162
23k
We Have a Design System, Now What?
morganepeng
54
7.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Into the Great Unknown - MozCon
thekraken
40
2.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Transcript
ΤϯδχΞͷͨΊͷ ϚςϦΞϧσβΠϯೖ @yashims85
୭ • ণ @yashims85 • ྑ͍ϓϩμΫτΛ࡞Γ͍ͨΤϯδχΞ • ؾ࣋ͪ20த൫
օ͞Μ͜Μͳࣄܦݧ͋Γ·ͤΜ ͔ʁ
σβΠφ: ͜ΕͰ࣮͓ئ͍͠·͢ʔʂ ΅͘: Αͬ͠Όʂ࣮͕ΜΔ͍ͧʂ ΅͘: Μʔʁ ΅͘: ΜΜΜʔʁ ΅͘: ͏ʔΜɻɻඍົͳσβΠϯͳؾ͕͢Δ͚ͲɺσβΠ
φ্͕͖͛ͯͨͷͩ͠ͳ͊ɻɻ ΅͘: ·͊ɺ͍͍͔ɻɻ
͋Δ͍͜Μͳࣄ
΅͘: UI࣮Ͱ͖ͨͷͰಈ͔ͯ͠ΈΔ͍ͧɻ ΅͘: …Ξχϝʔγϣϯཉ͍͍ͧ͠ɻɻ ΅͘: ͍͍ײ͡ʹͪΐͪΐ͍ͱͬͯΈΔ͔(^o^) σβΠφ: ͏ʔΜඍົ͍ɻ ΅͘: (´ɾωɾʆ)
͋Δ͍͜Μͳࣄ
σβΠφ: UI࣮͓ئ͍͠·ʔ͢ʂ ΅͘: ͕ΜΔ͍ͧʂ ΅͘: ͳΜ͔৽ن࣮ଟ͍ͧɻɻ ΅͘: ͓ΘΒͳ͍ɻɻ ΅͘: ͓ΘΒͳ͍ɻɻ
ͦΕɺ͔ͨ͠͠ΒϚςϦΞϧσβΠ ϯΛ֮͑Δ͜ͱͰղܾͰ͖Δ͔͠Ε ·ͤΜ
ϚςϦΞϧσβΠϯͷ3ݪଇ
ϚςϦΞϧσβΠϯͷ3ݪଇ • ϚςϦΞϧσβΠϯϝλϑΝʔͰ͋Δ • ϚςϦΞϧσβΠϯࢴͷϝλϑΝʔΛ࣋ͭ(λϯδϒ ϧUI)
ϚςϦΞϧσβΠϯͷ3ݪଇ • େɺੜ͖ੜ͖ɺҙਤత • ࢴͷσβΠϯͱಉ͡Α͏ߟ͑Δ • typography༨നɺΧϥʔେʹ͓͏
ϚςϦΞϧσβΠϯͷ3ݪଇ • ϞʔγϣϯҙຯΛఏڙ͢Δ • Կʹ͢ΕΑ͍͔༠ಋͰ͖Δ • ਖ਼͍͠ϞʔϑΟϯάϢʔβͷମݧΛ࿈ଓతͳͷʹ ͢Δ
Ͱɺ΅͘σβΠϯηϯεແ͍ ͠ɻɻ
ͦΜͳਓͷͨΊͷϚςϦΞϧσ βΠϯͰ͢ʂʂ
΅͘σβΠϯηϯεແ͍͠ • υΩϡϝϯτ͕උ͞Ε͍ͯΔ • https://design.google.com/ • https://material.google.com/ • σβΠϯͷઃܭࢥ͕͋Δ •
σβΠϯύλʔϯ͕๛ • ύλʔϯͱϩδοΫͰͯ͢ޠΕ͍ͯΔ
ύλʔϯͱϩδοΫͰޠΒΕ͍ͯΔͳΒɺ ΤϯδχΞతࢥߟͰσβΠϯͷྑ͠ѱ͠ ΛஅͰ͖Δ
ϚςϦΞϧσβΠϯΛ͓΅͑Δ ͱͲ͏ͳΔ͔
σβΠφ: ͜ΕͰ࣮͓ئ͍͠·͢ʔʂ ΅͘: Αͬ͠Όʂ࣮͕ΜΔ͍ͧʂ ΅͘: Μʔʁ ΅͘: ͏ʔΜɻɻσβύλతʹඍົͳͷͰɺͲ͏͍͏ઃܭ ҙਤͳͷ͔֬ೝͯ͠ΈΑ͏ɻ σβΠφ:
·͊ɺGoogle༷͕ݴ͏ͳΒ͠ΐ͏͕ͳ͍ΑͶɻ ΅͘: ʢʈνʈʣχοίϦ Google༷͕ݴ͏ͳΒ͠ΐ͏͕ͳ͍
͋Δ͍͜͏ͳΔ
΅͘: UI࣮Ͱ͖ͨͷͰಈ͔ͯ͠ΈΔ͍ͧɻ ΅͘: …Ξχϝʔγϣϯཉ͍͍ͧ͠ɻɻ ΅͘: ϚςϦΞϧσβΠϯతߟ͑ํऔΓೖΕͯͪΐͪΐ͍ ͱͬͯΈΔ͔ɻ σβΠφ: ѱ͘ͳ͍ ΅͘:
ʢʈνʈʣχοίϦ
͋Δ͍͜͏ͳΔ
σβΠφ: UI࣮͓ئ͍͠·ʔ͢ʂ ΅͘: ͳΜ͔৽ن࣮ଟ͍ͧɻɻ ΅͘: ࣅͨUI͕͢Ͱʹ͋ΔΘ͚Ͱ͕͢ɺ৽ͨʹ࣮͢Δҙ ਤͱʁ σβΠφ: ಛʹແ͍ ΅͘:
ʢʈνʈʣχοίϦ
MFͰͬͯΔษڧ๏
MFͰͬͯΔษڧ๏ • ͍͏ͯυΩϡϝϯτશ෦ӳޠ • ҰਓͰಡΉͷਏ͍ͷͰɺΈΜͳͰಡΈ߹Θͤ • UIຖʹಡΜͰҙݟަ͋͠͏ • Googleͷϖʔδ༁ͰେମҙਤΘΔ
·ͱΊ • σβΠϯηϯε͕ແͯ͘ϚςϦΞϧσβΠϯޠΕΔ • ϚςϦΞϧσβΠϯύλʔϯͱϩδοΫ • ύλʔϯͱϩδοΫͳΒΤϯδχΞಘҙ • Google༷ͷҖΛआΓͯԺศʹࡁ·ͤΒΕΔ