「デジハリ」デザインスクールシリーズWebデザイン Illustrator & Photoshop
<CS4対応>
<
2009年8月29日紙版発売
デジタルハリウッド 著
B5判/224ページ/CD1枚
定価3,080円(本体2,800円+税10%)
ISBN 978-4-7741-3977-7
ただいま弊社在庫はございません。
書籍の概要
この本の概要
「デジハリ」デザインスクールシリーズの1冊です。Webサイト制作現場では、インターフェイスの多くはWeb作成ソフトで直接行うのではなく、IllustratorとPhotoshopの組み合わせで作られています。本書は、IllustratorとPhotoshopを利用してWeb素材を作成するための解説書です。実際のデザイン成果物を作成しながら、その手順を詳しく解説します。デジタルハリウッドの監修のもと、初級者から読めるレベルになっており、この書籍を一冊読めば、Web素材作成の基礎を習得できる内容になっています。CS4対応。
こんな方におすすめ
- IllustratorとPhotoshopでWebサイトをデザインする工程を学びたい人
著者の一言
本書は,「Illustrator」と「Photoshop」を使ってWebサイトのインターフェースデザインを初めておこなう方を対象に,実制作の手順に沿って工程を進めながら,Webサイトのインターフェースデザインの流れと,ソフトの操作やテクニック,両ソフトの連携を学んでいただけるように執筆したものです。
デジタルハリウッドの教室でも数多くの受講生へ指導を行っている現役デザイナーを中心に,「プロを目指す」ために理解しておかなければならない技術や知識を絞り込み,できるだけ平易な記述で執筆を行っております。
本書での学習を通じて,Webサイトのインターフェースデザインの工程である,ワイヤーフレームの作成,デザインの作成,画像のスライスと最適化,書き出しの作業を行いながら,デザインの現場で役立つ技術や知識を習得いただくのはもちろんのこと,Webサイトのインターフェースデザインをおこなう楽しさを体感していただければ幸いです。
この書籍に関連する記事があります!
- Adobe Creative Suite4の書籍が勢揃い
- Adobe社から,Adobe Creative Suite4(CS4)という新しいバージョンのパッケージが冊年末に発売されました。
目次
Chapter 1 Webサイトのワイヤーフレームを作成しよう
- ワイヤーフレーム作成の準備をする
- ワイヤーフレームを作成する準備
- TIPS 垂直方向・水平方向について
- レイアウトボックスを作成する
- ヘッダ部分のレイアウトボックスを作成する
- TIPS Webセーフカラー
- TIPS 残りのレイアウトボックスを作成する
- IllustratorデータからPhotoshopデータへ書き出す
- Photoshopデータに書き出す
Chapter 2 Webサイトのインターフェースデザインをしよう
- Webサイトのインターフェースデザインの準備をする
- Illustratorで作成したワイヤーフレームをPhotoshopで開く
- デザインをはじめる準備
- ワイヤーフレームの表示を設定する
- 背景画像を作成する
- 背景を設定する
- 背景画像を作成する
- ヘッダー部分を作成する
- ヘッダーを作成する
- マスク後に画像のレイアウト位置を変更する方法
- コンテンツ領域を作成する
- Webサイトのコンテンツ(左)を作成する
- TIPS 同じレイアウトや形状のものを複製する
- Webサイトのコンテンツ(右)を作成する
- フッター部分を作成する
- フッターを作成する
Chapter 3 テーブルコーディング用のWebサイト画像を書き出そう
- テーブルコーディング用の画像にスライスする
- TIPS 書き出しとスライスについて
- スライス用のドキュメントを作成する
- 数値入力で画像をスライスする
- TIPS スライスツールとは
- グリッドや写真を目安にスライスする
- 画像を最適化して書き出す
- 分割した画像をWebサイト用に保存する
- TIPS Webおよびデバイス用に保存について
Chapter 4 CSS(スタイルシート)用のWebサイト画像を書き出そう
- CSS(スタイルシート)用の画像にスライスする
- スライス用のドキュメントを作成する
- CSSコーディング用に画像をスライスする
- TIPS テーブルコーディング用スライスとCSSコーディング用スライスの違い
- 画像を最適化して書き出す
- Webおよびデバイス用に保存する
- 必要な画像を絞って書き出す
- 必要な画像を絞ってスライスする
- メニューボタンをスライスする
付録
- Illustrator編
- Illustratorメニュー紹介
- Illustratorツール紹介
- Illustrator基本パネル紹介
- Photoshop編
- Photoshopメニュー紹介
- Photoshopツール紹介
- Photoshop基本パレット紹介
- ショートカット編
- Illustratorショートカット一覧
- Photoshopショートカット一覧
- カラー・配色編
- Webセーフカラー216色一覧
- Webサイトインターフェースデザイン配色例
この本に関連する書籍
-
グラフィックデザイン Illustrator &Photoshop CS5
クリエイター養成スクール「デジタルハリウッド」で使用されているテキストをそのまま書籍化したシリーズ「デジハリシリーズ」のIllustrator,PhotoshopのバージョンCS5...
-
デザインの学校 これからはじめるPhotoshopの本
ご好評いただいたデザインシリーズ「これからはじめる」が、完全リニューアルして登場です。「作例を作りながら学べる」「短期間で基本操作を習得できる」「大きな文字...
-
Webデザイン HTML&Dreamweaver <CS4対応>
クリエイター養成スクール「デジタルハリウッド」で使用されているテキストをそのまま書籍化したシリーズ「デジハリシリーズ」のDreamweaverのバージョンCS4対応させた...
-
グラフィックデザイン Illustrator&Photoshop <CS4対応>
クリエイター養成スクール「デジタルハリウッド」で使用されているテキストをそのまま書籍化したシリーズ「デジハリシリーズ」のIllustrator、PhotoshopのバージョンCS4...
-
Webデザイン FLASH <CS4対応>
クリエイター養成スクール「デジタルハリウッド」で使用されているテキストをそのまま書籍化したシリーズ「デジハリシリーズ」のFlashのバージョンCS4対応させた改訂版...