MdNCORPORATION

WEB & グラフィックデザインのネタ帳

WEB & グラフィックデザインのネタ帳

MdN編集部 編
本体 2300円(税別) ※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2002-07-15
仕様 B5変 182*182/160P
ISBN 978-4-8443-5653-0
本書は、Webデザインとグラフィックデザインのさまざまな「ネタ」を制作過程とともに紹介したTips&ヒント集です。Flash、FireworksといったWeb制作アプリケーションから、Photoshop、Illustratorなどのグラフィックアプリケーション、さらにはJavaScript、CSSといったWeb制作技術を使った幅広い「ネタ」を掲載しています。Web制作、グラフィックデザインのネタ不足を解消する、25人のプロによる111のアイデアが満載です!!

目次

悩んだときに開く。Webデザインのアイデア集!!

本書は、Webデザインとグラフィックデザインのさまざまな「ネタ」を
制作過程とともに紹介したTips&ヒント集です。Flash、Fireworksと
いったWeb制作アプリケーションから、Photoshop、Illustratorなどの
グラフィックアプリケーション、さらにはJavaScript、CSSといった
Web制作技術を使った幅広い「ネタ」を掲載しています。Web制作、
グラフィックデザインのネタ不足を解消する、25人のプロによる111の
アイデアが満載です!!

-------------------------<目次>------------------------------

Chapter 01 さまざまなWebパーツのネタ
001 すぐにつくれる「留め具」アクセント
002 パラパラアニメで現れる花のボタン
003 パキッとくっきりアメコミ調イラスト
004 ドット絵風のボタンやアイコン
005 「スタイル」でスクリーントーン
006 ポップでかわいいミニアイコン
007 ミニアイコンでシンプルなページ
008 鉛筆ライン風のWebページ
009 スピードが変わる飛行機アニメ
010 写真と文字でトップページを演出
011 フィルタでつくる古着風パターン
012 アナログ感を醸すダンボール素材
013 古びた風合いの陶器のパターン
014 マス目を利用したドットペイント

Chapter 02 画面に映えるタイポグラフィ&ロゴのネタ
015 アナログ的な古紙風タイトル
016 千代紙模様の和風文字
017 画像を利用した雰囲気あるロゴ
018 木彫り風のタイトルロゴ
019 簡単にできる万線風ロゴ
020 変色した古紙に焼きつけた文字
021 フォントの利用でポップなロゴに
022 文字のバランスでつくるロゴ
023 文字の形から連想して一工夫
024 フィルタでつくるプールの水面
025 スパンコールのようなウロコ文字
026 ドット拡大フォントでロゴをつくる
027 パスを利用した曲線フォント
028 フェルトペンで書いた文字

Chapter 03 画像にひと味加えるためのネタ
029 注目度を高めるモザイク処理
030 パターンで印象的な写真に
031 低コントラストでクールなイメージ
032 スキャンラインでビデオ画像に
033 露光を落として雰囲気のある写真
034 手軽に加工 色鉛筆風のタッチ
035 鉛筆風のタッチでシックな雰囲気に
036 フィルタでつくる油絵風イメージ
037 アミ点加工で新聞風の画像に
038 風景写真に雨を降らせる
039 PNGを使った高画質な透過
040 エンボス効果で化石風に
041 ぼやけた写真の色見や輪郭を加工
042 こんぺいとうのガリガリ感を強調
043 描画モード変更でメリハリある画像
044 ねむい画像の修正とソフトフォーカス

Chapter 04 アイキャッチになるGIFアニメーションのネタ
045 基本サイズのキャラクタバナー
046 フレームでつくる点滅するネオン管
047 ループする「電車」GIFアニメ
048 タイピングされるテキストボックス
049 リズミカルな卓球バナー
050 色数を抑えた多フレームアニメ
051 広告バナーサイズのGIFアニメ
052 トゥイーン機能で色の変化をつくる
053 燃え上がるファイヤーパターン
054 昼から夜へと変化する街の風景
055 流れるように点灯するバー
056 スポットライトに浮かび上がる文字
057 電波障害が起きたテレビ
058 携帯電話の液晶パネル
059 小刻みに点滅するライト
060 TV走査線のようなGIFアニメ
061 スピード感のある飛行機GIFアニメ

Chapter 05 Webに楽しさを加える動きのネタ
062 マウス操作に反応するキャラクタ
063 ポインタから飛び出る文字
064 マウスに追随する波紋アニメ
065 固定ウインドウにスタッフロールを
066 フルカラーのロールオーバーアニメ
067 マウスに追随するクロスライン
068 電車が横切るスプラッシュページ
069 背景色を制御したフェイドイン
070 円を描くプログレスバー
071 フォームでつくるサインボード
072 ふたつの動きで追随するポインタ
073 描画ツールライクなラインアニメ
074 マウスをたどる軌跡アニメーション
075 JPEGでフルカラーアニメ

Chapter 06 インタラクティブな仕掛けのネタ
076 クリックに反応するアクションナビ
077 リモコンを模したロールオーバー
078 ドラッグ&ドロップを利用したリンク
079 ムービークリップで切り替えFlash
080 スイッチを押して照明をつける演出
081 ナビゲーションからムービーを制御
082 パスワードが設定可能なボタン
083 マウスオーバーで表示する新着情報
084 立体的な動きの3Dナビゲーション
085 拡大表示するスクロールバー
086 フロートヘルプを表示するボタン
087 マウスオーバーで変色するキューブ
088 活用法はいろいろ ミニメニュー!

Chapter 07 インターフェイスデザイン&レイアウトのネタ
089 疑似エレベーターで直感ナビゲーション
090 ポストイット風掲示板
091 OSライクな操作ウインドウ
092 マウスに反応する疑似3D空間の表現
093 半透明に見えるテーブル
094 操作感が楽しい隠しフレーム
095 Macintosh風コントロールバー
096 表示時間を変更できる広告
097 修正作業がラクなナビゲーションボタン
098 ページを縦に自動スクロール
099 横スクロールするリンク画像
100 ピクセル単位でオブジェクトを配置

Chapter 08 使い勝手をよくするちょっとしたネタ
101 固定もできる背景画像の指定
102 分岐処理でOSやブラウザのチェック
103 いつでも同じフォントを表示
104 ダウンロードの時間を楽しく演出
105 CSSでテキストをインデント
106 DHTMLによる表示・非表示
107 モニタ中央に開くサブウインドウ
108 大きくなりながら開くウインドウ
109 モニタの色数を自動チェックする
110 ユーザー環境別にCSSを設定する
111 Webの更新日を自動で更新

芸術を気軽に楽しめる!おすすめアートブック・セレクション

基礎から演出まで! イラスト表現のヒントが満載の8冊