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
540
家計簿アプリ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.4k
ConcatAdapterを深掘る
androhi
1
380
Android Studio 4.1推しポイント!
androhi
0
1.2k
一人開発でつまづいたときの処方箋
androhi
0
300
Androidの物理ベースアニメーション
androhi
1
560
ConstraintLayout再入門
androhi
2
3.4k
Firebase Analytics 使用感
androhi
0
860
Support Library v23.2 overview
androhi
0
650
Support Library 総復習
androhi
2
2.4k
Other Decks in Design
See All in Design
Design System for training program
mct
0
160
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.3k
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
2.7k
(第1回) アーキテクト・テックリード育成講座
masakaya
0
130
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
2.5k
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.8k
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
430
太田博三(@usagisan2020)
otanet
0
210
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.1k
実利の世界で、表現者である
kiyou77
2
330
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.5k
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
230
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.5k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
A better future with KSS
kneath
238
17k
Why Our Code Smells
bkeepers
PRO
335
57k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
850
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Gamification - CAS2011
davidbonilla
80
5.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Building Your Own Lightsaber
phodgson
104
6.2k
Code Reviewing Like a Champion
maltzj
521
39k
Docker and Python
trallard
43
3.2k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
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.