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
Карта реализации историй — убийца USM
ashapiro
0
160
Карта процесса-опыта. Презентация метода
ashapiro
0
310
202409_会社概要資料_Englishver.pdf
zakkerooni
0
200
Tataki Ryu
olgastoryboard
0
140
root COMPANY DECK / We are hiring!
root_recruit
1
14k
Fleet Gas Station
joshtang
0
130
圧縮デザインスプリントによるオンボーディングの体験設計事例
hassy_pixiv
0
130
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
110
我做了一個詐騙網站...嗎?
crboy
1
140
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
3.9k
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
330
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
500
Featured
See All Featured
Embracing the Ebb and Flow
colly
84
4.4k
A Philosophy of Restraint
colly
203
16k
[RailsConf 2023] Rails as a piece of cake
palkan
51
4.9k
The Language of Interfaces
destraynor
154
24k
A designer walks into a library…
pauljervisheath
202
24k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Being A Developer After 40
akosma
86
590k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
328
21k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
What's new in Ruby 2.0
geeforr
342
31k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
790
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