MdN Web Mook スマートフォンデザイン見本帳
エムディエヌコーポレーション / 2012年12月26日 / 全162ページ
【実例約500点。スマホデザインの現在がわかる見本帳!】
スマートフォンが急速に普及する中、使いやすく優れたインターフェイスデザインが待望されています。制作の現場でも、ウェブと違った機能性を求められたサイトやアプリのデザインの在り方は、発展途上といえます。本書はデザインと機能性にすぐれたスマートフォンサイトとアプリのデザインのポイントとインターフェイスの仕組みを、500点あまりの実例とともに具体的に解説。見た目だけのデザインではなく、ユーザビリティや実用性にすぐれた、これからのスマートフォンサイトとアプリのデザインのための、実践的デザインカタログです。
【著】矢野りん
スマートフォンが急速に普及する中、使いやすく優れたインターフェイスデザインが待望されています。制作の現場でも、ウェブと違った機能性を求められたサイトやアプリのデザインの在り方は、発展途上といえます。本書はデザインと機能性にすぐれたスマートフォンサイトとアプリのデザインのポイントとインターフェイスの仕組みを、500点あまりの実例とともに具体的に解説。見た目だけのデザインではなく、ユーザビリティや実用性にすぐれた、これからのスマートフォンサイトとアプリのデザインのための、実践的デザインカタログです。
【著】矢野りん
目次
- 扉
- はじめに
- 目次
- 本書の見方
- ■Part0 スマートフォン向けアプリの開発手法
- スマートフォンのアプリケーションと開発
- スマートフォンの定義とオペレーションシステム
- COLUMN スマートフォンの画面サイズと解像度
- ■Part1 スマートフォン UI パターンガイド
- 01 ドリルダウンナビゲーション Drill down Navigation
- 02 ダッシュボード Dashboard
- 03 アクションバー Action Bar
- 04 リストナビゲーション List Navgation
- 05 セグメントコントロール Segmented Control
- 06 エクスパンドリスト Expand List
- 07 タブ Tabs
- 08 ウィンドウシェイド Window Shade
- 09 カルーセル Carousel
- 10 ステッピング Stepping
- 11 スワイプのアクション Swipe for Action
- 扉
- はじめに
- 目次
- 本書の見方
- ■Part0 スマートフォン向けアプリの開発手法
- スマートフォンのアプリケーションと開発
- スマートフォンの定義とオペレーションシステム
- COLUMN スマートフォンの画面サイズと解像度
- ■Part1 スマートフォン UI パターンガイド
- 01 ドリルダウンナビゲーション Drill down Navigation
- 02 ダッシュボード Dashboard
- 03 アクションバー Action Bar
- 04 リストナビゲーション List Navgation
- 05 セグメントコントロール Segmented Control
- 06 エクスパンドリスト Expand List
- 07 タブ Tabs
- 08 ウィンドウシェイド Window Shade
- 09 カルーセル Carousel
- 10 ステッピング Stepping
- 11 スワイプのアクション Swipe for Action
- 12 クイックアクション Quick Action
- 13 ツールバー Tool Bar
- 14 オプションメニュー Option Menu
- 15 モーダルダイアログ/モードレスダイアログ Modal Dialogue/Modeless Dialogue
- COLUMN ヘルプ画面と組み込み方について
- ■Part2 用途別画面デザイン見本
- 01 新着情報 一覧性を極めて機能的に、華やかさで魅力的に
- 02 アクティビティ 本当に有効な情報を厳選して取りあげる
- 03 記事の表示 動きながらでも読めるデザイン
- 04 このアプリ/サイトについて 遊び心が個性になる
- 05 カレンダー表示 日付に関連する情報の整理方法
- 06 カメラアプリのレイアウト 「特別な風景」を作る装置
- 07 チェックイン 機能をアイコンで表現し、常駐させる
- 08 アプリの使い方説明 自己紹介も兼ねた情報提供
- 09 ツールチップ 操作しながら学習できる仕組み
- 10 コメント欄 アプリに「人の気配」を与える部品
- 11 テキスト入力/編集画面 ソフトキーボードのサイズを予測しておく
- 12 リスト表示 リズムのある使用感を提供する
- 13 ログイン画面 入力フィールドの他に説明も入れる
- 14 メッセージの表示 ユーザーとの対話手段
- 15 独創的なナビゲーション 斬新な課題設定で目新しさを出す
- 16 ニュース一覧 時間軸を意識してできるだけ多く並べる
- 17 ノーティフィケーション(通知) 登場の仕方に工夫を凝らして気づきを与える
- 18 写真のサムネイル表示 正方形で並べやすく、面白みも出す
- 19 吹き出し 会話に近い内容を吹き出し表示にする
- 20 ユーザーのプロフィール 遊び心のあるデザインで書き込みやすく
- 21 検索画面 必要時に入力フィールドを呼び出す
- 22 設定画面 後から追加できる柔軟な設計が望ましい
- 23 記事の共有機能 デバイスに応じて設計を変える
- 24 ユーザー登録 時間短縮とアプリの勉強の両面で検討
- 25 スプラッシュ画面 アプリの顔でプログレスを表示する
- 26 凝ったタブバー アプリの問題を解決し美しい装飾を作る
- 27 タイムライン 自由なスタイルでコメントを読んでもらう
- 28 メニュー OSや環境によって設置場所を変える
- 掲載サイト/アプリ出典一覧
- 索引INDEX
- 奥付
- カバー
※このデジタル雑誌には目次に記載されているコンテンツが含まれています。それ以外のコンテンツは、本誌のコンテンツであっても含まれていません のでご注意ください。
※電子版では、紙の雑誌と内容が一部異なる場合や、掲載されないページがある場合があります。