REDLINE MAGAZINE | CSSビジュアルデザイン・メソッド・レビューREDLINE MAGAZINEトップページへ

すべてのエントリを見る

CSSビジュアルデザイン・メソッド・レビュー

先日購入した本。

CSSビジュアルデザイン・メソッド―技術の体系化と要素のモジュール化によりデザインプロセスの効率化を実現する「CSSバリューデザイン」

一言で言うと、「見た目の仕様書に関わる人の教科書」的な一冊。
一見ごじゃごじゃ感が漂っているが、こういう解説本はこういうレイアウトの方が逆に見やすいんだろうなぁ、と後になって納得。

内容的にはサイト制作時に仕様書、共通ルールを明確にするための手法が細かく掲載されている。仕様書を書く本人も仕様書を受け取る人も、この本を通して共通ルールの意識付けをするのには適していると思う。

まず最初に「CSSバリューデザインとは」という章で現状説明、cssの基本的な説明、バリューデザインって何よ、というものの説明がある。

第2章からは、タイポグラフィ、バックグラウンド、グラフィック、カラー、レイアウトのテーマをそれぞれの章で実際に具体的な案件を挙げ、それらのケースに基づくデザインルールを紹介。

最後のCSSバリューデザインチェックの章では5つの案件事例を元に、ブラウザの解釈の注意点、ユーザビリティ、アクセシビリティなんかの話も若干ある。

デザインルールの作り込みからxhtml、cssのソースまで詳細が記載されているので、すごくわかりやすい。こういうデザインにしたい。それをcssでどう構築していくのか。どういうルールで制作していくのか。その辺りの解説本なので、デザイナ、コーダー、IA、ディレクタなど、誰が読んでも面白いと思う。

ただ、一気に全部読むというよりは、少しずつ暇な時間に読んでいく本な気がする。ていうか、一気読みの場合、ちょっと疲れるかも。パラパラーと好きなところからでも読めるので、空いた時間に読み進めていくと最後まで楽しめた。

私自身が今まで受け取った、または作った仕様書と比べるとこの本の説明は分かりやすいなぁと思った。短い文面でも絵を交えて他者にどうルールと統一性を伝えるか、その辺りを考えながら読むと勉強になる。

<< 「Ajax実践テクニック」を買ってみた。 | IAの入門書 >>

トラックバック

このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/78

コメント (6)

私の会社に今いちばん必要な本かもしれないです。Redさんのこのエントリーで、すごくそう思ったので、ちょっと立ち読みしてこよっかな、良さそうなら買っちゃうかも…。
仕様書、ルール、講習会?しようかなと考え中です。人が増えるにあたって、いろんなやり方の人が入るわけで、混乱しそうなんですよねA(´_`;

>あやーんさん、こんばんわ。

複数人での作業の場合、ルールの統一って難しいですよね。個人的にはソースの書き方をすべて統一しろとまで言うのは酷なケースもあると思うけど、デザインをどうコーディングするかの決め事みたいなのは作っておきたいなーと思います。

仕様書作っても読まない外注とか理解できない人とか、スキルによってもだいぶ受けとめ方が違うんですけど・・・。

いやーこれ、気になってたんですよ。
クリスマスプレゼント気分で買ってみようと思います。

>ひかるさん、こんばんわ。

結構いいですよー。
「見易い」とは言えないかもしれないけど、個人的には実用的だなーと思います。

会社経由の仕事では自分の担当してたサイトを外注さんに回す事も多いんですが、その際の資料作りに活かせそうです。

遅ればせながらこの本買いました。
休憩時間にぱらぱらと読んだところで・・・
どっかでこのごちゃごちゃ感を見たような・・・
著者名を見て納得しました。
この方の本、ちょっとごちゃごちゃ感がありますけど、かなりノウハウをお持ちの方だと思うので勉強しようと思いましたです。。

>ひかるさん、こんにちわー。

ごじゃごじゃ感、私も最初かなり感じました(笑)でもいつのまにかそのごじゃごじゃ感に慣れて、見るべきところが把握できるようになりました・・・。慣れ・・・ですよね(w




※コメント欄に「<」「>」等を含むソースを記載する場合は実体参照に変換してください。

このページの一番上へ

その他の情報など

最近のコメント

PHP オブジェクト指向の勉強
  • Red - 2010.01.08
  • hogepage - 2010.01.21
  • Red - 2010.01.22
  • - 2011.11.27
  • houseiii - 2011.11.27
Fireworks トリミング画像を一括書出 CS4編
  • Iper - 2009.06.27
  • Red - 2009.06.27
  • mala - 2011.11.17
  • Red - 2011.11.18
jQueryでボックスを上下左右中央に簡単配置
overflow を使用したボックス背景のこと
  • - 2007.12.13
  • Red - 2007.12.13
  • - 2007.12.13
  • Red - 2007.12.13
  • hj - 2011.09.23
IE6 → 透過PNG+overflow=混ぜるな危険(追記有)

メッセージを送る

こちらのメッセージ送信フォームは閉鎖させて頂きました。
御用の方は新しい方のブログ にコメント頂くか、 連絡用のフォーム もありますので、そちらからご連絡ください。