blog.yusukenakanishi.com

Sunday, March 22, 2009

Andy Clarkeの本

すごく面白い本でした。両方する人はもちろんデザインしかしない人もマークアップしかしない人もこういう考えを共有できたらストレスを軽減できますね。あとはディレクターやクライアントにも浸透すれば最高ですね。前々から思っていることなのですがこういった本やネットでの情報を見ると海外のWeb業界は考え方がすごく柔軟ですね(日本のようにIEありきという環境の違いもありますが)。以下、この本のベースとなる考え方を。

Transcendent CSSの原則

  1. すべてのWebブラウザが同じデザインで表示できるわけではない
  2. 利用できるCSSセレクタはすべて使用する
  3. 未来に目を向けてCSS3を使用する
  4. CSS未対応部分はJavaScriptやDOMで補う
  5. ハックやフィルタは使用しない
  6. 意味的な命名規則やマイクロフォーマットを使用する
  7. みんなとアイデアを共有し協力し合う

コンテンツ(テキスト、リンク、写真、音声、ビデオ)がいかなるサイトであれ基盤となる。当たり前のことなんですが。。デザインありきでもマークアップありきでもない、それはただの手段。コンテンツをいかにユーザーに伝えられるかこそが重要。

現状ではクライアントが納得してくれるかどうか1の項目から難しいのですが。。そこも腕の見せ所とポジティブに頑張らないとですね。
この本を読んでより強く思ったことなのですが、論理構造ってデザイン段階で考えるべきことでは?全部とは言わないけど大まかにすら考えないで情報の整理できてるのかなぁと。。斬新なデザインとかセンスとか全否定するわけじゃないけど理論的なことを考えていない人が多いように思いますねぇ。そんな人にWebのデザイナーを語ってほしくないものです。。Web業界の職種で書いた時にも似たようなことは言ってるのですが。。

理想と現実のジレンマはありますが、より柔軟な考えを持たないとダメだなぁと思わされた本であります。

tackback(0)

comment (4)

先日はどうもでした~良いメロンソーダの飲みっぷりでした笑

さて、僕もこの本にいたく感銘受けまして、デザイナースタッフにも読ませてます。
自分自身でデザインもやるときには無意識にやっていることかなとも思うのですが
協業・分業するときにはこのあたり簡単には連携できないですよね。

僕のイメージだと、結局のところ海外であってもIEありき、という案件もあると思います。
(だからこそこういう思想があるのだと思う)
ただそれに対して漸進的に、積極的にやるということが大事で、僕らが地道にでもやっていけばいいのかなーと思ってます。
実践できれば随分とストレスなく、かつ面白く仕事できますからね。

> hilokiさん
メロンソーダ好きなものでwあの身体に悪そうな色が何とも言えません!

この本はホントに良書ですよね!
確かにマークアップできる人は無意識に出来ていることですね。そういった意味でもWebのデザイナーと名乗る以上、HTMLとCSSの勉強はある程度しないといけない事だと考えられますね。
社内での分業だとまだ何とかなる事も多いのですが、デザインは他の会社とかいう場合だとどうしようも無い時がありますね。僕の実力不足もあると思いますが。。

なるほど。確かに海外でもIEのシェアがまったく無いわけではないですしね。
小さなことからコツコツとですね。

昨夜は、ありがとうございました。

友達のお勧めで、私もこの本読みました。
マークアップの大事さを改めて実感できました。
自分がCSSの事を考えてマークアップしがちになっているのに気づき、
「文書構造考えてマークアップしなきゃ」と初心に戻る事が出来ました。

各所にある名言?のデザインが、ページ一面背景色黒に白地で
ページをパラパラとめくっていても目に入ってきて
ふと言葉に目を向けると、読みたい気持ちになり
読んでみると心まで届き、「深いなぁ~」と感じました。

デザインの勉強になるのはもちろんの事、アクセシビリティについての文章も考えさせられるところがありました。

> みるくさん
こちらこそ、ありがとうございます!
この本を勧めるなんていい友達ですねー!確かに各所にある名言の数々は素敵すぎます。

アクセシビリティはデザインの一部で、ユーザビリティでもある。というのは確かになぁと思わされた部分ですね。中々、現場では綺麗ごとで済まされる事が多いですが何とか戦って行きたいと思っていますw

comment a post




使用できるXHTMLタグ:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>