YouTube はテキストを減らし、画像を増やした、よりフラットなウェブサイトのデザインをテスト中

YouTubeはウェブサイトの新しいデザインをテスト中です。

まずは新デザインRedditに投稿されました、サイトの開発者コントロールからアクセスできます。 Google で設計された新しいインターフェイスが表示されます。マテリアルデザイン言語。マテリアル デザインは Google が使用する UI ですアンドロイド。テキストや冗長なメニューよりもビジュアルとアイコンを強調します。

関連項目:

マッシュ可能試してみましたが、新しいデザインが気に入りました。以下のスクリーンショットからわかるように、デザインはよりクリーンで、より多くのネガティブスペースを使用し、チャンネルに素敵な色のスプラッシュを与えます。

レディットユーザージョルジオマリネルChrome でマテリアル デザインを有効にする方法についての手順が投稿されました。

マッシュ可能な光の速度

1) https に移動します:

www.youtube.com/?gl=US

2) 開発者ツールを開きます (ctrl + shift + i)

3) 「リソース」タブに移動し、YouTube ドメインの VISITOR_INFO1_LIVE Cookie を削除します。

4) コンソールに移動し、次のコマンドを使用して VISITOR_INFO1_LIVE Cookie を定義します。

document.cookie="VISITOR_INFO1_LIVE=Qa1hUZu3gtk;パス=/;ドメイン=.youtube.com";

5) ページをリロードします

VISITOR_INFO1_LIVE Cookie を再利用することもできます。

Chrome にログイン中に動作しない場合は、シークレット モード (プライベート ブラウズ モード) で試してください。それは私たちにとってはうまくいきました。

現在の YouTube のデザイン

Current YouTube design

マテリアル デザイン YouTube

Material Design YouTube

現在のチャネル設計

Current channel design

マテリアル デザイン チャネル

Material Design channel

ここでは 2 つのデザインをフル解像度で表示しているので、変化がよりはっきりとわかります。

現在のレイアウト:

Mashable Image

クレジット: スクリーンショット: raymond wong/mashable

マテリアルデザイン:

Mashable Image

クレジット: スクリーンショット: RAYMOND WONG/MASHABLE

現在のチャネル設計:

Mashable Image

クレジット: スクリーンショット: RAYMOND WONG/MASHABLE

マテリアル デザイン チャネル:

Mashable Image

クレジット: スクリーンショット: RAYMOND WONG/MASHABLE

この話に何か付け加えることはありますか?コメントで共有してください。