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
Web デザインのこれからを Material Design と Ionic から考えた
Search
feb19
May 20, 2018
Design
1
1k
Web デザインのこれからを Material Design と Ionic から考えた
UI デザイン戦略どうすればいいですか?
feb19
May 20, 2018
Tweet
Share
More Decks by feb19
See All by feb19
WWDC や iOSDC, Droid Kaigi の動画でウォッチパーティしよう
feb19
0
2k
新しい API
feb19
21
8.3k
WWDC19 Design
feb19
1
8k
怖い WWDC
feb19
0
2.3k
事業を 0→1 または 1→10 するための UX/UI デザインエンジニアリング
feb19
3
1k
デザインエンジニアリングことはじめ
feb19
2
2.3k
クリエイティブコーディングのための数学+JavaScript入門 三角関数と行列
feb19
0
360
Other Decks in Design
See All in Design
今日から意識できるアクセシビリティ
fumiko
0
250
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
680
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
650
7 Core Values of Round-L
wired888
0
280
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
480
Echoes Boomerang
artcloudyu
PRO
0
250
Yumika Yamada Portfolio
yumii
0
710
UXデザインはなぜ定着しないのか?
designstudiopartners
0
750
AI動画生成ガチャ紹介
piyo7
1
130
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
330
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
990
Featured
See All Featured
Making Projects Easy
brettharned
116
6.3k
Become a Pro
speakerdeck
PRO
29
5.4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
For a Future-Friendly Web
brad_frost
179
9.8k
Fireside Chat
paigeccino
37
3.5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
YesSQL, Process and Tooling at Scale
rocio
173
14k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Transcript
Web Material Design Ionic
Nobuhiro Takahashi @feb19 2018.5.20 Ionic Meetup Tokyo #4Web at Lightning Talk 2018.5.20
TAKAHASHI NOBUHIRO @feb19 Designer / Engineer 2018.5.20 Ionic Meetup Tokyo
#4Web at Lightning TalkWeb Material Design Ionic 2
!" )' 2018.5.20 Ionic Meetup Tokyo #4Web%at #( Lightning
TalkWeb $ Material Design Ionic & 3
Web 4 2018.5.20 Ionic Meetup
Tokyo #4Web at Lightning TalkWeb Material Design Ionic
%" Web ! 2018.5.20 Ionic Meetup Tokyo
#4Web #at & Lightning TalkWeb ! Material Design Ionic $ 5
… 2018.5.20 Ionic Meetup Tokyo #4Web at
Lightning TalkWeb Material Design Ionic 6
LT 2018.5.20 Ionic Meetup Tokyo #4Web at
" Lightning TalkWeb Material Design Ionic ! 7
2018.5.20 Ionic Meetup Tokyo #4Web &at !) Lightning TalkWeb "
Material Design Ionic ' 8 (% +- ,$ #* . please follow → @feb19
2018.5.20 Ionic Meetup Tokyo #4Web 9at * 6=&1!+ Lightning TalkWeb
.)"7 Material Design Ionic : 9 '7-7,24#)@ 24#)G8 UIF E ?H Web .)"7I 3/1%5&DC#$2(0+; B AMP (0+<A>
2018.5.20 Ionic Meetup Tokyo #4Web 9at ) 2<%/!* Lightning
TalkWeb +("3 Material Design Ionic : 10 UI &31-3,7C5 '.*4A 7C5 >8;@B= ?#$0 UI 6
2018.5.20 Ionic Meetup Tokyo #4Web 'at !) Lightning
TalkWeb " Material Design Ionic ( 11 +$ .- " #% " ,&* "
2018.5.20 Ionic Meetup Tokyo #4Web &at ( Lightning TalkWeb
Material Design Ionic ' 12 UI $)" %# !*"
2018.5.20 Ionic Meetup Tokyo #4Web *at ",! Lightning TalkWeb #
Material Design Ionic + 13 (.% UI '-& /) $
2018.5.20 Ionic Meetup Tokyo #4Web at
Lightning TalkWeb Material Design Ionic 14 Material Design ?
2018.5.20 Ionic Meetup Tokyo #4Web #A!at $*$4L(2%, Lightning TalkWeb /)&5
# Material Design Ionic C 15 ^XP _d?O=_J: RE UI /)&5 fdZTa7\ /+-4/)&5e E`S< 0'1'# Google /)&5*,.3 Material Design (H9M) =b a11y i18n @c>]IF" KQ B8DW6D[6 Google GUV/)&5N` Y; https://material.io/
2018.5.20 Ionic Meetup Tokyo #4Web2at -7' Lightning TalkWeb #. Material
Design Ionic 4 16 < #. ") %+.30 UI #.;1 54 9/ No.1 Android :8 iOS / web 6&(,!% #. ") *,!$
2018.5.20 Ionic Meetup Tokyo #4Web 3at !&!.8$+"' Lightning TalkWeb
)%#/ Material Design Ionic 4 17 >2: iOS / web 5B9 Bootstrap )%#/ → Material Design =@ ?6< Material Design A0 7; 1 ),-(*
2018.5.20 Ionic Meetup Tokyo #4Web "at $ Lightning TalkWeb
Material Design Ionic # 18 UI !% &
2018.5.20 Ionic Meetup Tokyo #4Web at
Lightning TalkWeb Material Design Ionic 19
2018.5.20 Ionic Meetup Tokyo #4Web 2at #-6*$ Lightning TalkWeb
'"/ Material Design Ionic 4 20 :+!( <3. 58:;01UI ?>/&/% +,/)+!(37 =9 :4
2018.5.20 Ionic Meetup Tokyo #4Web Cat (9M!3* Lightning TalkWeb
.': Material Design Ionic F 21 ! %#< WP= W " *-#1* ;PGB?W # "3 %9/)7+ BGM $ NK< BGM OHED(JVR) % 86:< ,5$83XU ☕ &2< Q>@,5$83 T L48:0 UI ISA
2018.5.20 Ionic Meetup Tokyo #4Web & #(J' at *1*<Q-8+2 Lightning
TalkWeb 50,= & #( Material Design Ionic #L 22 T HM!?\ZR(F#&% UG/72> ;:=@V3,9.;8N[ KA" IR*4+26R" $) HMEW[O!ATM UI F#&%*4+26R DXR! SBRRP(C%50,= (IRY
2018.5.20 Ionic Meetup Tokyo #4Web )at $,! Lightning TalkWeb
% Material Design Ionic * 23 ,'+. UI (-"#% &/0
2018.5.20 Ionic Meetup Tokyo #4Web at # Lightning TalkWeb
Material Design Ionic ! 24 Material Design 2 &' %$ " Google I/O 2018
2018.5.20 Ionic Meetup Tokyo #4Web )at %," Lightning TalkWeb &
Material Design Ionic + 25 /0* #$&!'(. - Material Design 2 https://material.io/design/material-studies/
2018.5.20 Ionic Meetup Tokyo #4Web at
Lightning TalkWeb Material Design Ionic 26 Corner Radius Font Coloring Elevation etc..
2018.5.20 Ionic Meetup Tokyo #4Web ,at !%0$" Lightning TalkWeb #
& Material Design Ionic . 27 Web / iOS (Swift / Objective-C) /134-( https://material.io/develop/ Material Design Android )*/+ 2'
2018.5.20 Ionic Meetup Tokyo #4Web(at &* Lightning TalkWeb ' Material
Design Ionic ) 28 Ionic ! Angular Material Design $ $%#&" https://github.com/angular/material2 Angular
2018.5.20 Ionic Meetup Tokyo #4Web at
Lightning TalkWeb Material Design Ionic 29 Material Design (Android / iOS / Web) https://codelabs.developers.google.com/code labs/mdc-101-flutter/#0 Flutter
2018.5.20 Ionic Meetup Tokyo #4Web at Lightning
TalkWeb Material Design Ionic 30 Ionic
2018.5.20 Ionic Meetup Tokyo #4Web 2at "(8&# Lightning TalkWeb $!)
Material Design Ionic 3 31 iOS / Android 7A4?*:@ →Android MD / iOS iOS 11 Design →/OSED9+F0$!) 7A@ Platform Specific Styles ,- http://ionicmaterial.com/ % OSS 5 1;> iOS Material Design '#)5D.B(6=C<)
2018.5.20 Ionic Meetup Tokyo #4Web 0at *3&! Lightning TalkWeb
#- Material Design Ionic 1 32 %')"$&+(, iOS /57 ionic .4 26
2018.5.20 Ionic Meetup Tokyo #4Web at " Lightning TalkWeb
Material Design Ionic ! 33 #$ Ionic % !
2018.5.20 Ionic Meetup Tokyo #4Web at Lightning
TalkWeb Material Design Ionic 34
2018.5.20 Ionic Meetup Tokyo #4Web /at '1# Lightning TalkWeb *
Material Design Ionic 0 35 "$&! *% Material Design "$&!#(%) Ionic Framework ,2-.+
%" Web ! 2018.5.20 Ionic Meetup Tokyo
#4Web #at & Lightning TalkWeb ! Material Design Ionic $ 36
2018.5.20 Ionic Meetup Tokyo #4Web *at $,#! Lightning TalkWeb
"% Material Design Ionic + 37 UI "%/1+- ). '( 0&
2018.5.20 Ionic Meetup Tokyo #4Web"at % Lightning TalkWeb Material
Design Ionic $ 38 !# !
2018.5.20 Ionic Meetup Tokyo #4Web at
Lightning TalkWeb Material Design Ionic 39 https://frokan.connpass.com/
Web Material Design Ionic
Nobuhiro Takahashi @feb19 2018.5.20 Ionic Meetup Tokyo #4Web at Lightning Talk 2018.5.20