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
990
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.8k
新しい API
feb19
21
8.3k
WWDC19 Design
feb19
1
7.9k
怖い WWDC
feb19
0
2.2k
事業を 0→1 または 1→10 するための UX/UI デザインエンジニアリング
feb19
3
990
デザインエンジニアリングことはじめ
feb19
2
2.2k
クリエイティブコーディングのための数学+JavaScript入門 三角関数と行列
feb19
0
350
Other Decks in Design
See All in Design
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
280
(第1回) アーキテクト・テックリード育成講座
masakaya
0
160
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
ZKK_001.pdf
nicholaspegu
0
1.5k
TUNAG BOOK 2024
stmn
0
470
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
190
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.4k
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.4k
発表資料テンプレート / My slide template
thatblue
0
200
「Figmaプラグイン開発してみた」@スタメンデザイナーオープン勉強会
kiyoshifuwa
0
120
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
It's Worth the Effort
3n
184
28k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
GitHub's CSS Performance
jonrohan
1030
460k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Faster Mobile Websites
deanohume
306
31k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
BBQ
matthewcrist
86
9.5k
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