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
家計簿アプリZaimのMaterialDesign対応について
Search
Takahiro Shimokawa
September 11, 2015
Design
0
560
家計簿アプリZaimのMaterialDesign対応について
家計簿アプリZaimのAndroid版で、MaterialDesign対応に取り組んだときに気付いたことをまとめました。
Takahiro Shimokawa
September 11, 2015
Tweet
Share
More Decks by Takahiro Shimokawa
See All by Takahiro Shimokawa
PlayStoreでの新しいユーザー訴求 -LiveOpsの活用とその成果-
androhi
0
2.5k
ConcatAdapterを深掘る
androhi
1
410
Android Studio 4.1推しポイント!
androhi
0
1.3k
一人開発でつまづいたときの処方箋
androhi
0
330
Androidの物理ベースアニメーション
androhi
1
590
ConstraintLayout再入門
androhi
2
3.5k
Firebase Analytics 使用感
androhi
0
880
Support Library v23.2 overview
androhi
0
670
Support Library 総復習
androhi
2
2.5k
Other Decks in Design
See All in Design
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
140
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
2
180
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
360
デザイナーとPMの両ロール_3つのポイント
toy1618
1
280
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
320
Crisp Code inc. ブランドガイドライン
so_kotani
1
160
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
220
Dinosaur Mayhem
storyartist
PRO
0
170
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
410
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
1
390
aya_murakami_portfolio
ayakaimi1101
0
1.6k
Starry | Storyboards | Scene 1-21
giofortuna_story
0
160
Featured
See All Featured
KATA
mclloyd
29
14k
Adopting Sorbet at Scale
ufuk
76
9.3k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
104
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
Statistics for Hackers
jakevdp
798
220k
The World Runs on Bad Software
bkeepers
PRO
68
11k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Being A Developer After 40
akosma
91
590k
Designing for Performance
lara
608
69k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Transcript
Material Design ରԠʹ͍ͭͯ ΦϯϥΠϯՈܭ Zaim - Takahiro Shimokawa
Self-Introduction 4 Zaim Ͱ Android ΞϓϦͷ։ൃ୲ 4 2015/04 : DroidKaigi
࣮ߦҕһˍൃද 4 2015/08 : IntelliJ Plugin ษڧձ 4 2015/08 : Android Drawable Viewer
About Zaim 4 Android / iOS / Windows / Web
4 ϨγʔτࡱӨͰࣗಈೖྗ 4 ۜߦɾΧʔυΛࣗಈऔಘ 4 અͰ͖Δੳάϥϑ 4 ੈք֤ࠃͷ௨՟ʹରԠ 4 ࣏ࣗମͷڅۚ / ҩྍඅ߇আͳͲͷπʔϧ
ͳͥ Material Design ΛऔΓೖΕΔʹ ࢸ͔ͬͨʁ 4 ը໘ߏͷվળʹߦ͖٧·͍ͬͯͨ 4 Material Design
ͷΨΠυϥΠϯ͕උ͞Ε࢝Ίͨ 4 ϓϥοτϑΥʔϜඪ४Λॏࢹ͍ͯ͠Δ
Topic UI / UX Λେ͖͘ม͑Δ ͱ͖ʹҙ͢Δ͜ͱ
Detail 1. Α͘͏ػೳͷλοϓ 2. ը໘ʹ৮Βͳ͍ঢ়ଶͰͷը໘ͷใྔ 3. ͓͍߹Θͤͷಈઢ
3. ͓͍߹Θͤͷಈઢ ϢʔβʔͷཁෆຬΛɺۃྗ͓͍߹ΘͤʹདྷΔΑ ͏ଅ͢΄͏͕ྑ͍ɻ 4 ϨϏϡʔʹ۩ମతͳҙݟɺ΄΅ॻ͍ͯΒ͑ͳ͍ 4 ωΨςΟϒͳҹΛ࣋ͨΕΔͱɺϨϏϡʔධՁ͍ 4 ϨϏϡʔʹฦ৴ͯ͠ݟͯΒ͑Δ͔͔Βͳ͍
Old Version
New Version
And one more...
2. ը໘ͷใྔ Ϣʔβʔ͕ݟ͍ͨใ ≠ ը໘͔ΒಘΒΕΔใ => ͍ʹ͍͘
Old Version γϯϓϧͳϦετܗࣜͰɺ֓ཁ͕͔ ΔΑ͏ʹςΩετগͳ͍ɻ ϨϏϡʔͳͲͰҎԼͷΑ͏ͳҙݟΛ ͘͜ͱ͕͋ͬͨɻ 4 γϯϓϧͰ͍͍ 4 ݟ͍͢
New Version - 1 (CardView) ใྔ͕૿͕͑ͨɺҎԼͷΑ͏ͳҙݟ ͕ଟ͘دͤΒΕͨɻ 4 Ұཡੑ͕Լ͕ͬͯݟͮΒ͘ͳͬͨ 4
ҎલΑΓͨ͘͞ΜεΫϩʔϧ͚͠ ΕͳΒ͍ͣͮΒ͍
New Version - 2 (ListView) Material Design ͷΨΠυϥΠϯΛ ࢀߟʹͭͭ͠ɺैདྷͷ ListView
ϕʔ εʹͨ͠ɻ ࠓݱࡏɺCardView ͷͱ͖ͷΑ͏ ͳҙݟɺ΄ͱΜͲݟΒΕͳ͘ͳͬ ͨɻ
1. Α͘͏ػೳͷλοϓ 4 ͍Ζ͍ΖͳγʔϯͰͷՈܭͷೖྗ 4 ϨγʔτΛཷΊͯͱ͔िͱ͔ʹҰؾʹೖྗ 4 Ҡಈ࣌ؒͳͲεΩϚ࣌ؒʹίπίπೖྗ
Old Version
New Version
And one more... 4 λοϓ͢Δճ͕૿͑ͯΊΜͲ͘͞ ͘ͳͬͨɺͱ͍͏ҙݟ͕ଟ͘ͳͬ ͨ 4 ͍Ζ͍ΖͳχʔζʹγϣʔτΧοτ ͰԠ͑Δ
Summary 1. Α͘͏ػೳͷλοϓ 4 ͔͕ͨ̍λοϓ͞ΕͲ̍λοϓ 2. ը໘ͷใྔ 4 Ұཡੑ͔ݸʑͷৄࡉ͔ 3.
͓͍߹Θͤͷಈઢ 4 ϨϏϡʔͷˑ̍ෆ۩߹ใࠂෆ͔͠࢈·ͳ͍
Engineer Wanted! public Zaim() { ios.setLanguage(Swift); web.setLanguage(Ruby); api.setLanguage(PHP); android.setLanguage(Java); }
Thank you for listening.