Weitere ähnliche Inhalte
Ähnlich wie Developers Summit 2013【14-E-3】Windows 8デザインガイド (20)
Mehr von Yuya Yamaki (15)
Developers Summit 2013【14-E-3】Windows 8デザインガイド
- 1. Windows 8デザインガイド
~魅力的なWindowsストアアプリと
デスクトップアプリを作るために~
14-E-3 春日井良隆
八巻雄哉
Developers Summit
2013 Action !
- 3. 本日お伝えしたいこと
AGENDA
UXガイドラインを読もう!
Windowsユーザーエクスペリエンスガイドライン
Windows 8時代のデスクトップアプリ
タッチ操作 高精細ディスプレイ
Developers Summit
2013 Action !
- 10. プリンターメーカーの標準
THE STANDARD FOR PRINTERS
• 日本で使用しているプリンター
メーカーのほとんどは、
用紙方向を選択するUIとして
C
ラジオボタン
を使用している。
Developers Summit
2013 Action !
- 11. Microsoft XPS Document Writer 印刷設定
PRINTING PREFERENCES OF MICROSOFT XPS DOCUMENT WRITER
Developers Summit
2013 Action !
- 13. マイクロソフトの標準
THE STANDARD FOR MICROSOFT
• マイクロソフトは、
用紙方向を選択するUIとして
A
ドロップダウンリスト
を使用している。
Developers Summit
2013 Action !
- 21. レガシーサポート
LEGACY SUPPORT
タッチ操作 マップ先 生成されるメッセージ
WM_LBUTTONDOWN
タップ マウスの左クリック
WM_LBUTTONUP
スクロールホイール WM_VSCROLL
パン
の使用 WM_HSCROLL
WM_RBUTTONDOWN
プレスアンドホールド マウスの右クリック
WM_RBUTTONUP
Ctrlキーを押しながら lParam で
マウス ホイールを MK_CONTROLが
ズーム
回転させて 設定された
スクロールする操作 WM_MOUSEWHEEL
Developers Summit
2013 Action !
- 22. 対応が必要となる操作
AN OPERATION THAT NEEDS TO BE DEALT WITH
Developers Summit
2013 Action !
- 26. 高精細ディスプレイ搭載Windows 8機
WINDOWS 8 PCS, WHICH HAVE HIGH DPI DISPLAY
ディスプレイ
解像度 ピクセル密度
モデル名 サイズ
(総画素数) (PPI)
(インチ)
Surface for Windows 8 Pro 10.6 1,920×1,080 208
ThinkPad Helix 11.6 1,920×1,080 190
VAIO Duo 11 11.6 1,920×1,080 190
ICONIA W700 11.6 1,920×1,080 190
XPS 12 12.5 1,920×1,080 176
MacBook Pro(Retina) 15.4 2,880×1,800 220
Series 9 WQHD prototype 13.3 2,560x1,440 220
Developers Summit
2013 Action !
- 28. 約96PPI 23インチ FHD(1,920×1,080)
ABOUT 96 PPI
Developers Summit
2013 Action !
- 29. 約128PPI 23インチ WQHD(2,560×1,440)
ABOUT 128 PPI
Developers Summit
2013 Action !
- 30. 約192PPI 23インチ QFHD(3,840×2,160)
ABOUT 192 PPI
Developers Summit
2013 Action !
- 31. DPIスケーリング
DPI SCALING
• システムフォントやUIのサイズを
スケールさせる機能
Developers Summit
2013 Action !
- 33. DPIスケーリング
DPI SCALING
• システムフォントやUIのサイズを
スケールさせる機能
Windows 7以前
ユーザー操作により
既定値は100%
125%等のスケールが可能
Windows 8以降
ディスプレイのピクセル密度により既定値が変化
Developers Summit
2013 Action !
- 36. DPIスケーリング対応
SUPPORT FOR DPI SCALING
• 対応不要
• すべての条件で
ベクター表示による
WPF 適切なスケーリング
• 要確認
Windowsフォーム • 多くの場合
MFC等(Win32) 対応が必要
Silverlight OOB
Developers Summit
2013 Action !
- 37. Windows 8の
アプリを作る人は
必ず読もう
UXガイドライン
14-E-3 デブサミ2013
Developers Summit
2013 Action !
Action!