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
390
Android Studio 4.1推しポイント!
androhi
0
1.3k
一人開発でつまづいたときの処方箋
androhi
0
320
Androidの物理ベースアニメーション
androhi
1
570
ConstraintLayout再入門
androhi
2
3.5k
Firebase Analytics 使用感
androhi
0
870
Support Library v23.2 overview
androhi
0
650
Support Library 総復習
androhi
2
2.4k
Other Decks in Design
See All in Design
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
570
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
130
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
650
OLTA株式会社/デザイン紹介資料
taxy
0
120
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
250
Tableau曲線表現講座(2024.11.21)
cielo1985
0
260
Dive Deep into Communication
yomtsu
0
210
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.5k
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
790
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
590
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
180
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Docker and Python
trallard
44
3.3k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Unsuck your backbone
ammeep
669
57k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
For a Future-Friendly Web
brad_frost
176
9.6k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
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.