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
2020-8-22 Zil✖️エキサイト LT
Search
MOTCCi
September 26, 2020
Technology
0
88
2020-8-22 Zil✖️エキサイト LT
MOTCCi
September 26, 2020
Tweet
Share
More Decks by MOTCCi
See All by MOTCCi
2020-10-31 CIST-LT✖️Zli LT
motochika
0
33
2020/9/11 TechDojo
motochika
0
13
2020-8-22 Zil✖️CA LT
motochika
0
63
2020/7/11 Zli✖️DMM 合同LT
motochika
0
26
新歓LT
motochika
0
28
2020/1/8 新年LT
motochika
0
11
Presentation for Firefox
motochika
0
16
Nvidia Demo
motochika
0
31
Other Decks in Technology
See All in Technology
5分で紹介する生成AIエージェントとAmazon Bedrock Agents / 5-minutes introduction to generative AI agents and Amazon Bedrock Agents
hideakiaoyagi
0
220
WAF に頼りすぎない AWS WAF 運用術 meguro sec #1
izzii
0
460
スクラムのイテレーションを導入してチームの雰囲気がより良くなった話
eccyun
0
110
地方拠点で エンジニアリングマネージャーってできるの? 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
130
家電アプリ共通PF "Linova" のAPI利用とPostman活用事例ご紹介
yukiogawa
0
130
日経電子版 x AIエージェントの可能性とAgentic RAGによって提案書生成を行う技術
masahiro_nishimi
1
290
High Performance PHP
cmuench
0
140
プロセス改善による品質向上事例
tomasagi
1
1.6k
Moved to https://speakerdeck.com/toshihue/presales-engineer-career-bridging-tech-biz-ja
toshihue
2
550
Datadog APM におけるトレース収集の流れ及び Retention Filters のはなし / datadog-apm-trace-retention-filters
k6s4i53rx
0
320
転生CISOサバイバル・ガイド / CISO Career Transition Survival Guide
kanny
3
410
[2025-02-07]生成AIで変える問い合わせの未来 〜チームグローバル化の香りを添えて〜
tosite
1
290
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Become a Pro
speakerdeck
PRO
26
5.1k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
What's in a price? How to price your products and services
michaelherold
244
12k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
4 Signs Your Business is Dying
shpigford
182
22k
A better future with KSS
kneath
238
17k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Transcript
Material Design のススメ 2020/8/26 Zil✖エキサイト合同LT
自己紹介 広瀬 元周(MOTCCi) 会津大学B3 ・Androidアプリ開発に関連した技術を勉強中 Kotlinやアーキテクチャ,UIデザインなど ・趣味はサイクリング,スキー,映画観賞など 最近公開された「TENET」が気になる
Material Designとは Googleのプラットフォーム上で他のアプリを操作性を保ちつつ 利用できるデザインとして誕生 誰もが,どのデバイスでも使えて,表現したいブランドや アイデンティティを最大限引き出せることが目標
Material Designとは 3つの基本原則 ”Material is the metaphor” … 物質的である ”Bold,
graphic, intentional” … 適切なデザインの使用 ”Motion provides meaning” … 動作が自然
Material Designとは デザインの例
https://material.io/design/ 色のヒエラルキー 重要な色 ほど濃い
https://material.io/design/ 要素の境界 奥行きで 区別 透明度で 区別 色の違いで 区別
https://material.io/design/ 重要度 ① → ② → ③ 実例① ボタン
https://material.io/design/ 重要度の順番に 従ってる 同じ重要度で並べて はいけない 実例① ボタン
実例② FAB 良い例 何かを追加しそうかも .... https://material.io/design/ ※FAB FloatongActionButton
実例② FABボタン 悪い例 何を表しているか わかりづらい.... 文字は入れては いけない... https://material.io/design/
実例③ CardView 仕切りがなくて わかりづらい....
おわりに Material Designはユーザーにとって自然なものであ り、一貫した操作性を実現できる AndroidやiOSでも取り入れているアプリは多いので ガイドラインから外れることは望ましくない
より詳しく MaterialDesignの設計思想を探る https://note.com/usagimaruma/n/nb22f1bbca4c8 デザインと品質 https://developer.android.com/design?hl=ja MaterialDesign公式 https://material.io/develop/
試してみる Google Codelab https://codelabs.developers.google.com/ でMDCと検索すると、Kotlin,Swift,Web,Flutter等で マテリアルデザインのコーディングが体験できます
ありがとう ございました! Twitter @motcci Github motochika1 icon