Новини

Популярний відеохостинґ здійснив масштабні перетворення із своїм зовнішнім виглядом: відповідність вимогам Material Design та нова темна тема для інтерфейсу

YouTube, починаючи з вечора 2 травня, відкрив доступ до нової версії інтерфейсу для глядачів та відеоблогерів в усіх країнах — раніше доступ до неї був лише у обмеженого кола осіб.
<h4><strong>Що змінилося в YouTube</strong></h4>
Насамперед компанія, що давно перебуває «під парасолькою» корпорації Google, запровадила структуру інтерфейсу у відповідності до вимог так званого «матеріального дизайну» (Material Design) із більш структурованим та інтуїтивно зрозумілим інтерфейсом. Також додано темну тему оформлення, що робить перегляд комфортним у вечірній та нічний час
<h4><strong>Що таке Material Design</strong></h4>
Ключові принципи цього підходу до зовнішнього вигляду сайтів, сервісів та програм передбачають простоту, фокусування на контенті при збереженні повної функціональності, візуальну естетику та красу, максимальну зручність у використанні.
<h4><strong>Як це реалізовано технічно</strong></h4>
В основі оновленого YouTube лежить швидший фреймворк під назвою Polymer — у компанії твердять, що з його допомогою можна швидше розробляти нові опції та інструменти для відеосервісу. Також на його основі реалізовано кращу передачу кольорів та підтримку темної теми оформлення, про яку так багато писали попереднього тижня у світових ЗМІ та блогах.
<h4><strong>Як це виглядає на практиці</strong></h4>
В старому інтерфейсі відеоролики та головна сторінка YouTube мають ось такий вигляд:

<img class="aligncenter wp-image-1306 size-large" src="https://nachasi.com/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.24.23-AM-1024x564.png" alt="" width="1024" height="564" />

Після того, як ви перемкнетеся на нову версію, в стандартній, світлій гаммі сайт матиме такий вигляд:

<img class="aligncenter wp-image-1307 size-large" src="https://nachasi.com/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.25.05-AM-1024x629.png" alt="" width="1024" height="629" />

А якщо ви хочете перемкнутися на тему в «нічному» виконанні, потрібно обрати в меню відповідний пункт та активувати перемикач:

[gallery type="slideshow" link="none" size="large" ids="1308,1309"]

[caption id="attachment_1312" align="aligncenter" width="1024"]<img class="wp-image-1312 size-large" src="https://nachasi.com/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.28.12-AM-1024x448.png" alt="" width="1024" height="448" /> Ось як це виглядає в темному інтерфейсі[/caption]
<h4><strong>Як отримати доступ до нового інтерфейсу</strong></h4>
Достатньо бути зареєстрованим користувачем сервісів Google та перейти <a href="https://www.youtube.com/new" target="_blank" rel="noopener noreferrer">за цим посиланням</a> — або натиснути кнопку на картинці нижче:

<a href="https://www.youtube.com/new" target="_blank" rel="noopener noreferrer"><img class="aligncenter wp-image-1305 size-large" src="https://nachasi.com/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.22.12-AM-1024x317.png" alt="" width="1024" height="317" /></a>

<p>YouTube, починаючи з вечора 2 травня, відкрив доступ до нової версії інтерфейсу для глядачів та відеоблогерів в усіх країнах — раніше доступ до неї був лише у обмеженого кола осіб.</p><h4><strong>Що змінилося в YouTube</strong></h4><p>Насамперед компанія, що давно перебуває «під парасолькою» корпорації Google, запровадила структуру інтерфейсу у відповідності до вимог так званого «матеріального дизайну» (Material Design) із більш структурованим та інтуїтивно зрозумілим інтерфейсом. Також додано темну тему оформлення, що робить перегляд комфортним у вечірній та нічний час</p><h4><strong>Що таке Material Design</strong></h4><p>Ключові принципи цього підходу до зовнішнього вигляду сайтів, сервісів та програм передбачають простоту, фокусування на контенті при збереженні повної функціональності, візуальну естетику та красу, максимальну зручність у використанні.</p><h4><strong>Як це реалізовано технічно</strong></h4><p>В основі оновленого YouTube лежить швидший фреймворк під назвою Polymer — у компанії твердять, що з його допомогою можна швидше розробляти нові опції та інструменти для відеосервісу. Також на його основі реалізовано кращу передачу кольорів та підтримку темної теми оформлення, про яку так багато писали попереднього тижня у світових ЗМІ та блогах.</p><h4><strong>Як це виглядає на практиці</strong></h4><p>В старому інтерфейсі відеоролики та головна сторінка YouTube мають ось такий вигляд:</p><p><img loading="lazy" class="aligncenter wp-image-1306 size-large" src="/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.24.23-AM-1024x564.png" alt="" width="1024" height="564" srcset="/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.24.23-AM-1024x564.png 1024w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.24.23-AM-300x165.png 300w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.24.23-AM-768x423.png 768w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.24.23-AM-650x358.png 650w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.24.23-AM-1300x715.png 1300w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.24.23-AM.png 1481w" sizes="(max-width: 1024px) 100vw, 1024px" /></p><p>Після того, як ви перемкнетеся на нову версію, в стандартній, світлій гаммі сайт матиме такий вигляд:</p><p><img loading="lazy" class="aligncenter wp-image-1307 size-large" src="/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.25.05-AM-1024x629.png" alt="" width="1024" height="629" srcset="/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.25.05-AM-1024x629.png 1024w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.25.05-AM-300x184.png 300w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.25.05-AM-768x472.png 768w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.25.05-AM-650x399.png 650w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.25.05-AM-1204x740.png 1204w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.25.05-AM-910x559.png 910w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.25.05-AM.png 1502w" sizes="(max-width: 1024px) 100vw, 1024px" /></p><p>А якщо ви хочете перемкнутися на тему в «нічному» виконанні, потрібно обрати в меню відповідний пункт та активувати перемикач:</p><script type="application/json" class="shortcode-slider-json">	[				{			"url": "/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.27.14-AM.png",			"caption": "Обираємо відповідний пункт меню"		},				{			"url": "/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.27.30-AM.png",			"caption": "Активуємо нічний режим"		}			]</script><div id="attachment_1312" style="width: 1034px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-1312" loading="lazy" class="wp-image-1312 size-large" src="/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.28.12-AM-1024x448.png" alt="" width="1024" height="448" srcset="/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.28.12-AM-1024x448.png 1024w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.28.12-AM-300x131.png 300w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.28.12-AM-768x336.png 768w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.28.12-AM-650x285.png 650w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.28.12-AM-1300x569.png 1300w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.28.12-AM.png 1669w" sizes="(max-width: 1024px) 100vw, 1024px" /><p id="caption-attachment-1312" class="wp-caption-text">Ось як це виглядає в темному інтерфейсі</p></div><h4><strong>Як отримати доступ до нового інтерфейсу</strong></h4><p>Достатньо бути зареєстрованим користувачем сервісів Google та перейти <a href="https://www.youtube.com/new" target="_blank" rel="noopener noreferrer">за цим посиланням</a> — або натиснути кнопку на картинці нижче:</p><p><a href="https://www.youtube.com/new" target="_blank" rel="noopener noreferrer"><img loading="lazy" class="aligncenter wp-image-1305 size-large" src="/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.22.12-AM-1024x317.png" alt="" width="1024" height="317" srcset="/wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.22.12-AM-1024x317.png 1024w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.22.12-AM-300x93.png 300w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.22.12-AM-768x238.png 768w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.22.12-AM-650x201.png 650w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.22.12-AM-1300x402.png 1300w, /wp-content/uploads/2017/05/Screen-Shot-2017-05-03-at-10.22.12-AM.png 1890w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p>

YouTube представив новий інтерфейс — і ось як його отримати

{:ua}Детальна інструкція, як перейти на новий інтерфейс від YouTube{:}

#YouTube

YouTube представив новий інтерфейс — і ось як його отримати