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
980
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.7k
新しい API
feb19
21
8.2k
WWDC19 Design
feb19
1
7.9k
怖い WWDC
feb19
0
2.2k
事業を 0→1 または 1→10 するための UX/UI デザインエンジニアリング
feb19
3
960
デザインエンジニアリングことはじめ
feb19
2
2.2k
クリエイティブコーディングのための数学+JavaScript入門 三角関数と行列
feb19
0
330
Other Decks in Design
See All in Design
Yahoo Newsletter Clicker Template
xuechunwu
0
290
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
480
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.5k
Карта реализации историй — убийца USM
ashapiro
0
210
root COMPANY DECK / We are hiring!
root_recruit
1
15k
Slip N Slime - Character Design Ideation
thebogheart
0
310
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
440
なぜデフォルトが青色!? Tint Colorの理由に迫る
akidon0000
0
470
Dreamia
elsh
0
170
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
550
アクセシビリティのはじめかた デザイナー編
tokimari
3
1.4k
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
890
Featured
See All Featured
Side Projects
sachag
452
42k
Facilitating Awesome Meetings
lara
50
6.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Docker and Python
trallard
40
3.1k
Designing for Performance
lara
604
68k
Happy Clients
brianwarren
98
6.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
Producing Creativity
orderedlist
PRO
341
39k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
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