Android App Designs

デザイナーがコードから読み解く、
Androidアプリのデザインの幅を広げるコツとTips

〜がんばって作ったデザインが、実装後に残念な結果にならないために〜

visual

アプリをデザインしているみなさん、エンジニアまかせになっているXMLレイアウトによって、デザインの制約を感じていませんか?
華美で奇をてらったものが必ずしもいいというわけではありませんが、シンプルな中にちょっと工夫して考えたあしらいも「このデザインは無理です」といってエンジニアから返却されると、モチベーションだだ下がりです。

このシリーズでは、デザイナーが実際にXMLを触ってみて知り得たことを共有します。
デザイナーももっとアプリデザインに対してこだわりを持ち、それをエンジニアといっしょに実現できますようにという願いをこめて。

XMLをがっつり見ていくことが目的ではなく、実際にはどんなデザインが可能で、がんばったらここまでできるんだよ!というところをお伝えしたいので、コードのわからないデザイナーさんでも楽しんでもらえる内容です。

この勉強会は、とあるアプリのデザインをasamieee7さん、@adamrockerさんに見せたところから話が発展し、開催できるまでに至りました。
本当にいろいろとありがとうございます!
そしていっしょに盛り上げていきましょう!

tommmmy@tommmmy(秋葉 ちひろ/Baidu Japan)

MC

asamieee7asamieee7(山本 麻美/GoMA apps

これまで、Androidアプリ制作をするたびに、自分がデザインしたものとは似て非なるものが出来上がってくることに、がっかりしてきました。(特に余白。)
そして、求められるビジュアルデザインと、repeatや9patchで実装できるものとの隔たりにも禿るほど悩んできました。

秋葉ちひろさんとお話した際、「デザイナーがXMLを習得することにより、計算通りのレイアウトを実現できる。」にドキドキし、「9patchって、いくつも黒ドット打てるじゃないか。」と言って、複雑な輪郭のボタンを実装したアプリを見せられ、ゾクゾクしました。

デザイナーが日々直面している不満や悩みを見事に解決してのけた秋葉ちひろさんのお話は、Androidアプリの機能美を追及にすることに対する私の意欲目盛をMAXにしてくれました。
是非、多くのAndroidアプリデザイナーにも共有したいと思います。

Backend Support

adamrocker@adamrocker(足立 昌彦/Baidu Japan)

Androidのデザイン実装って難しいですよね。
でも知っているととても細かなこだわりをちゃんと実現できるんです。

チヒロさんはこだわりと実現方法をよく知っている数少ないデザイナーです。
XMLはエンジニアの仕事と思い込んでいるデザイナーやXMLが苦手なエンジニアにとって、とても刺激的な内容になると思います。

ようこそ1pxへのこだわりの世界へ!

日程と会場

GDG Tokyoスペシャル

今回開催した4回分の総集編+αとして、GDG Tokyoのイベントとして、スペシャル版をGoogleにて開催します!
デザインに近い場所にいるエンジニアさんはもちろん、たくさんのデザイナーさんにも来ていただきたいので、ただのコードの解説ではなく、デザイナー目線からのXMLアプローチをお話したいと思います。
スペシャル版は、GDG Tokyoの主催となります。

2012.11.8.Thu

Google 東京オフィス

おかげさまで満席となりました。。

NEW!

セッション:秋葉ちひろ

●今まで4回の総集編
●デザインに凝ったサンプルの実装について考える

この勉強会では、「デザイナーががんばって作ったデザインが、実装後に残念な結果にならないために」ということで、デザイナーが実際にXMLを触ってみて知り得たことを共有してきました。
総集編となるGDG Tokyoスペシャルでは、開発者(デザイナー含む)の方が日々アプリを作っているときにどういうことを思っているのかということを募集したいと思います。
テーマは【デザイナーからエンジニアに言いたいこと】【エンジニアからデザイナーに言いたいこと】です。
匿名ですので、思うことを自由に書いてください!

 

アンケートは締め切りました。ご協力ありがとうございました。

タイムスケジュール

18:30 開場
19:00 スタート、オープニング、会場よりごあいさつ
19:30 セッション1 スタート
20:10 セッション2 スタート
20:40 エンディング、懇親会スタート
22:00 撤収

各回、セッション後に引き続き懇親会を開催します。
その会場のまま、ピザ・ドリンク・アルコールなどを準備していますので、気軽に交流しながら楽しんでください。

参加費

参加費 無料

勉強会の内容

XMLがわからなくても聞ける編(入門):全4回

第1回:導入と9-patch編

導入

9patchとは

9patchを使いこなしてどんな表現でもできるようにしよう

【第1回】デザイナーがコードから読み解く、Androidアプリのデザインの幅を広げるコツとTips from Chihiro Akiba

第2回:より凝ったグラフィック編

コードのみで可能な表現

デザインが組み込まれるしくみ

【第2回】デザイナーがコードから読み解く、Androidアプリのデザインの幅を広げるコツとTips from Chihiro Akiba

第3回

全力でカスタムUI

【第3回】デザイナーがコードから読み解く、Androidアプリのデザインの幅を広げるコツとTips from Chihiro Akiba

第4回:かんたんなレイアウト編

よく使うレイアウト

レイアウトとデザイン

【第4回】デザイナーがコードから読み解く、Androidアプリのデザインの幅を広げるコツとTips from Chihiro Akiba

会場について

サイバーエージェント STARTUP Base Camp

サイバーエージェント STARTUP Base Camp

東京都港区赤坂八丁目5番26号 赤坂DSビル3F
青山一丁目駅 出口4南口より徒歩3分
乃木坂駅 出口1より徒歩4分

Google mapでみる

注意事項

  • インターネット環境はありませんので、必要な方は各自ご持参ください。
  • 電源は利用可能ですが、タップに限りがあります。譲りあってお使いください。

シナジーカフェ GMO Yours

GMO Yours

東京都渋谷区桜丘町26-1 セルリアンタワー 11階 GMOインターネットグループ内
渋谷駅より徒歩3分

Google mapでみる

入場、受付について

18:30-19:00 セルリアンタワー 1Fロビー ビジネスエントランスにて受付となります。

  • エスカレーターをあがってすぐの入り口。
  • 19:20以降になるとセキュリティの都合上、入場不可となりますのでご注意ください。

注意事項

  • 全館禁煙となります。お煙草は入場前にセルリアンタワー所定の喫煙所でお願いします。
  • セキュリティの都合上、セルリアンタワー退出後の再入場は出来ません。
  • インターネット環境は無線LANが利用可能です。
  • 電源は利用可能ですが、タップに限りがあります。譲りあってお使いください。

Google 東京オフィス

東京都港区六本木6丁目10-1 六本木ヒルズ森タワー27階

Google mapでみる

入場、受付について

18:30-19:00の間に、六本木ヒルズ森タワーの受付にて「Googleでのイベントに参加」とお伝えいただき、27階までお越しください。

共感してくださったら、ぜひ広めてください!

Twitterハッシュタグ:#aadesigns