pixel-arms

いつ発売か正式なアナウンスはないですが、夏までにはドコモからアンドロイド携帯が発売されることと思います。こうして試しにアンドロイドのアプリケーション開発などをやってみているわけですが、実際のところ日本で成功するかどうかといわれたら、このままではそれは難しいのではないかと思います。もちろんGoogleのサービスを受けるモバイルという点では最右翼とは思いますが、検索なら通常の携帯でもできますし、地図アプリだってGmailだって別にAndroidではなければというわけではありません。

最大のライバルたるiPhoneには少なくともiTuneという強力な音楽環境が用意されていますし、現時点では完成度という点で数歩リードしています。App Storeも十分に魅力的なアプリケーションが揃っています。AndroidにもMarketがありますが、現時点では日本のデベロッパーはアプリを販売することができませんし、買うほうもGoogle Checkout以外の決済方法があるのかないのかアナウンスがありません。

iPhoneのアプリケーション開発をやってみて思うのは、言葉の問題はあるにせよ、少なくとも参戦するには十分なサポートが得られるということです。Androidが携帯端末として日本に根付くにはGoogleのサービスが他の端末より各段に使いやすいか、Googleのサービスだけでは足りない部分のアプリケーション開発をしようと思えるだけの環境を日本でも整える必要があると思います。

それでもAndroidにこうして期待しているのは、iPhoneは所詮はアップルの描くクローズドの世界の話であってオープンプラットホームではないからです。携帯電話にとどまらず他の情報端末にも展開できるのではないかという夢があるからです。目的によって形態が違ってもUIが共通の情報端末や家電、あるいは移動体（あるいはクラウドへ接続するユニ端末）へと広がっていくことができれば、携帯電話市場という限られたマーケットでのシェア云々というのではなく、普及することに意味が出るのではないでしょうか。そんな夢のために今しばらくAndroidに期待していこうと思います。

Androidのアイコン一覧ファイルを作成しました。

アイコンをデザインする際には一貫性を保ったり、新規のモチーフを検討するために他のアイコンを参照するといいと思います。Drawableのフォルダの中からアイコンだけを抽出して、編集しやすいようにPhotoShopのファイルにしましたので、必要な方はダウンロードしてお使いください。

アメリカでPalm Preが発売になったようです。Androidには期待していますが、単純に携帯端末としてはPalm Preもなかなか魅力的な端末です。iTuneに接続できちゃうなんて大丈夫なんだろうかと思いますが、良いアイデアですね。それだったらWalkmanとかも接続できたらいいのにと思います。

下はPreのアプリケーションランチャーの画面です。アイコンのデザインテーストはちょっとMacっぽいというか、おそらくIconFactoryとかに（コメントを書き込んで頂いた方によると別の会社のようです）外注したんではないでしょうか。特徴は外形線ありで、描き込みが細かいことです。立体表現は正面、もしくはやや上からで、アイコンの後ろに薄い丸が見えます。設定のアイコンには黒い四角型の座布団のようなグラフィックを下に描いています。おいおいガイドラインなどで意味やルールが説明があると思いますが、アイコン作成はiPhoneより難しく、Androidよりやや簡単な印象です。

実際にテンプレートをベースにIllustratorを使ってアプリケーションのアイコンを描いてみます。アプリケーションのアイコンデザインは、Market Placeでの売れ行きを左右しますからとても大事だと思います。例としてメモ帳のようなアプリを想定しています。まずはテンプレートのパース図に沿ってベースとなる形状を描きます。

まずはメモ帳本体の底面となる四角形を描いて、「効果」＞「スタイライズ」＞「角を丸くする」、半径16ピクセルで角を丸くします。それを天面にコピーして稜線でつなぎ、全体の形を作ります。位置はテンプレートに合わせて微調整します。

次に塗りを適用できるように、側面と天面に分割して線を接続し直します。

このようにして基本となる形状を作ったら、細かな形状を追加していきます。ガイドラインには細かな角度が書いてありますが、それはあくまでベースとなるパースペクティブの話なので、見た目でおかしくないように、また実際は48×48ピクセルに縮小するので細かくなりすぎないように細部を書き込みます。例ではリング部はちょっと細かすぎたかもしれません。

形が決まったらテンプレートのスウォッチから塗りを選択して角度や濃度を調整します。またシャドー部を追加します。オリジナルアプリアイコンの色から抽出したスウォッチを使っているので、何となく感じが似てきます。コツは外形線を引かないことと、明るめの配色を心がけることです。外形線がないので背景が暗めになってしまうとアイコンの絵自体が見えづらくなってしまうので明るめにします。もちろんGoogleっぽくしたくない場合は、まったくオリジナルのカラースキームを使った方がいいでしょう。

最後にもう一度250×250ピクセルの枠内に配置して全体の大きさを微調整します。これをPhotoShopに書き出して48×48ピクセルのサイズに縮小し、透明背景付きのPNGファイルに書き出して完成です。

こうして描いてみると、適当な絵を1枚用意すればいいiPhoneと違って結構大変ですね。

Googleのガイドラインに文句を言っていても仕方ないので、テンプレートを自作しました。標準のアプリケーションアイコンからグラデーションを抜き出して、ドキュメント内にスウォッチとして作成保存してあります。この色の組み合わせをベースにすれば、ある程度、本家のアイコンと見た目が同じようなアイコンになると思います。

また、メニューやタブアイコンの塗りカラーもスウォッチとして保存してあります。ファイル形式はIllustrator CS4です。もちろんRGBカラーモードにしてあります。

<追記>　Illustratorをお持ちでない方は、オープンソースのInkSpaceでも開くことができます。

公開されたUIガイドラインとアイコンデザインガイドラインですが、疑問な点が多々ありました。特にアイコンデザインガイドライン。まずテンプレートとしてダウンロードできるIllustratorのAIファイルですが、これがCMYKのカラーモードなのです。印刷用のデータではないのですからカラーモードはRGBにすべきでしょう。そうでないとPhotoShopにデータを持って行った際に色が変わってしまいます。まあ、それはいいとしてもカラーパレットの指定でWhiteがRGB＝0, 0, 0でBlackがRGB＝255, 255, 255というのはどう考えても逆ではないでしょうか。他にも作成があまりいい例でなかったり、説明が偏っていたり、どうも急いで作成してあまり推敲していないように思えます。

AndroidのUIガイドラインがようやく整備されて公開されました。

Android User Interface Guidline

同時にアイコンのテンプレートも正式に公開されました。ただガイドラインといってもアイコンとウィジェットに関するものだけであまり参考にならないように思います。アイコンのガイドラインもポリシーではなくて、妙に細かい書き方だけが記述されていますし、テンプレートもかなりやっつけ感が高いです。まあ、おいおい整備して行こうってことだとは思いますけれど…。

YouTubeのGoogle公式チャンネルに、Android携帯でのGoogleのサービスの動画がアップされています。早送りじゃないのってくらいサクサク動いてますが、3G環境でこんなに早く動くなら欲しいです。