MdN Web Mook スマートフォンサイトデザインブック 仕事で絶対に使うプロのテクニック
エムディエヌコーポレーション / 2012年07月13日 / 全255ページ
【スマートフォンサイトのデザインに必要な情報がすべてわかる!】 スマートフォンサイトのデザインは、デザインとユーザビリティのバランスが取れていることが一番重要です。本書では、サイト設計時にはどういった考え方を持つべきか、CSS3を最大限に活用したデザイン、ボタン一つひとつの最適な大きさなど、かなり細かなポイントまで紹介。スマートフォン表示に最適なコーディング方法の話も盛り込みながら、デザイン・表現方法を丁寧に解説、表現方法の幅を広げるのにも役立つネタも豊富に紹介しています。掲載のサンプルデータはWebサイトからダウンロードできます。
目次
- 扉
- はじめに
- 目次
- 本書の使い方
- 本書のサンプルデータについて
- ◆INTRODUCTION デザイン作業の前に
- スマートフォンサイト制作のワークフロー
- 整えておくべき環境
- ◆CHAPTER 01 デザイン実践のための基礎知識
- 01 PCとの違いを理解する
- 02 文字の見せ方と使えるフォントを知る
- 03 スマートフォンを操作する動作を考慮する
- 04 スマートフォン向けのコーディングを考える
- 05 実装制限される機能に配慮する
- ◆CHAPTER 02 ユーザーインターフェイス
- 01 ワイヤーフレームの意義と活用
- 02 画面表示範囲とファーストビューを意識する
- 03 テキストリンク・ボタンサイズ・チェックボックスの扱いに注意する
- 04 ナビゲーションパターン
- 05 ユーザーにアクションを予想させるナビゲーションデザイン
- 扉
- はじめに
- 目次
- 本書の使い方
- 本書のサンプルデータについて
- ◆INTRODUCTION デザイン作業の前に
- スマートフォンサイト制作のワークフロー
- 整えておくべき環境
- ◆CHAPTER 01 デザイン実践のための基礎知識
- 01 PCとの違いを理解する
- 02 文字の見せ方と使えるフォントを知る
- 03 スマートフォンを操作する動作を考慮する
- 04 スマートフォン向けのコーディングを考える
- 05 実装制限される機能に配慮する
- ◆CHAPTER 02 ユーザーインターフェイス
- 01 ワイヤーフレームの意義と活用
- 02 画面表示範囲とファーストビューを意識する
- 03 テキストリンク・ボタンサイズ・チェックボックスの扱いに注意する
- 04 ナビゲーションパターン
- 05 ユーザーにアクションを予想させるナビゲーションデザイン
- 06 スマートフォン向けのEFO(エントリーフォーム最適化)デザイン
- 07 ユーザーインターフェイスを考えるときに注意すべき要素
- ◆CHAPTER 03 モバイルフレームワーク
- 01 jQuery Mobileの基本
- 02 jQuery Mobileを使った制作例
- 03 さまざまなモバイルフレームワーク
- ◆CHAPTER 04 デザインパーツ表現方法
- 01 繊細で手作り感のあるデザイン
- 02 かわいらしさを演出するデザイン
- 03 高級感を演出するデザイン
- 04 シンプルモダンなデザイン
- 05 和風テイストのデザイン
- 06 メタリック感のあるデザイン
- 07 堅実感のあるデザイン
- 目的別索引
- 用語索引
- 奥付
※このデジタル雑誌には目次に記載されているコンテンツが含まれています。それ以外のコンテンツは、本誌のコンテンツであっても含まれていません のでご注意ください。
※電子版では、紙の雑誌と内容が一部異なる場合や、掲載されないページがある場合があります。