質問: フォトショップカンプを作る意味に疑問を感じており、より効率的なインブラウザデザインを支持しています。 いきなりブラウザ上で作り出すことだろうとざっくり理解しているのですが、体系的なインブラウザデザインの手法がどういうものなのかを分かっていません。 サイトによってはbootstrapやsassを使ってと様々で。確立されていないのでしょうか? オススメの、新しい方法がありましたらご教示頂きたいです。
回答: bootstrap+sassをベースにしてインブラウザデザインで構築することは、確かにオススメです。 あらかじめ決められたグリッドシステムやコンポーネントをベースにして、 必要に応じてスタイル変更していくことで素早く簡単にWebサイトを構築することができます。 (CSSフレームワークとはそもそもそういう目的のためにあるものですしね) ただ一方で、決められた枠からはみ出した個性的なデザインがしづらくなり、 どれも似たり寄ったりの没個性的なものになってしまう危険性もはらんでいます。 サイトの性質にもよると思いますが、ある程度グラフィカル要素を重視し、 個性を主張するようなものを作る場合には既存のCSSフレームワークを利用するのではなく、 スクラッチで組んだ方がよいケースもあるでしょう。 インブラウザデザインは新しい制作手法であるため、 体系的な手法やデファクトスタンダードとなるような手法はまだ確立されていないと思います。 各自が試行錯誤しながら最適解を模索している最中だと思いますので、 質問者様もとりあえずいろいろ試して、自分に合う手法を見つけられるように頑張ってみてください。 答えになっていませんが参考までに。。。 【参考】 ・インブラウザデザインについて(考察) ・デザイナーのためのデザイニング・イン・ブラウザ(※書籍)