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
970
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
1.6k
新しい API
feb19
21
8.2k
WWDC19 Design
feb19
1
7.8k
怖い WWDC
feb19
0
2.1k
事業を 0→1 または 1→10 するための UX/UI デザインエンジニアリング
feb19
3
950
デザインエンジニアリングことはじめ
feb19
2
2.2k
クリエイティブコーディングのための数学+JavaScript入門 三角関数と行列
feb19
0
320
Other Decks in Design
See All in Design
他人事じゃないWebアクセシビリティ入門
arihiro17
0
370
WHAT ARE ME?
takuro_nakajima
PRO
0
1.8k
Web 組版の課題とその解法
yamatoiizuka
0
150
Shinjuku.rb #91 好きなもの紹介LT大会 "便利"や"役に立つ"とは別方面のRubyをつかったプログラミングがたのしい話
bash0c7
0
130
Rebuilding Stamen’s iconic map styles with Stadia Maps
almccon
0
100
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
320
For My Dad- teaser
pdqsketch
PRO
0
170
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
190
Breaking News on the Web
souvikdg
0
380
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
810
スマートバンクのプロダクトデザイン
putchomsmartbank
6
2k
TrollsTopia: Funtography- Part 1
kenijam
1
260
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
44
4.7k
Unsuck your backbone
ammeep
666
57k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
662
120k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
How STYLIGHT went responsive
nonsquared
93
5k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
Facilitating Awesome Meetings
lara
46
5.8k
Building Applications with DynamoDB
mza
89
5.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
4 Signs Your Business is Dying
shpigford
178
21k
Building Your Own Lightsaber
phodgson
101
5.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
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