"Developer Camp"【デザイン編】 Metroスタイル デザインについて
-
yukio_saitoh
- 2221
- 0
- 0
- 1
-
- いいね！1
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
FYI. Metro スタイル アプリ設計の資産のダウンロード Windows 8 Release Preview のデザイン (PSDファイル） http://t.co/6asqIkkE #metro
2012-06-15 10:17:22
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
１Unit = 20px x 20px, 1 Sub Unit = 5px x 5px, 1 columm = 80px // 開発ガイドライン #metro
2012-06-15 10:18:46
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
サイズと比率。そして位置。あくまでも情報の強弱を表現するのは位置。 // iPad やギャラクシやオーガニック SEO でも同じだね。 #metro
2012-06-15 10:21:11
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
「軽快であれ、滑らかであれ」 動きが連続性を醸し出す。エルゴノミックス＆タッチ、セマティックズーム。 // ちゃんと考えるとオントロジ概念の理解が本当は必要になるんじゃないかと考える。 #metro
2012-06-15 10:22:29
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
アニメーションライブラリー // パワポでアニメ多用したスライドは３枚目が限界。くどいアニメは制作者の自己満足でしかない、視聴者に苦痛を与えるのは、もう止めてくれ～ｗ #metro
2012-06-15 10:24:42
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
だから、メトロデザインでもアニメーションライブラリーの多用厳禁。縦方向と横方向のパンニングは控えてください。 #metro
2012-06-15 10:25:38
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
【タッチ・ジェスチャー】長押し、タップ、スライド、スワイプ、ピンチ、ローテート、線からスワイプ、縁からスワイプ。 // Let's note ジェスチャーは昔からお気に入りだけど、そうだよね、考えたらこの便利な操作性をメトロで実装しないのは勿体無いよ。 #metro
2012-06-15 10:27:09
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
ソフトキーボードで分割。 指でどこに操作させたい場合は、指が置かれているポジションに配置。あるいは手で塞がって見えない場所へ重要配置はダメ。ツイッターアプリ等で指で隠れて本文が読めないアプリはダメアプリ。 #metro
2012-06-15 10:28:16
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
// 面白いね、今日の内容も。 人間の視覚訴求し操作を促す思考することの重要性。プログラマ都合、デザイナ都合、広告領域都合ではなく、何が何と相関するのか。利便性向上は誰のためにあるのか。 #metro
2012-06-15 10:29:41
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
// ふと。セマンティックズームで、従来のエクスプローラを意味があるマイドキュメントをクラス化する際、フォルダアイコンをセットすることがあるけど（漢字Talkでは昔から）、基本的にその概念と同じなんだなと。企業内ではシェアポによる視覚化ファイル管理みたいな感じ。 #metro
2012-06-15 10:36:31
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
【一体感を与える】スクリーンサイズ、スナップ表示、コントラクト（1+1=3）、タイル。 // 多様化したデバイスや巨大化ディスプレイがさらにリリースされていく。画面の解像度を念頭に。昔のハイレゾ対応と同じパラダイムシフトが来てる雰囲気。 #metro
2012-06-15 10:38:19
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
// ハイレゾリューション対応のときに、当時の友人はこれでエロゲが楽しくなると感じ、また写真愛好の友人はこれで女性がさらに美しく表現できると感じ、彼らはみな 98 から DOS/V へ遷移していった。 #metro
2012-06-15 10:39:51
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
異なるスクリーンサイズへの対応。 リビングにいるとき、デスクにあるとき、モバイルであっても。 // ゲームコンテンツなど。 画面のアダプティブ（レイアウト自動追従が必要かも） #metro
2012-06-15 10:41:31
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
アプリ終了は上から引っ張ってきて、下に落とすと終了 / アプリを引っ張ってきて、ちょい右へズラスとスナップ表示が出来る。 #metro
2012-06-15 10:44:51
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
タイル。ライブタイル（アプリの顔）。 1:1 と 2:1 // あれ？ WP のときは 2:1 はデバイスメーカ向けだったが Windows 8 では一般に 2:1 も許可されているのかな？ #metro
2012-06-15 10:50:47
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
バッジ / タイル状に表示されるステータス。99 までの数値と事前に定義されたグリフが表示可能。 // 直近99件までの新着情報や、バックグラウンドアプリに対して何らかのシングルアクションを呼ぶなど。 #metro
2012-06-15 10:52:29
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
コントラクト（契約）：１＋１＝３ 「コントラクトを利用して他のアプリとちながる」 // チャームを活用することが前提。 #metro
2012-06-15 10:55:34
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
Application Excellence Lab → http://t.co/wEmxDEHm #metro #windowsstore #windows8
2012-06-15 11:00:13
斉藤之雄 / 社会福祉士 😺🗯
@yukio_saitoh
おお、Windows 8 リリース前にアプリを Windows Store へ登録するには、トークンが必要。それを貰うには、面倒な作業を MSKK が支援してくださるので、Applicayion Excellence Lab を受講したほうがいいとな！ #metro
2012-06-15 11:03:56