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
550
家計簿アプリ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
400
Android Studio 4.1推しポイント!
androhi
0
1.3k
一人開発でつまづいたときの処方箋
androhi
0
330
Androidの物理ベースアニメーション
androhi
1
580
ConstraintLayout再入門
androhi
2
3.5k
Firebase Analytics 使用感
androhi
0
870
Support Library v23.2 overview
androhi
0
670
Support Library 総復習
androhi
2
2.5k
Other Decks in Design
See All in Design
Building foundations 堅牢なデザイントークンの設計
hilokifigma
1
2.7k
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
120
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
230
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
710
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.2k
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
3
160
Rayout Pattern 01
one0
0
1.7k
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
280
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
310
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.9k
LayerX DesignersDeck
layerx
PRO
0
6.5k
セブンデックス カルチャーブック
sevendex
1
7.3k
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
22
2.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
The Language of Interfaces
destraynor
157
24k
Building Your Own Lightsaber
phodgson
104
6.3k
KATA
mclloyd
29
14k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
135
33k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Documentation Writing (for coders)
carmenintech
69
4.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.