ウェブデザインとは何か

ウェブデザインとは何か
<br />元の記事: http://www.alistapart.com/articles/understandingwebdesign
著者: Jeffrey Zeldman 転載の際は原文と翻訳者を明記してください。よろしくお願いいたします。
メディアを理解すれば、よりよいデザインができるようになります。しかし、文化の発展のこの後期段階では、Web デザインが何であるかを理解していない人がまだたくさんいます。その中には、有名なビジネス リーダーや文化リーダー、そして少数のベテラン デザイナーがいますが、そのデザインが Web に関係するものでない限りは。
ウェブデザインについて何も知らない人の中には、いまだにウェブサイトを作成したり、ウェブデザイナーや開発者を管理したりしている人がいます。ウェブデザインについて何も知らない他の人は、私たち以外の人に代わって、いまだに私たちを「プロ意識」で非難しています。これらの人々は少なくとも、騒ぎを大きくする方法を知っており、非難したり、ドアをバタンと閉めたり、まったく間違った人や物にお金をつぎ込んだりしています。
より良い地位、より良い仕事、そしてより知識のあるユーザーを望むなら、まずは自分自身を教育することから始めなければなりません。建築よりも不動産業に近いでしょう。Web が何であるかを知らなければ、Web デザインが何であるかを理解するのは難しいです。Web デザインの説明を求められても、要点がわからないか、バーナム風の華麗さで、自分が知っているビジネス上の理由を無理やり押し付けるかのどちらかです。
ニュース メディアも誤解されることが多いです。インターネット ジャーナリズムの多くは利益に焦点を当てており、本物の芸術やアイデアを取り上げているものはほとんどありません。編集者は広告主を心配する出版社によって動かされており、Web を理解しているジャーナリストでさえ、取引や入札者について書くのにほとんどの時間を費やしています。多くの人がこのようなことをしているので、彼らの発言は明らかに利己的でばかげており、ザッカーバーグの法則のようです (http://valleywag.com/tech/valleyspeak/zuckerbergs-law-once-every-hundred-years-media-changes-320289.php)
これは、ザッカーバーグ氏の話がニュースではないと言っているわけではないし、ジャーナリストがそれについて書くべきではないと言っているわけでもない。しかし、ビジネスに焦点を当てて他のすべてを無視するのは、不動産を取り上げながら建築を無視するのと同じだ。
同様に腹立たしいのは、一方的な話で、次のように語られる。「1994 年、インターネットは信じられないほど熱狂的だった。1999 年、インターネットは王者だった。2001 年、ドットコム バブルは崩壊した。2002 年、市民ジャーナリズムがブログを発見した。2004 年、CNN のゲストが、市民ジャーナリストがジャーナリズムと民主主義をどのように再形成し、その年の大統領選挙の勝者を決定するかについてブログに書いた。どうしてこうなったのかは忘れてしまった。」
不条理な予測が消え去ったとき、編集部では誰も辞任せず、セールスマンがスローガンを変えるように、ただ新しいラインを水に流した。ニュースの商業化が何十年も続いた後でも、優れたアナウンサーはたくさんいるが、公の場で真実をあえて伝える人はほとんどいない。時には、下から叫び声やヤジが聞こえることさえある。利己主義のサイクルだけが間違いを犯すのではなく、専門団体は毎日間違いを犯し、毎年間違いの記念日を祝う。毎年、広告やデザインの雑誌や専門団体は「ニューメディアデザイン」のコンテストを開催し、前年度の優勝者によって審査される。彼らが「ニューメディアデザイン」と呼ぶものは、すべて(デザインのトレンド)を教えてくれるものだが、彼ら(優勝者)を束縛するものではない。
いくつかの例外はあるだろうが、圧倒的多数の勝者は、ユーザーが Flash やビデオ コンテンツの広告やマーケティングの競争を受動的に受け入れるメディアとしての Web だろう。アクティブ ユーザーにとっては、これはゲームである。しかし、あなたや私にとって、アクティブな Web の使用はおそらく「このページを Digg する」ボタンをクリックすることに限られるだろう。
受賞サイトのスクリーンショットは、光沢のあるデザイン年鑑に掲載されるという神話があります。受賞者が決定権を持つようになると、彼らは自分のデザインに似たサイトを表彰します。このように、Web はテレビのように機能し、良いとされるものが大量生産され、ユーザーやアート ディレクターの世代は、このアプローチが Web デザインにとっての空想であると信じるようになります。デザイン評論家も、印刷物に慣れているのに Web では必ずしも賢くないという間違いを犯します。カーニングをめぐる戦いで十分に培われた批評的才能は、私たちの職業の難しさに何の影響も与えません。
知識の浅い人たちは、私たちが使っている醜いフォントについて嘆くでしょう。彼らは、すべての視覚要素を完全に制御できない分野で、私たちがどうやって成功できるのかと声を大にして不思議がるでしょう。彼らは、私たちが本当にデザイナーなのかどうか密かに疑問に思うでしょう。(彼らは、私たちがデザイナーではないと疑っています。)これらは、初心者、デザインを学ぶ学生、または将来の批評家です。彼らの意見に興味を持っているのは主に彼らの教授であり、彼らに教授がいることを願っています。
ベテランの批評家は、ウェブは印刷物ではなく、さまざまなデザインの限界も異なることを理解しています。それでも、これらの理論家は時折、不当な比較に陥ります。(私自身も、かなり昔のことで、完全に自分の好みではありますが、これをやりました。) これらの批評家は叫びます。ウェブデザインの傑作はどこにあるのでしょうか? Google マップは、おそらく私たちの時代におけるレオナルドのモナリザのような存在です。別の分野で同様に素晴らしいものです。この答えは私たちのほとんどを満足させますが、注目する類似点を探しているデザイン批評家を満足させないでしょう。ああ! わかりません。グレイザーのアイコンとボブ・ディランのポスターとだけ言っておきます... 印刷、建築、ウェブデザイン 問題はこれです: ウェブデザインは、グラフィックデザインとイラストレーションの原則を使用していますが、それらに完全に適していません。ウェブを他のメディアと比較する必要がある場合、印刷は良い選択です。ウェブデザインは、書体と同様に、他の人のためのコンテキストだからです。そのウェブサイトのデザインについては、後ほど説明します。
建築(鋼鉄、ガラス、石材を使用する建築)も、ポスター デザインよりも適切な例えです。少なくとも、ポスター デザインよりも適切な例えです。建築家は、人間のダイナミックな行動を促すための計画や図表を作成し、設計後は制御権を放棄します。時間が経つにつれて、建物を使用する人々が話し始め、建築家のデザインに主観的な意味を付け加えます。(ヒントと後知恵)
もちろん、すべての比較は本質的に粗雑です。テレビの「ロンドン・コーリング」とは何でしょうか。自動車デザインのジェーン・オースティンは誰でしょうか。蝶々夫人はカーチェイスがなくても美しさが劣るわけではなく、ピーナッツバターは踊れないからといって美味しさが劣るわけではありません。では、Web デザインとは何でしょうか。
Web デザインは書籍デザインでもポスター デザインでもありません。イラストレーションでもありませんし、これらの分野の最高の成果は Web デザインが達成しようとしているものではありません。Web サイトはゲームやビデオ システムをホストできますし、それらのシステムは見ていて興味深いものですが、これらの Web サイトはゲーム デザインやビデオ ストーリーテリングの例であり、Web デザインではありません。では、Web デザインとは何でしょうか。
Web デザインとは、デジタル環境における人間の行動を促進および奨励し、個人の表現やニーズを反映または適応し、常にアイデンティティを維持しながら時間の経過とともに優雅に進化する成果物を作成することです。
強調して繰り返します。
Web デザインとは、デジタル環境における人間の行動を促進および促進し、個人の表現や満足度を反映または適応し、常にアイデンティティを維持しながら時間の経過とともに優雅に進化する成果物を作成することです。それはより美しくなります。優れた Web デザインは優れた書体のようなものです。「Rosewood」のように、適用されるコンテンツに個性を与えるものもあります。「Helvetica」のように背景に溶け込む (または溶け込もうとする) ものもありますが、どのようなコンテンツであっても魔法のようにすべてのコンテンツをサポートします (Helvetica が本当に中性水のようなものかどうかについては、いつか議論できるでしょう)。
このような Web デザインとはどのようなものでしょうか? (Helvetica) たとえば、Douglas Bowman の白い「Minima」ブログ レイアウトは、何百万人もの著者によって使用されており、著者の個人的なデザインのように感じられます。これは素晴らしいデザインです。
優れた Web デザインは、優れた建物のようなものです。どんなにユニークなオフィスビルでも、ロビー、トイレ、階段があります。Web サイトも同じで、共通の機能が必要です。
優れたウェブサイトのデザインは完全に個性的ですが、他のウェブサイトと共通する機能も数多くあります。雑誌や新聞のレイアウトも、典型的な雑誌や新聞のレイアウトとは細部が何百も異なっていても、同じことが言えます。優れた雑誌のレイアウトを賞賛する人はほとんどいませんが、何百万人もの人々が意識的または無意識的にそれを受け入れており、ポスターではないことを悲しむ人はいません。
経験の浅い、または思慮のないデザイナーは、グリッドを使用しているサイト、列を使用しているサイト、箱型のサイトが多すぎると不満を言います。デザイナーは 1995 年以来、箱型を避けようとしてきましたが、たまに成功したとしても、見た目は美しくても、使い勝手の点ではひどいものになることが多いのです。
経験豊富なウェブ デザイナーは、有能な新聞のアート エディターのように、自分が手がけるプロジェクトの多くにヘッダー、列、フッターがあることに同意します。彼女の仕事は、ありふれたレイアウトに文句を言うことではなく、こうしたありふれたレイアウトを使用して、独特で自然で、主題に適していて、洗練されていて記憶に残り、静かに、しかし明らかに感動を与えるものを作成することです。
彼女がこれらすべての細部を実現すれば、彼女の作品は非常に美しいものになるでしょう。誰もがこの美しさを理解できるわけではありません。なぜなら、誰もがウェブ デザインを理解しているわけではないからです。では、ウェブ デザインについて嘆くのはやめて、この美しさが分からない人たちに目を向けましょう。

<<:  フレームセットの高さを設定する際のインターフェース変形の解決策

>>:  dockerを使用してTomcatをデプロイし、Skywalkingに接続する

推薦する

シームレスなトークンリフレッシュを実現する方法

目次1. 需要方法1方法2方法3 2. 実装3. 問題解決質問1: トークンの複数回の更新を防ぐ方法...

redhat7 に yum 経由で mysql5.7.17 をインストールするチュートリアル

RHEL/CentOS シリーズの Linux オペレーティング システムには MySQL ソース自...

docker に基づいて nginxssl 設定を開始する

前提条件クラウドサーバー(Alibaba Cloud、Tencent CloudなどのcentOS)...

シンプルなカルーセルの最も完全なコード分析を実装するJavaScript(ES6オブジェクト指向)

この記事では、シンプルなカルーセルを実装するためのJavaScriptの具体的なコードを参考までに紹...

MySQL の結合フィールドの Concat()

目次1. はじめに2. 本文2.1 フィールドの連結2.2 フィールドでの算術計算の実行1. はじめ...

CSS のフィルター属性とバックドロップフィルターの適用と違いの詳細な説明

フィルターとバックドロップフィルターにはいくつかの違いがあります。フィルターは現在の要素だけでなく、...

Windows10 mysql 8.0.12 非インストール版 設定 起動方法

この記事では、MySQL 8.0.12のインストールされていないバージョンを設定して起動するための具...

Centos8 で yum を使用して rabbitmq をインストールするチュートリアル

/etc/yum.repos.d/フォルダに入るrabbitmq-erlang.repo ファイルを...

DockerでJenkinsをインストールし、初期プラグインのインストール失敗の問題を解決する

Jenkins をインストールした後、プラグインの初期ダウンロードが常に失敗し、インストールが失敗し...

JS ES の新機能: 拡張演算子の紹介

1. スプレッド演算子スプレッド演算子は 3 つのドット ... で、複数の引数 (関数呼び出しなど...

Docker コンテナ アプリケーションで避けるべき 10 の悪い習慣

コンテナが企業の IT インフラストラクチャに欠かせない要素となっていることは間違いありません。コン...

jsを呼び出すいくつかの方法が整理され、使用が推奨されています

a タグではクリック イベントがよく使用されます。 1. href="javascript...

Docker コンテナのログを表示およびクリーンアップする方法 (テスト済みで効果的)

1. 問題Docker コンテナのログにより、ホストのディスク領域がいっぱいになりました。 doc...

MySql データベースにリモートでログインするにはどうすればよいですか?

はじめに: プロジェクトを開発するために、サーバーに MySql データベース サーバーを展開し、ロ...

HTML テーブルの行間隔を変更する方法の例

HTML テーブルを使用する場合、行間隔を変更する必要がある場合がありますが、余白、パディング、折り...