新著「Webデザイン・フォーラム」が発売されました

このエントリーをはてなブックマークに追加

Webデザイン・フォーラム 10人のプロが教える原則と経験則

執筆に参加させてもらった書籍「Webデザイン・フォーラム 10人のプロが教える原則と経験則」が3月11日に発売されました。

Web制作に必要な知識が次のような感じでFAQ形式解説されています。

CHAPTER 1 Web制作の基礎知識とワークフロー

Q1 制作をはじめる前に心がけることはありますか?
Q2 Web制作の基本ワークフローを教えて!
Q3 ペルソナやユーザーシナリオって何?
Q4 デザイン作業をはじめる前にやっておくべきことは?
Q5 サイトマップとは何を指しますか?
Q6 デザインの方向性が決まらない!手がかりが欲しい!
Q7 ラフはクライアントが描くの?自分で描くの?
Q8 ラフを描くツール。現場では何を使ってる?
Q9 標準的な画面サイズと適正な表示サイズを教えて!
Q10 iPhoneやAndroid、ケータイ向けサイトはどうすべき?
Q11 「ユーザビリティ」ってどういう意味なの?
Q12 サイトのアクセシビリティを高めるってどういうことをするの?
Q13 ブラウザチェックの対象って、どう決める?
Q14 ホスティングの違いについて教えて!
Q15 CDNって一体なんですか?
Q16 ドメインを取得して運用するまでの流れを教えて!
Q17 制作前に、クライアントに確認すべき項目は?
Q18 制作に関わるスタッフってどんな人がいるの?
Q19 プログラムやサーバーに関わるスタッフの役割を教えて!
Q20 ファイル形式について教えて!
Q21 JPEG、GIF、PNGはどう使い分ける?

CHAPTER 2 レイアウト・配色の疑問解決

Q22 ページレイアウトの基本的な考え方について知りたい!
Q23 ページを構成する要素の種類を教えて!
Q24 1ページの情報量によってデザインをどう変えたらいい?
Q25 採用する段組みレイアウトの選択基準について教えて!
Q26 全段組み・2段組み・3段組み・4段組みどう使い分ける?
Q27 フィクスド(固定)とリキッド(可変)レイアウトどっちがいいの?
Q28 文字を読みやすくデザインしたい!
Q29 Webページの基本的なレイアウト手法を教えて!
Q30 フリーレイアウトのコツと作成するときの注意点は?
Q31 テンプレートについて教えて!
Q32 同じレイアウトが続くページのまとめ方を知りたい!
Q33 逆L字レイアウトについて教えて!
Q34 F字パターンを考慮したレイアウトについて教えて!
Q35 レイアウトで何をどこに配置するか決まらない!
Q36 ナビゲーションの役割や機能について教えて!
Q37 ナビゲーションの種類にはどんなものがあるの?
Q38 色の三属性って何ですか?
Q39 補色や対比について教えて!
Q40 色の視認性って何ですか?
Q41 色とイメージの関係を知りたい!
Q42 配色の基本を教えて!
Q43 背景色やテキスト色、リンク色はどう決める?
Q44 RGBとCMYKって何ですか?
Q45 sRGBって何ですか?
Q46 ガンマ値って何ですか?種類があるの?
Q47 Webでの色指定方法を教えて!
Q48 原色の特徴と効果的な使い方を教えて!
Q49 原色を使いこなすコツを教えて!
Q50 淡色・鈍色を使いこなすコツを教えて!
Q51 無彩色でまとめるコツを教えて!
Q52 知的で誠実な印象を与える配色を教えて!
Q53 ゴージャスでエレガントな印象を与える配色を教えて!
Q54 ナチュラルで落ち着いた印象を与える配色を教えて!
Q55 モダンで洗練された印象を与える配色を教えて!
Q56 ポップで楽しい印象を与える配色を教えて!
Q57 キュートで親しみやすい印象を与える配色を教えて!
Q58 ロマンチックで優しい印象を与える配色を教えて!
Q59 さわやかで若々しい印象を与える配色を教えて!
Q60 カラーユニバーサルデザインって何?

CHAPTER 3 文字・画像の疑問解決

Q61 自分で撮影する際の照明のポイントを教えて!
Q62 Webで使いやすい写真を撮るコツは?
Q63 自分で写真撮影。カメラは何を使えばいいの?
Q64 解像度について教えて!
Q65 トリミングとフレーミングについて教えて!
Q66 写真のレイアウトで気を付ける点は?
Q67 画像補正の基本について教えて!
Q68 画像をグレースケールに変換するコツは?
Q69 自動レベル補正のコツを教えて!
Q70 欧文フォントの基本と種類について教えて!
Q71 和文フォントの基本と種類について教えて!
Q72 明朝体とゴシック体以外の和文フォントって?
Q73 フォントファミリーって何?
Q74 行間・字間・カーニングって何?
Q75 文字参照について教えて!
Q76 文字の大きさってどう指定するの?
Q77 本文で使えるフォントって?
Q78 文字コードと改行コードOSによって違うの?
Q79 Webフォントって一体どういうもの?
Q80 目を引くタイトルやロゴデザインのコツを教えて!
Q81 テキストはどこまで画像にするべき?
Q82 alt属性って何ですか?
Q83 写真素材はどこで買う?
Q84 購入した写真素材、著作権はどうなるの?
Q85 Flickrなど写真コミュニティの写真を使いたい!
Q86 モバイル向けの画像形式は何がいいの?
Q87 ファイル名の付け方にルールはある?

CHAPTER 4 HTML・CSSの疑問解決

Q88 HTMLとXHTML、XMLの違いを教えて!
Q89 HTMLとXHTMLの基本構造や文法を教えて!
Q90 HTMLの文書型宣言について教えて!
Q91 HTMLを記述するってどういうことですか?
Q92 ナビゲーションメニューはなぜリスト項目にするの?
Q93 div要素やspan要素の役割は?
Q94 CSSの基本的な構造を教えて!
Q95 セレクタの種類って何ですか?
Q96 HTML文書をCSSでレイアウトするコツは?
Q97 marginとpaddingの使い分けがわからない!
Q98 CSSでの文字指定方法を教えて!
Q99 テキストを画像で置き換える方法は?
Q100 背景画像のいろいろな使い方を教えて!
Q101 印刷用のCSS、携帯電話用CSSを切り替えたい!
Q102 CSSハックって何ですか?
Q103 プログレッシブエンハンストメントって何?
Q104 制作中のWebページを効率よく検証したい!
Q105 ソースを整理するコツを教えて!
Q106 HTML5になるとどうなるの?
Q107 HTML5の新要素&新属性を教えて!
Q108 CSS3で一体、何が変わるの?
Q109 すぐに使えるCSS3のテクニックを教えて!
Q110 CSS3で背景をデザインする方法を教えて!
Q111 CSS3のメディアクエリーって何ができるの?

CHAPTER 5 動的コンテンツの疑問解決

Q112 JavaScriptってそもそも何?
Q113 JavaScriptの具体的な書き方は?
Q114 Ajaxって何ですか?
Q115 Ajaxはどんなところで使われてる?
Q116 ライブラリって何ですか?
Q117 jQueryについて教えて!
Q118 CMSって何ですか?
Q119 CMSカスタマイズをマスターしたい!
Q120 WordPressについて教えて!
Q121 WordPressの便利なプラグインを教えて!
Q122 Movable Typeについて教えて!
Q123 Movable Typeのプラグインについて教えて!
Q124 ブログサービスを選ぶポイントを教えて!
Q125 「Twitterにつぶやく」ボタンを設置したい
Q126 Facebookの「いいね!」ボタンを設置したい!
Q127 YouTubeやVimeoの動画を貼り付けたい!

CHAPTER 6 管理・運営の疑問解決

Q128 Googleの検索にサイトを登録したい!
Q129 SEOの基本を教えて!
Q130 SEMって何?SEOとどう違うの?
Q131 ケータイ用サイトのSEOとSEMはどうすべき?
Q132 サイトの問題点を見つけたい!
Q133 有料ディレクトリ登録について教えて!
Q134 Googleリッチスニペットって何?
Q135 アフィリエイトってやるべきですか?
Q136 無料アクセス解析サービスを教えて!
Q137 Google Analyticsの基本的な使い方を教えて!
Q138 FTPはセキュリティ的に問題があるの?
Q139 データのバックアップのポイントは?
Q140 情報漏洩などのトラブルを未然に防ぐにはどうすれば...?
Q141 「ウィルス」「マルウェア対策」はどうしたらいい?
Q142 サイトにベーシック認証をかけるには?
Q143 より安全な認証方法は?
Q144 デザイナーでもサーバーソフトの操作を覚えたほうがいい?
Q145 サーバーソフトを使用する注意点は?

CHAPTER 7 アプリケーションの疑問解決

Q146 Web制作に使うアプリケーションは?
Q147 カラーバリエーションを手軽につくりたい!
Q148 拡大縮小しても角丸のサイズと形状を保持したい!
Q149 オブジェクトのピクセルを拡大表示して確認したい!
Q150 Illustratorでテキストをビットマップ表示にしたい!
Q151 整列が苦手なんだけど何かいい方法ない?
Q152 グラデーションをうまく使うコツを教えて!
Q153 Illustratorでつくったオブジェクト、線や輪郭がぼやけるのを何とかしたい!
Q154 文字のエッジを丸くしてやさしい印象にしたい!
Q155 文字や図形の角を手早く丸くしたい!
Q156 輪郭がぼやけていない図形をPhotoshopで作成したい!
Q157 「ニアレストネイバー法」「バイリニア法」「バイキュービック法」何が違うの?
Q158 画質を劣化させずに少しでも容量を減らすコツは?
Q159 画像の傾きを正確に補正する方法を教えて!
Q160 スライスを効率よく行う技を教えて!
Q161 OSによる色の見え方の違いをシミュレーションしたい!
Q162 テキストサイズを変更した時の見え方を確認したい!
Q163 リンクに関する擬似クラスをプレビューするには?
Q164 iPhoneやiPad用のサイト作成のコツを教えて!
Q165 既存のWebサイトの構造を参考にしたい!
Q166 編集しない部分のコードを非表示にしたい!
Q167 コード入力をスピードアップしたい!
Q168 コード整理のテクニックを教えて!
Q169 コードヒントを使いやすくカスタマイズしたい!
Q170 Dreamweaverのテンプレートについて教えて!
Q171 コードの置換をすばやく済ませたい!
Q172 Dreamweaverで効率よくコメントを使いたい!
Q173 ExcelやWordファイルで原稿が来たら?
Q174 PhotoshopとDreamweaverの連携テクニックを教えて!
Q175 Flashのトゥイーンで画像が荒れてしまう!
Q176 PhotoshopからFlashにコピー&ペーストしたら色が違う!
Q177 Flashで図形や線の輪郭がぼやけて表示される!
Q178 シンボルの周辺に境界線を付けたい!
Q179 ラインが出現する動きをつくりたい!
Q180 ステージ上のシンボルを個別に拡大・縮小したい!
Q181 ActionScriptでのアニメーション制御を簡単にしたい!
Q182 大量のイメージファイルをBridgeで効率よく管理したい!
Q183 Bridgeとアプリケーションを連携して使いたい!
Q184 JavaScriptライブラリをもっと手軽に使いたい!
Q185 Webブラウザをもっと使いやすくしたい!

FAQの数は185。幅広い知識を体系的に学ぶことができますので興味がある方は書店などでチェックしてみてください。

スポンサードリンク

«[書評]iPhone+Android スマートフォンサイト制作入門 | メイン | Web制作の現場で使う jQueryデザイン入門 6刷決定»

このエントリーのトラックバックURL
http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/784
コメントを投稿