マーク・ボールトン氏が「コンテンツアウト」を使用したウェブサイトのデザインについて語る

マーク・ボールトン、クリエイティブディレクター マーク・ボルトンのデザイン と共同創設者 5 つの簡単なステップ、最近苦情を申し立てました ツイッター:

「週末にたくさんの新しいレスポンシブ Web デザイン フレームワークを読んで、私たちがまだ「キャンバスに入れる」ことを考えていることを確認しました。」

これにより、いわゆる「最適な」設計、流動性、脆弱性の長所と短所についての議論が始まりました。 レスポンシブおよびアダプティブ デザインに関する書籍がトップに掲載されています。 Web デザイナーおよび開発者向けの書籍トップ 25 特集の中で、私たちはボールトン氏に話を聞いて、彼の考えを詳しく語ってもらいました。

私たちはまず、ボールトン氏が「キャンバスイン」とは何を意味するのか、そしてなぜこのアプローチが Web デザインで普及しているのかを尋ねました。 「私にとって、「キャンバスイン」とは、レイアウトを導き出すアプローチを意味します。 伝統的に、ページ上のコンテンツの構成は同じ開始点、つまりページから始まります。 ページは、ページを細分化してグリッドを作成するための固定の開始点です。 すべてのデザイナーはこのようにレイアウトを設計します。空間を細分化します」と彼は言いました。 ボールトン氏は、レスポンシブ Web デザインの採用が「Web が流動的な場所であり、レイアウトの調整が必要になる可能性があることを認識することを目的としている」と考えています。 大きなディスプレイから最小のモバイルデバイスまで、あらゆるものに対応します。」は、依然としてページに依存しているため、「キャンバスイン」アプローチに欠陥があることを示しています。 始める。 それでも、彼が最近見たレスポンシブ Web デザイン フレームワークは同じことを行っています。「モバイル、タブレット、デスクトップ用のブレークポイントを作成します。 3 つの「ページ」。 私にとって、それは進歩ではなく、古い考え方を新しい技術に適用することです。」

ボールトン氏は、デザイナーはそのようなレイアウトを作成する際のアプローチ方法を再考する必要があると語った。 ブレークポイントとブレークポイントの間で起こっているのは、そこに Web の本質が作用しているからです。つまり、予測不可能で流動的であり、 壊れやすい。 私たちがこれを受け入れて、[ウェブ] ではないものに固定制御を強制しようとするのをやめるほど、この問題は早く進展するでしょう。 ボールトンにとって、議論はキャンバスの廃止というよりも、キャンバスは常に存在するが、それはただのことだ、と彼は言った。 直らないだろう。 それはむしろ、デザイナーがメディアの脆弱性と流動性に適切な新しい質問をすることに関するものです。制約が分からない場合、どうすれば美しいレイアウトを作成できるでしょうか? スペースが非常に壊れやすい場合、どうすれば意味のあるネガティブスペースを作成できるでしょうか?

「ウェブ上では常に質問が寄せられてきましたが、私たちは手持ちのデータから最適な幅の固定ページを作成することで質問を軽減してきました」と彼は続けました。 デザイナーは、レイアウトの作成方法に関するメンタル モデルを逆転する必要があると提案しています。「レイアウトを端から作成するのではなく、コンテンツから作成します。 外。 たとえば、コンテンツの要素 (文字サイズ、固定画像サイズ、広告ユニットなど) からグリッドの列を派生します。」

現時点では、この議論に矛盾し、iOS アプリなどの固定デザインを支持するシナリオがあるとボールトン氏は語った。 「私たちは画面サイズを知っているので、レイアウトを修正できます。 実際、タッチスクリーン デバイスの動作の一部は、スクロールではなく画面全体をスワイプすることで、この点で役に立ちます。」しかし、彼は次のように付け加えました。 Web テクノロジーを介したコンテンツの配信が増加するにつれて、そのコンテンツの表示はより細分化されます。「テレビ、冷蔵庫、 すべてを見ると異なる「キャンバス」があり、レスポンシブ Web デザインは、柔軟で適応性のあるものをどのように作成するかという考えを捨てる道を歩み始めます。 レイアウト。 しかし、これは、レスポンシブ Web デザインを、iPhone や iPad 用の Web サイトを作成するためのいくつかのツールとしてではなく、考え方の転換として考え始めた場合にのみ機能します。 それ以上ですよ。」