新しい古いYouTubeデザイン

ごく最近、YouTubeはCosmic Pandaインターフェースのサポートを停止しました。 ネットワークに関するコメントと知人のレビューから判断すると、デザインは多くの好みに合っていて、この事実を部分的にこの記事を書くように促しました。このレベルのサービス。 しかし、これらの考慮事項は残しておきましょう。YouTubeは外観を改善するための最初の一歩しか取らないかもしれませんが、写真のデザインの歴史に関する金曜日の遠足を提供します。 これは複数ページのレポートではなく、皮肉を抑えた散らばった小さな一連の画像であり、同時にGoogleのデザインとユーザー全般に対する無視を完全に示しています。

まず、このインターフェースを設計し、長い間ではないにしても、YouTubeで少なくとも少しスタイルを吸い込めたデザイナーに感謝したいと思います。

ちょっとした余談:残念ながら、スクリーンショットを撮るのが遅すぎて、素材があまりないので、デザインにはもっとたくさんの在庫がありました。

そのため、今年7月、YouTubeは新しいインターフェース-Cosmic Pandaを公開しました。 スタイリッシュで有望に見えます。

画像

しかし、幸福は長くは続かず、デザイナーはリーダーシップと対立し始めたようですそのためには、より才能のある猫とデザインのグリッターが必要でした

それはすべて帽子から始まりました。 元のバージョンは、ずさんな検索アイコンでのみ悪かった。

画像


彼らはボタンを修正しましたが、何らかの理由で背景色を白に変更しました。 これは明らかに、古い帽子がメインページと衝突していたためです。メインページでは、2000年以降すべてが白くなっています。 いわゆる伝統へのオマージュ。

画像


しばらくすると、グレーの色が返され、O_-アイコンと一緒にプロファイルリンクが破損しました。スクリーンショットは、ホバーしたときの状態を示しています。

画像


まあ、最後に、一度にすべてを修正しました。 スクリーンキーボードを呼び出すためのアイコンも移動しました。

画像


お気に入りとプレイリストにすばやくアクセスできるブロックは、別の曲です。 どうやら、古いデザイナーには仕事を終える時間がありませんでした。 「左から右へ」の矢印が良いです。

画像


彼らは非常に明白な選択肢に長い間歩き、彼らを完全な長さに伸ばすことを敢えてしなかったし、中間バージョンでさえした。

画像


ここで、オーディンを賞賛してください。帽子と同様に、すべてがほぼ終了しました。 矢印は伸びて太くなった。 右側の真のインデントプレビューは修正されていません。

画像

まあ、ホバーオプションは一般的に悪いです。

画像

下に降ります。 プレーヤーウィンドウの左右にあるチャンネルを表示するとき、次のビデオに進むための矢印があります。 残念ながら、最初のオプションはありませんが、後者があります。 クールなヒントのある魅力的な矢印を次に示します。

画像

プレーヤーとのナコシャチトはより困難であったため、彼は特別な変更を受けませんでした。 IT担当のAdobe Flashに感謝します。

まあ、それは怖くない、下に十分な機会があります。 次にタイトルがあります。これには、3つのブロックのみが含まれます。アバター、ビデオの所有者の名前、サブスクリプションボタン、「コメント-関連ビデオ」を切り替えるブロック、およびプレーヤーのサイズを変更するブロックです。 注意、そして今質問:
3つのブロックのうちいくつがミスを犯しましたか? そう! 全部で。

元のバージョンは最終的には

画像


多くの人に賞賛を呼んでいたサイズ切り替えボタンも実行され、その結果、不当な距離で互いに押し付けられました。

画像


しかし、これがこの要素の唯一のカントではありません。 実際、ホバリングすると、外側の一番下のラインである黒が内側の白に変わります。 その結果、ボタンのサイズが1ピクセル縮小されます。 静力学では、これは特に見えませんが、目がしがみつきます。

画像

同じコメントが「コメント-関連動画」ボタンで見られます。

この時点で、おそらくそれよりも早い段階で、注意深い読者はおそらく「ちょっと待って、どのブラウザを見ているの?」と言うでしょう。 おそらくConquerorをインストールし、それがどれほど悪いかを教えてくれます。 スクリーンショットを作成するときに、Operaの最新バージョンを使用しました。 あまり説得力がない? Opera、CIS、はい。しかし、特にこのケースでは、いくつかのスクリーンショットを保存しました...驚きのサプライズGoogleブラウザ-Chrome。 開いて見る。

画像
おそらく。 と。 %username%を押します。


画像
当時のChrome、Operaの同じアイコンは、CSS3のグラデーションを理解していませんでした。


ビデオ統計。 明らかにこの理由で、最後の瞬間まで、誰もそれを調べませんでした、スケジュールは範囲外に上がりました。

画像


そして、最もおいしいもの。 プレイリストを作成します。

画像

まあ、すべてが普通のようです...ちょっと待ってください。 何、真剣に!? 「キャンセル...」は「キャンセル」に乗ったことを意味しますか? グーグル、狂ってる? まあ、「劇を作る...」はわかりませんが、少なくともこのような困難な状況から抜け出すには、ジェイコブニールセンの学生である必要があるようです。 そして、左側のキャンセルボタンはデザイナーの良心に任せてください。

さて、古いインターフェースからの最後のイースターエッグ:ブロック「これらのチャンネルはあなたに興味があるかもしれません。」

画像

この写真、特に閉じるボタンをよく見てください。 最初のブロックの下にあり、最後のブロックの下にもあります。 「ええ、はい、しかし、2番目の下でいいえ」しかし、地獄! 彼女です。 1つのピクセルに白い線が見えますか? だからここにある。 悲しみが半分になり、いくつかの変更に耐えたため、この同じボタンが新しいインターフェイスに移行しましたが、それを実現することも困難です。

画像

そして最後に、新しいインターフェースからのいくつかの「楽しい」瞬間。
ローンチ直後に、YouTubeはいくつかの重要なポイントを注意して明確にしました。そのため、新しいデザインへの移行は痛みが少なく、ヒントを示しました。

画像

しかし、「チャンネルの名前について」という問題は実際には役に立ちません。 Operaサイドバーの境界線は左側に表示されます。 画面解像度1366x768。

さて、チャネルを追加します、それはアフリカにあります-チャネルを追加します。 明確にするためにそこにあるもの。

画像

画像
テキストの量によってボタンが壊れます。
オイル。 YouTube 2011

画像

おそらくそれだけです。 YouTubeがフロントエンドに近づき、良い週末を過ごすことを願っています。 読んでくれてありがとう。

Source: https://habr.com/ru/post/J134707/


All Articles