ウェブデザインとは何か

ウェブデザインとは何か
<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に接続する

推薦する

MySQL 5.7を完全にアンインストールするための詳細な手順

この記事は主に、MySQLを再インストールする際のクリーンでないアンインストールのさまざまな問題をま...

Windows 64 ビットに MySQL を再インストールするチュートリアル (Zip バージョン、解凍バージョンの MySQL インストール)

MySQLをアンインストールする1. コントロールパネルで、MySQLのすべてのコンポーネントをア...

HTML テーブルタグチュートリアル (24): 行の水平方向の配置属性 ALIGN

水平方向では、行の配置を左、中央、右に設定できます。基本的な構文<TR ALIGN="...

JavaScript でシンプルなクリスマス ゲームを実装する

目次序文成果を達成するコードCSSコードJSコードHTMLコードデモンストレーションのプロセス序文ク...

CSS における px、em、rem、%、vw、vh 単位の違いの詳細な説明

1.ピクセルpx はピクセルの略語で、画面解像度に対する相対的な長さの単位です。 2. えむ参照は親...

LinuxはNetworkManagerを使用してMACアドレスをランダムに生成します

今では、自宅のソファーに座っていても、外の喫茶店にいても、ノートパソコンの電源を入れてWi-Fiに接...

ページリファクタリングスキル - コンテンツ

雑談はここまでにして、インターネット上で見つかる高性能な Yahoo ウェブサイトを構築するための数...

Linux サーバーに Python3 をインストールする 2 つの方法

最初の方法Alibaba Cloud および Baidu Cloud サーバーが利用可能です。 ! ...

CSS3で実装されたスライドメニュー

結果:実装コード: <!DOCTYPE html><html class=&quo...

MySQL で GTID モードをオンラインで有効または無効にする

目次基本的な概要GTIDをオンラインで有効にする1. GTID検証ENFORCE_GTID_CONS...

HTML 選択タグにリンクを追加する 3 つの方法

最初のもの:コードをコピーコードは次のとおりです。 <html> <ヘッド>...

Mysqlデータテーブルでワームレプリケーションを使用する方法

簡単に言えば、MySQL ワーム レプリケーションは、クエリされたデータを指定されたデータ テーブル...

MySQLサービスの自動停止の解決策

この記事では主に、MySQL サービスの自動停止の解決策を紹介し、参考と学習のために共有します。一緒...

CSS3入力ボックスの実装コードはGoogleログインのアニメーション効果に似ています

CSS3を使用して、Googleログインページと同様の入力ボックスをアニメーション化します。効果1 ...

MySQLサービスが起動しても接続されない問題の解決策

mysql サービスは開始されていますが、接続できません。この問題を解決するにはどうすればよいでしょ...