ネタに考えてた話ですが、自分の中の整理がまとめきれず別のネタにしましたが、ひとまず今段階での思いを本年中に出しちゃいます。取り巻く環境も一変します。近いものになるでしょうし、そうなれば多くのアプリが自分のまあ割りに現れてくるはず。長く使ってもらえるアプリケーションとして高い品質を実現するために、改めてチェックしてほしいところを並べてみました。これはあくまでも高橋の個人的な持論です。間違っているかもしれません。時にアプリ開発者には自分のアプリを否定されて嫌な思いをされるかもしれません。そのあたりはご了承ください。この話、ゲームは除きます。いってもゲームほど背景にこだわるものもないのでずっと全部意味もなくまっ黒というのはむしろないでしょう。メジャーなアプリで背景が黒いもの(暗いもの)はありません。文字を中心としたコンテンツを表示するものは。コンテンツを読ませるようなアプリについてはほぼ背景城といっていいのではないかと思います。モダン(フラット)デザインは境界線さえも排除するスタイル。暗い背景に明るい線は必要以上に太さを与えます。これはモダンデザインと対極にある方向。アプリは背景黒ですね。いうかテーマに合わせて変わるようになっています。その中でもコンテンツを読ませるようなものの代表格であるメールアプリでは、ちゃんと最後にメールを読む画面では背景が白になっていることがわかります。背景が黒でも良いと思うものもあります。それはメディアを大きく表示するもの。黒背景はほとんど少しだけの余白になるので。グラフィックツールも一般向けなら黒でない方がいい。それに合わせてアイコンの色も決まっています。標準テンプレートは背景が黒なのか?考えたことがありました。黒で作っている間はそのアプリケーションはまだ完成品ではないんです。プロジェクトと作ってちゃちゃっとテストする間は黒でもいいんです。正式版出ないから黒でいいんです。本格的に開発を始めたらちゃんと背景を考えてつけるのです。標準テンプレートは黒背景でいいんだろうなー。これもデザインなところですが、必然的にどういったものにするのか決まれば決まってくるは無し。LINEの会話は吹き出しのような形で区切られています。これは基本的に面でコンテンツを区切っています。グレーの背景に白い線やブルーのメニューなど面で区切ります。メールアプリも各ペインは面で区切ります。色をほとんど使わない、そんなときだけ線で区切るデザインになると思いますが、そのときも許されるのは極細の線だけ。場合によっては線で切らずに空間を使って分ける場合もあります。強すぎる線は、やっぱりバランスを崩しやすい。黒い背景だとどうしてもそれが出やすい。使うときも注意が必要。大事なことは、それをアプリ全体でちゃんと徹底すること。画面によって変わってしまうので意図がない限り不安にさせてしまいます。SDKにはたくさんの標準コントロールがあって、勿論ゲームでもなければ標準コントロールを全く使わない、なんてことはないでしょう。画面全部が古スクラッチで描画していてコントロールはリトライの時だけ、なんてゲームみたいなパターンは除いて、標準コントロールを使っていてスタイルを定義していないのはナンセンス。スタイルを定義していないってことは標準コントロールのデザインをそのまま使っているということ。リストを使えばリストの定義でスタイル(テンプレートを使うと自動的にスタイルが定義されてテンプレートが組み込まれます)テキストボックスだって、ボタンだってちゃんと画面デザインをすればそれぞれのデザインが決まります。それをちゃんと統一するにはスタイルの定義は必須。そのまえに基本的にちゃんと基本的な色を決めたらそれを定義したほうがいいんですよね。いう意味ではスタイルとリソースの定義も必要です。アニメーションを使うところ難しいと思っている人は意外に多いです。そんな人はシンプルにこう覚えればいいです。1920x1080もそう。いうよりも、タブレットやPC,スマフォが基本この比率が多くなっている。基本横で使うことが多いのでこうなる。場合、縦が画面に合わせられて横が長くなることになる。これを横画面で表示するとこうなります。縦方向に縮尺されて並べるとだいたい3枚分くらいになるんですよね。そんなわけで、初めからこんなイメージで画面設計をして、縦でも横でもうまく最適な表示を検討するのもありですね。登場したハブコントロールはうまく使うと便利なパネルとなる。これもハブパネルだったらひとまず大丈夫だったりする。今週はいろいろ忙しそうな予感だけはしている高橋です。実際のアプリはどうやってレイアウトしているのか?実はパネルの特徴、コントロールの特徴を知っているとある程度は推測できる。慣れている人は、アプリを見るとたいがいどう作れば推測できるものである。そんなわけで、あくまで私の想像で分析してみた。8.1からハブコントロールの可能性もあるが。1画面に収めているパターン。左はImageを固定サイズで表示している。Gridを間に挟んでいる。文字を「重ねて」表示させるため。2番目のアイテムはGridでしょう。拡大図のように上下の文字やボタンの入った領域は固定長で、画面サイズに合わせてグラフのサイズが変わる。下のボタンや右上の情報表示は「等幅」なのでおそらくGrid。タイトル下の数字表示は左寄せStackPanelでしょう。3つ目と右から2つ目は提携のListViewで動的にアイテムを増やしやすい形になっている。アイテム1つずつはまとめて1つのオブジェクトとしてクリックできる形で、解像度に合わせて表示項目が変わるがスクロールはしない。