最速て?リリースするための础苍诲谤辞颈诲アフ?リテ?サ?イン
?
27 likes?12,267 views
DroidKaigi2016発表資料です。 ビジネスチャットSync(http://www.wantedly.com/sync)のAndroid版のデザイン時にやった効率化策をまとめました。効率化だけじゃなくこだわっている部分ももちろんあるので、ぜひ使ってみてください。
最速て?リリースするための础苍诲谤辞颈诲アフ?リテ?サ?イン
- 1. 最速でリリースするため の Android アプリデザイン Designer, Wantedly, Inc.青山 直樹
- 2. 自己紹介 青山 直樹 https://www.wantedly.com/projects/6708/staffings/104038 デザイナー。ソフトウェアプロダクトの UI/UX を中心に活動中だ がなんでもやりたい。 Wantedly,Inc. には昨年6月から勤務、それ以前は端末メーカーに て System UI、FW 周り、ホームなどを担当
- 3. Sync 2015年8月リリース ビジネスチャットアプリ AlbertEinstein.xls 川崎 禎紀 og_image.zip 青山 直樹 outToMeeting.png pro?le_2015.ppt 今井 貴之 Team Wantedly Desktop.psd 森田 直樹 12:30 AlbertEinstein.xls 川崎 禎紀 og_image.png 青山 直樹 outToMeeting.png pro?le_2015.png 今井 貴之 Team Wantedly Desktop.png 森田 直樹 12:3012:30 Sync Android & iOS Team Wantedly @川崎 禎紀 ありがとうございます。 Welcome to the team ! Genki Yogi Group User Growth 弥真 岩永 勇輝 フィラース 37分ごろ到着します! 様々なプロダクトの初期フローUXの分析 これでしたっけ？ 11分前 27分前 1時間前 昨日 2 メッセージ つながり https://play.google.com/store/apps /details?id=com.wantedly.android.sync
- 5. 開発体制 Sync Android App Team 青山直樹 住友孝郎 Designer Engineer
- 10. デザイナーもコードを書く - 書いてみると、どんなデザインが効率的に組めるのかわかってくる - 共通の認識ができるので、コミュニケーションが円滑に - 伝えきれない部分、こだわりたい部分は自身で巻き取れる いいことがいろいろ ぜひデザイナーに勧めてみてください！
- 12. リソースの定義 デザインスタイルガイドに記載するような内容を、 そのままValuesにまず全部書いておき、それ以外は使わない - カラーパレット - 文字サイズの定義 - レイアウトグリッド - コンポーネントごとのスタイル
- 13. Colors カラーパレット
- 17. Drawables 画像作成の手間 - 解像度対応?リネームなどを省く Adobe Illustrator から各解像度ごとに書き出せるスクリプトを使 用して、リソースフォルダに直接書き出し https://github.com/austynmahoney/mobile-export-scripts-illustrator
- 18. Drawables 今後は Android Studio 2.0の Vector Assets を利用予定！ SVGファイルを１つ用意すればOK、 Material Icons を簡単に読み込める 現在はバグがあってまだ使えていない
- 19. Material Design
- 20. - Support libraryが充実してきた - ドキュメントがしっかりしており、 ?共通認識が作りやすい - 体系だった仕組みがあるので、UIとして破綻が少ない - カスタマイズでブランド表現 今ならMaterial Designを 基本に考えるのが効率的
- 21. Support Library Floating Action Button + Coordinator Layout + Snack Bar AlbertEinstein.xls 川崎 禎紀 og_image.png 青山 直樹 outToMeeting.png 青山 直樹 pro?le_2015.png 今井 貴之 Team Wantedly Desktop.png 森田 直樹 12:3012:30 Sync Android & iOS Team Wantedly @川崎 禎紀 ありがとうございます。 Welcome to the team ! Genki Yogi Group User Growth 弥真 岩永 勇輝 フィラース 37分ごろ到着します! 様々なプロダクトの初期フローUXの分析 これでしたっけ？ 11分前 27分前 1時間前 昨日 2 メッセージ つながり 145人に招待を送信しました
- 22. Support Library Collapsing Toolbar layout
- 24. ドキュメントが充実 Googleが公開している Sticker Sheet を元に、カスタマイズした スタイルのデータを作成すると良い 抜け、漏れなく、カスタマイズ箇所を明確にできる
- 25. カスタマイズ例
- 26. まとめ - Material Designをベースにしてカスタマイズを考えよう - デザイナーもコードを書こう(書いてみよう） - リソースがきれいにまとまるデザインをしよう ざっくり
- 27. ご静聴ありがとうございました Thank you for listening !