Eurogamerを初めて訪れたのはいつですか?それがどのように見えたか覚えていますか?
Eurogamerが存在した25年間で、少なくとも6つの主要な設計改訂がありました。 archive.orgの素晴らしいものに感謝しますウェイバックマシンデジタル考古学を実行し、それらのデザインを再訪して、当時のWebデザインのトレンディなものを確認できます。それが90年代後半の11ポイントのVerdanaであろうと、初期の角の角を曲がった角であろうと、2010歳でファッショナブルになっているのか十代の若者たち。
しかし...私たちがさらに一歩進むことができたら - そして、過去の凍った例を見る代わりに、古いデザインの作業バージョンを使用してEurogamerの記事をお楽しみください。
祝うためにEurogamerの25周年、それがまさに私たちがやったことです!
サイトのデスクトップバージョンを使用している場合は、ページの上部にあるテーマスイッチャーに気付くことができます。これにより、歴史のさまざまなポイントを見ているユーロガマーの記事を体験できます。
サイトの最初の日にサイトがどのように見え、感じられたかについての感覚を得たいですか?バージョン1に切り替えます。 Eurogamerのより軽く、よりカラフルな(そして実際の最高の)バージョンを体験したいですか?バージョン3に切り替えます!
Web開発に手を出して、ボンネットの下で何が起こっているのか興味がある人のために、簡単な説明があります。 「CSS Zen Garden」からインスピレーションを得ており、サイトをRestyleするさまざまなCSSテーマを作成しました。 HTMLはバージョン間で変更されません。これは、古いレイアウトの一部を再現する際に創造的にならなければならなかった制限でした。 - そして、私たちは次のようないくつかのきちんとした小さなトリックを使用しましたimg::content
マークアップに触れずにロゴを変更します。
すべてのデザインをできる限り密接に再作成しようとしました。それらはピクセルに完全ではないかもしれませんが、当時使用されていたスタイルの感覚を与えます。そして、これらのデザインの大部分が最新のスマートフォンよりも前になっているので、モバイルサポートが不足していることに気付くでしょう! (誰もが覚えていますワップEurogamerのバージョン??!)
実装をリードしてくれたErin Youngと、テスト、フィードバック、サポートのための製品およびエンジニアリングチームの残りの部分に感謝します。
さまざまなデザインのすべてがどのようにどのように生まれたかについては、ここに私の大まかなユーロガマデザインのタイムラインがあります。
バージョン1 -1999-2000
サイトの最初のバージョンは、クールになる前にダークモードを実装しました。
当時は800x600モニターが一般的であり、コアWebフォントのみが利用可能であったため、Verdanaが選択したフォントでした。スレートブルースとイエローは、素晴らしい対照的なパレットを提供します。イタリック体のロゴと、Unreal Tournamentのアートワークに伴うことに注意してください。美しいスタート。
バージョン2-2003
全体の黒、白、赤は何ですか? Eurogamerの2番目のデザイン。
それは私のお気に入りではありません - 私はそれからわずかに深刻な新聞の雰囲気を得ていますが、右側のピクセルアートアイコンはサイトに特定の魅力を与えます。メモリから、このバージョンには、記事があったコンテンツの種類またはプラットフォームに応じて、色分けされたヘッダーがありましたか?見出しのフォントとして「Trebuchet MS」を使用したことが短命でした。
バージョン3-2013-2005
ユーロガマーの最高のバージョン。大好きです。
ヘッダー用のタイトな文字間隔を持つArialの上品な使用を見てください。パン粉の二重コロン。上品なグレーとオレンジ。専門的に設計されたピクセルアート。分厚いプライマリナビゲーション。絶対にゴージャス。ロゴの地球の下にある奇妙な黄色の影のために、内部的には「Puddle of Wee」バージョンと呼ばれています。
バージョン4-2015-2011
デザインの変更に関して非常に安定した期間 - このバージョンは6年前にあり、インターネット年には長い時間です。これは、現在のEurogamerチームの多くが最初に取り組んだサイトのバージョンです。
この時代には丸い角がすべて怒りでした - しかし、国境とラディウスのCSSプロパティは広くサポートされていなかったため、多くの小さな丸い角が、実装するのに困惑した小さなスペーサー画像を使用して手動で作成されました。このデザインは、Eurogamer Blue -HEXコード#0069F4の私のお気に入りのバリエーションを使用しています。そして、「ユーロガマー」を宣伝するサイドバーに注意してください - ゲーマーのためのソーシャルネットワークでの私たちの試み。
バージョン5- 2011-2018
このデザインには本当に多くのことがありました。
テクスチャのある背景、両刃の境界線、挿入図のような見逃しやすい小さな詳細がいっぱいです。批評家は、多分少し視覚的に構造化されておらず、うるさいと言うかもしれません。これまでのサイトの最も広いバージョン-1280ピクセル! - 平均的なモニターサイズが大きくなっているため、メインフォントとしてProxima Novaを使用することも導入されました。これは、このWebデザインの時代に非常にトレンドであった選択です。
バージョン6-2018 -Present
現代のユーロガマー、そしてあなたが今日見ているもの。 2018年にデビューし、現在6歳で、おそらくアップデートの予定です!
このバージョンは、サイトの以前のバージョンよりも視覚的に厳しく、テクスチャが少ないです。もう少し真剣で成熟するように設計されています - 私たちは「ガーディアンの場合は、ゲーム」のようなアイデアを議論したことを覚えています。モバイルおよびデスクトップバージョン全体でサイトを維持しやすくするために構築され、ギブソンを書体として使用しています。このバージョンでは、Eurogamer Blueは色のコントラストレベルを助けるために少し暗くなりました。
Eurogamerの古いバージョンを再訪して再作成することは私たちの絶対的な喜びでした。そして、私は個人的に、私たちがさらに25年後に再訪できる他のデザインを見るのを待つことができません。
長年にわたってEurogamerのさまざまなデザインに関与してきた人とすべての人に感謝します。順不同:マーク・ケネディ、マーティン・テイラー、カール・コックス、ルーシー・グリムウッド、ジェイコブ・ジョーンズ、サム・ヘイズ、エリン・ヤング、クリス・ワードなど。
テーマスイッチャーに行ってください - そして、あなたのお気に入りのデザインとその理由であるコメントで教えてください!