HN 日本語サマリー

← 一覧へ戻る
Web開発

1993年のトップWebデザインスタイル

Top Web Design Styles of 1993 (contemporary-home-computing.org)

19 pointsby luu2 コメント

要約

この記事は、現代の学生がデザインをPhotoshopのようなツールとプログラマーによる実装に還元しがちな誤解を解き、インターフェイスデザインの重要性を説くための導入として、ウェブデザインの「真の」歴史、特に技術、信念、ニーズに根差したデザインのトレンドに焦点を当てています。1990年代半ばのアマチュアによって構築されたウェブの初期のユニークなジャンルとルックに重点が置かれ、特に「Prof. Dr.」という検索クエリから見つかる、初期のウェブの「原始的で、すべて同じ」なスタイルを持つ学術サイトが、その歴史的意義と共に紹介されています。

全文翻訳

Prof. Dr. スタイル 1993年のトップ10ウェブデザインスタイル(ヴァーナキュラーウェブ3) サスキアとドラガンへ コードワード 毎年、私は新入生にインターフェイスデザインの入門講座を行います。その99%は、世界のあらゆるデザインがPhotoshopやその他のAdobe製品で作られているという幻想を抱いています。デザインがコンピューターで知覚される場合、これらのAdobeファイルは、グラフィックに埋め込まれた高貴なアイデアに従って、それをすべてインタラクティブにしたいと熱望するプログラマーの部屋に投げ込まれます。したがって、タスクは新しいメディアの非フィクションの課題を示し、なぜインターフェイスデザインを学ぶべきかを説明することです。(ここでは短く言いますが:インターフェイスデザイナーは、グラデーションをボタンに適用するためにフォトショッパーに引き渡されるプロジェクトを開発します。) ほとんどの学生は納得せず、グラフィックデザインを専攻することを選ぶでしょう。ウェブデザイナーになりたいと思っている学生でさえそうです。しかし、WWWの17年間は、ウェブデザイナーには全く異なるスキルセットが必要であることを示しています。だからこそ、私に与えられた最後の3時間は、ウェブを勉強するのではなく、ウェブをデザインするであろう人々を説得するために、ウェブデザインスタイルの「真の」歴史を強調することに費やされました。「真の」歴史とは、1993年から今日までの、その時代の技術、信念、ニーズに根差した本質的なデザインのトレンドを意味します。輸入された視覚的トレンド1は、このタイムラインから除外されています。 1990年代半ばには大きな重点が置かれています。この時代、ウェブはアマチュアによって構築され、配置され、装飾され、非常にウェブ固有のジャンルとルックが生み出され、体験するのに信じられないほどの場所となりました。2しかし、それ以前はどうだったのでしょうか?インターネットブームの前、スターの背景、バウンドする封筒、工事中サインの騒ぎになる前に、ワールドワイドウェブはどのように見えていたのでしょうか? さて、1991年に、ティム・バーナーズ=リーは、CERNの「nxoc01」というコンピューター上の「hypertext/WWW/」フォルダ内にある最初のウェブページTheProject.htmlを公開しました。彼も彼の同僚の誰も、この最初のバージョンを保存しようとはしませんでした。私たちが知っている唯一のことは、URL http://nxoc01.cern.ch/hypertext/WWW/TheProject.html と、1992年11月に最初のページがどのように見えたかということです。これは十分に早い時期であり、Mosaicブラウザがリリースされ、CERN外の人々が自分のページを作り始める半年前です。 1993年から1994年に作成されたページのいくつが、その原始的な方法で新千年紀に入り込んだかを推定するのは困難です。もしあなたがその時代のオンラインに置かれたものを見つけることができれば、最良の場合でも1995年から1996年のスキンが表示されるでしょう。例えば、ロシア宇宙科学インターネット -- 当時の新しいNetspaceブラウザによって明らかに形作られたリデザインです。しかし、1993年に永遠に生きるページを見つける方法があります。新しい学生にそれらを提示するために、私はGoogleで「Prof. Dr.」を検索します。数セメスター前は、この検索でライブパフォーマンスを行うことが可能でした。スタイルの学者のページがトップの結果でした。2010年6月現在、魔法は消えたようです。この記事のために十分な例を収集するために、私は結果ページ110まで行かなければなりませんでした。 名前 Prof. Dr. Paul Embrechts Univ.-Prof. Dr. sc. nat. Werner Römisch Prof. Dr. Heinz Siedentop Prof. Dr. Alexander Mirlin Prof. Dr. Jan Paredaens Prof. Dr. S.J. Bas Edixhoven M.Sc. Dr. Sujatha Ramdorai Prof. Dr. Wolfhard Janke Prof. dr. P.M.E. De Bra 「Prof.Dr」はコードワードであり、トリッキーな検索リクエストです。私は、学術界の外にも、常に純粋なマークアップでサイトをデザインしていた、あるいは最近1993年の基準に合わせてリデザインしたユーザーがいることを認識しています。それでも、私はこの名前を科学的な称号に基づいて、歴史への賛辞として、そしてインターネットのどこにでも最初のページが大学で構築されたというリマインダーとして使用することを提案します。この用語を固めるために、この記事では、博士号を持つシニア学者のページのみを使用します。 URL チルダ(~)がアドレスに含まれるページをチェックするのは理にかなっています。しかし、今日、URLとページの見た目の間には直接的な関係はありません。「~」は、ページが実際のProf. Dr.スタイルで作られていることを保証するものではありません。企業大学風から一般的な企業風まで、あらゆるものが見られます。 名前 URL URLスタイル デザインスタイル Prof. Dr. Edward L. (Ned) Wright http://www.astro.ucla.edu/~wright/ tilde Prof.Dr Prof. Dr. Marcus Grote http://www.math.unibas.ch/~grote/ tilde corporate university Prof. Dr. Christian Dustmann http://www.ucl.ac.uk/~uctpb21/ tilde generic corporate チルダが存在しないにもかかわらず、初期ウェブのスタイルが100%存在する例は十分にあります。 名前 URL URLスタイル デザインスタイル Prof. Dr. Reinhard F. Werner http://www.imaph.tu-bs.de/home/werner/ subdirectory Prof. Dr. Prof. Dr. Prof. Dr. rer. nat. Horst Köppel http://www.pci.uni-heidelberg.de/tc/usr/horst/ subdirectory Prof. Dr. Prof. Dr. Prof. Dr. Prof. Dr. Rainer E. Burkard http://www.opt.math.tugraz.at/burkard/ subdirectory Prof. Dr. Prof. Dr. Prof. Dr. Prof. Dr. Robert Hyatt http://www.cis.uab.edu/hyatt/ subdirectory Prof. Dr. Prof. Dr. Prof. Dr. Prof. Dr. Ronald L. Rivest http://people.csail.mit.edu/rivest/ subdirectory Prof. Dr. Prof. Dr.が独自のドメインを登録しても、ウェブパイオニアのスタイルを維持している場合もあります。 名前 URL URLスタイル デザインスタイル Prof. Bernard Moss http://www.bernardmoss.org.uk/ own domain Prof. Dr. Rev. Prof. Dr. F.N. Lee http://www.dr-fnlee.org/ own domain しかし、ドメイン名があると、デザイナー、写真家、プロジェクトマネージャーがコンサルティングされたことを意味することが多いです。 名前 URL URLスタイル デザインスタイル Prof. Dr. med. Markus Suckfüll http://www.professor-suckfuell.de/ own domain generic corporate Dr. Prof. h.c. Hermann Scheer http://www.hermannscheer.de/ own domain generic corporate Prof. Paul Goddard http://www.professorpaulgoddard.com/ own domain self-promotion M.D. Oliver Sacks http://www.oliversacks.com/ own domain self-promotion URLの「~」は、初期のコンピューター文化のルックの一部であり続けており、「ユーザー」が「開発者」と同義であったことを思い出させます。3だからこそ、可能な限り、チルダ付きの例を使用することを好みます。 原始的で、すべて同じ Prof. Dr.のページはウェブの物語を語っています。レトロだからではありません。レトロという言葉や概念はこのケースでは不適切であることを言及することが重要です。Prof. Dr.は、サイトが1993年に作成され、1995年に最後に更新されたことを全く意味しません。その逆です。通常、現在の学期のコースリストで更新されたり、Googleカレンダー、Twitterのような現代的なサービスへのリンクが含まれたり、Googleマップが埋め込まれたりしています。 名前 最終更新日 接続サービス Prof. Alan FT Winfield 2010-06-08 Prof. Dr. Michael Bieber 2009-02-02 Google Calendar Prof. Steffen Staab 2010-06-01 Tag Cloud Prof. Dr. Rudolf Schmitt 2010-01-26 Prof. Dr. Jörg Fliege 2009-09-26 Google Maps それらが調査対象として魅力的である理由です -- それらは現在のものであり、時代を超越しています。Mosaic 1.0で開いてもクラッシュしないという意味です。それでも、レトロではないとしたら、これらのページをどのように説明すればよいでしょうか?Prof. Dr.のページは独特の外観を持っています:原始的で、すべて同じです。そしてそれがそれらを歴史的に重要にしています。 原始性は、ブラウザが単なるブラウザではなく、エディターでもあったという物語を私たちに伝えます。初期のウェブのすべてのユーザーは、ウェブコンテンツのプロデューサーでした。ウェブページは、それらを見るためにブラウザで開かれるだけでなく、既存のページを新しいページのテンプレートとして使用して、編集するためにも開かれました。HTMLのシンプルなデザインにより、最初のユーザーはわずか4〜5の主要なタグだけで最先端のページを作成することができました。その結果、ウェブは非常に速く成長しました。多くのオプションがなかったため、多くのページが生まれました。 次に、Prof. Dr.のページはひどく似ています。まるでブラウザによって自動生成されたかのようです、とある学生は言いました。しかし、皮肉なことに、それらはコンテンツ管理システムやサービスではなく、完全に人間によって生成された最後のページの一部です。それらは、視聴者のブラウザ設定に従って見えます。これは、1990年代初頭の、視覚的なデザインはすべてユーザーの裁量に委ねられるべきだという信念を明らかにしています。ページ作成者は色、フォント、マージン、行長を定義しませんでした。その代わりに、エンドユーザーはブラウザで色、フォント、リンク、グラフィックの好みを設定しました。彼らの