YOUTUBE 終於換LOGO啦!來看背後的設計故事! | Zi 字媒體
文章推薦指數: 80 %
徐小馬:在過去的十二年裡,YouTube 的logo 是由兩個過時的元素攪在一起組成的。
YouTube 設計部門負責人Christopher Bettig 說:「我們把單詞tube 塞 ...
防疫必備
3C科技
娛樂遊戲
美食旅遊
時尚美妝
親子育兒
生活休閒
金融理財
健康運動
寰宇綜合
更多
加入ZiMedia字媒體探索你的興趣
Facebook加入
LINE加入
TermsofService
推薦搜尋
水餃
848
旅遊
5064
製作
2168
老店
807
點心
1058
蘿莉女優
544
一心牛肉麵
367
23here
2974
尋找貓咪~QQ地點桃園市桃園區Taoyuan,Taoyuan加入好友
Zi字媒體
生活休閒
YOUTUBE終於換LOGO啦!來看背後的設計故事!
2021/12/25
yidianzixun
加入好友
徐小馬:在過去的十二年裡,YouTube的logo是由兩個過時的元素攪在一起組成的。
YouTube設計部門負責人ChristopherBettig說:「我們把單詞tube塞進了tube里(譯者註:tube是管子的意思)。
很奇怪是吧,其實沒有人看得懂之前的logo要表達什麼。
「在美國,Tube是電視機的俚語,因為以前的電視機里滿是vacuumtube(譯者註:vacuumtube是真空電子管的意思,一種電子元件)。
但是,無論電視還是真空電子管,都不是世界上最大的視頻網站的核心。
現在YouTube每個月都為超過15億的用戶提供服務,它幾乎可以通過互聯網連接到任何屏幕上。
作者信息:姓名:BenPopper介紹:Aspiringdronepilotandparentingrobot.原文:TheVerge當下,YouTube正在進行一個史上最大的「變臉」計劃。
YouTube的logo已經更新,將重心從單詞Tube移到家喻戶曉的播放鍵上。
YouTube的播放鍵已經成為公司的一個標誌。
YouTube還採用了新的字體,配色方案,以及一系列針對桌面端和移動端的重大改進,涉及視覺設計,用戶體驗和產品功能。
△用戶體驗研究員MelissaSmith在SanBruno,CA的YouTube辦公室展示新的移動端應用功能雖然今天的logo改版是YouTube歷史上最重要的事,但它並不是徹頭徹尾的,並不像Uber把銀色的U改為反轉的C一樣。
Bettig說:「這是一個革新,而不是革命。
「但是,公司也利用這一刻宣布了一系列的新功能,更新計劃和正在進行的嘗試。
新logo是將這一系列動作拴在一起的捆繩,強調了YouTube從一個單一的視頻網站產品朝由跨平台的不同產品組成的平台的轉變。
YouTube設計和交互團隊在兩年前推出他們重新設計的界面時,面臨的挑戰是如何將眾多的產品與不同口味的觀眾,不同的使用場景結合在一起。
這個在2005年為桌面互聯網用戶建立的網站現在已經存在於手機,平板電腦,遊戲機甚至電視上了。
並且,YouTube不再是一個簡單的品牌。
在過去的幾年中,它孵化了一系列服務:YouTubeKids,Gaming,Red,TV,和Music。
「我們覺得,由於這些不斷新增的服務,原來的logo越來越難以涵蓋。
Bettig說:「我們希望設計一些更統一,更有凝聚力的東西,一些一看就是YouTube的東西。
我們希望搭建一種視覺語言,使用戶可以輕鬆識別。
」Bettig是一名法國人,六年前加入Google,過去三年一直在YouTube。
他主導這次對logo的重新思考。
由於YouTube正在逐步進化為一整套服務,並且已經適應了各種尺寸的屏幕和視頻格式,Bettig和他的團隊一開始嘗試了一個動態的品牌。
「我們有一個讓人輕鬆聯想起Y的符號,但它會伴隨動效持續變化,並從你在觀看的視頻中汲取顏色。
它可能從你在觀看的頻道拉出個人資料配圖或頻道封面。
所以,這些動態的元素都是相互交叉的。
「當設計師在工作室的白板上和簡單的手機應用原型上做實驗時,這個點子很行得通。
Bettig說:「但是當我們把這個點子放在產品里,就會亂七八糟,根本不奏效。
」△一個布滿新logo和應用界面的草圖的牆最後,設計部決定保持簡潔。
他們嘗試利用原來的logo,基於這個logo多年以來已經代表品牌,深入人心的形象。
「多年以來,播放鍵作為UI元素,居中出現在每個視頻的正面,成了一個非官方的YouTube象徵。
「在用戶調研中,團隊發現用戶在識別YouTube時,播放鍵和YouTube單詞本身效果幾乎一致。
「播放鍵自己偷偷發芽了。
」既然決定採用播放鍵加文字的方案,設計團隊開始著手讓它們更現代化。
Bettig說:「之前logo上的文字字體是1903年的AlternateGothicNo.2號,而且被人為調整過,所以有些奇怪的呆板的設計元素。
Tube中的U與You中的U不一樣,所以如果你把它們疊起來,會發現並不吻合。
」播放鍵也有類似的問題,四個圓角並不相同。
對於那些對設計敏感的人來說,這些年來設計在擴展產品和支持新功能上並沒有起到作用。
在Bettig三年前來這裡時,YouTube還沒有設計部。
現在,他和自己的團隊有機會規整這些設計了。
△YouTube的設計師RobertThompson展示了一個記錄創意的筆記本他們決定將原來的字體淘汰,並設計出自己的一套。
他們嘗試基於經典的電視和錄像帶時代風格的字體,和更現代的外觀來設計。
最後,他們採用保留了印刷時代的元素。
「我們希望保留一種時代感。
1903年被設計用於手動排版的印刷用字體,如今藉助數字化平台繼續發光發熱,突破了時代局限。
」對於播放按鈕的新配色,團隊嘗試在日常的媒體中尋找方案。
最後他們決定採用#FF0000,Bettig解釋到:「看著紅色,我們就會聯想到一些和視頻強聯繫的事物。
而且,這是一個純粹的紅,是視頻中RGB三原色里的紅」。
新的字體,logo和配色於今天在YouTube的桌面端、移動端推出。
當前階段是希望新設計元素能夠有效滲透YouTube提供的所有服務中。
Bettig說:「由於我們與主產品的差異,我們該如何在保持擴張的同時清晰的傳達品牌,讓一個即使在隨意瀏覽應用商店的用戶,也能一眼發現YouTube的產品。
「隨著logo的更新,桌面端和移動端應用也都更新了,新版本更符合MaterialDesign的設計美學。
視頻觀看和導航的設計主管RobertThompson表示:「我們是個高耦合度的網站,這使MaterialDesign成為構建我們設計的絕妙基石。
遷移到MaterialDesign風格意味著每個頁面上的投影,線框和表格都會減少。
這有助於提高網站的可讀性和舒適度,將舞台留給內容。
」像新的logo一樣,向MaterialDesign風格的遷移,有助於給不斷增長的應用群搭建一套通用的設計語言。
伴隨統一的設計,YouTube也致力於為旗下不同的產品帶來一致的功能。
比如今天在移動端上線的變速回放功能,之前只存在於桌面端。
設計團隊表示,手機上非常受歡迎的功能很快就會遷移到桌面端,他們已經著手開始做了。
比如移動端的迷你播放器,可讓你在瀏覽內容的同時繼續觀看正在播放的視頻,桌面端的這個功能的已經進入測試環節了。
△YouTube網站隨著時間的推移發生的變化如果Bettig的挑戰是統一YouTube不斷增多的應用的外觀和風格,產品團隊的目標則是即使用戶使用產品的方式一直在增多,也要確保他們在YouTube獲得最佳的體驗。
產品副總裁ManuelBronstein說:「YouTube起航於一個簡單的網站和低清晰的視頻。
「我們正處於一個人們在移動設備、平板電腦和電視上觀看高清視頻的時代。
我們必須不斷優化人們在不同設備和環境中使用產品的體驗。
「拿視頻橫寬比舉個例子。
當YouTube剛開始時,它只支持橫向視頻。
但是現在,內容貢獻者上傳的視頻可能是縱向的或方的。
這常帶來糟糕的體驗,因為縱向的視頻只佔可用屏幕的一小部分。
YouTube的產品管理副總裁Bronstein說:「我們都討厭一個小畫面配上兩邊黑漆漆的背景。
」正如Bettig和他的團隊一樣,產品團隊第一個想法就是創造一些動態的,讓使用場景帶來最棒的設計。
他們採用了視差效果,你可以晃動手機來實現在豎著的視頻內上下偏移。
Bronstein說:「這個想法陣亡於和用戶的首輪接觸。
「相反,團隊將播放器固定,把幾乎整個屏幕提供給原始比例的縱向視頻,只在底部留下一個小小的控制項,如果用戶想要全屏的話可以自行關閉。
如果縱向視頻播完後下一個視頻是橫向的或方的,那麼播放界面會自動調整。
△YouTube的新視頻播放器,可以自動適應縱向視頻很多這些改版,從桌面端界面重構到縱向自適應功能,都已作為測試功能推出,推送給一小部分的用戶和自願參加測試的。
與任何大規模的在線服務商一樣,在保持穩定飛行的同時更新飛機的部分零件。
YouTube知道自己一定要小心行事,以免惹惱數百萬通過創作視頻謀生的用戶,還有那些會被細微的布局或功能變動觸及底線的人。
雖然它們不像閃亮的新logo那麼有故事性,但這樣的改變往往考慮得更加深遠,將YouTube朝著原汁原味的移動端體驗持續優化,符合時下大多數用戶和YouTube視頻服務的交互方式。
當然,YouTube的最終目的是讓你看更多的視頻,在他的服務里停留更多的時間。
一個功能越簡單,就越可能會有人用。
再講一個今年二月推出的新功能,即用戶可以通過雙擊屏幕來實現快退、快進。
有一小部分用戶習慣於雙擊播放器來查看視頻剩餘時間,他們討厭這個總導致他們快進快退的新功能。
主管視頻導航設計的Thompson表示:「直到我們大規模投放這個功能后我們才知道這事,聽到的都是投訴,完全沒有任何積極的反饋。
「當我們停止實驗來調整這個功能時,我們被淹沒在要求將該功能回歸的反饋中。
我們這才知道這個設計還是成功的。
「這個雙擊手勢現在每天被使用數十億次,上線沒多久就超過了播放器進度條的使用頻率。
YouTube正在嘗試一種移動端瀏覽視頻的新方法。
只需向左滑動,YouTube就會根據推薦演算法提供新視頻,就像有著數不清的娛樂內容的視頻自助餐。
錯過一個自己感興趣的視頻?只要右滑即可找回。
對於一個被數十個國家和數十種語言的15億用戶所使用的服務來說,尋找與用戶產生共鳴的手勢才是團隊給產品帶來黏性的最佳方式。
「我們正在嘗試為所有的應用構建一個統一的語言,通過設計賦予這些應用一致的元素。
「Bronstein說,「我們始終致力於讓YouTube更加人性。
」
桃園
qq
地點
貓咪
桃園市
taoyuan
xuan
根部
尾巴
有大
桃園旅遊景點
熱門推薦
本文由
yidianzixun
提供
原文連結
收藏本篇文章
檢舉
寵物協尋相信終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
取消
送出
送出
精彩推薦
尋找貓咪~沙西米地點桃園市桃園區Taoyuan,Taoyuan
熱
寵物協尋相信終究能找到回家的路
尋找貓咪~斑斑地點桃園市桃園區Taoyuan,Taoyuan
熱
寵物協尋相信終究能找到回家的路
尋找貓咪~地點桃園市桃園區Taoyuan,Taoyuan
寵物協尋相信終究能找到回家的路
尋找貓咪~地點桃園市桃園區Taoyuan,Taoyuan
寵物協尋相信終究能找到回家的路
尋找貓咪~地點桃園市桃園區Taoyuan,Taoyuan
寵物協尋相信終究能找到回家的路
尋找貓咪~卡拉斯地點桃園市桃園區Taoyuan,Taoyuan
寵物協尋相信終究能找到回家的路
尋找貓咪~地點桃園市桃園區Taoyuan,Taoyuan
寵物協尋相信終究能找到回家的路
尋找貓咪~黑臉地點桃園市桃園區Taoyuan,Taoyuan
寵物協尋相信終究能找到回家的路
尋找貓咪~阿肥地點桃園市桃園區Taoyuan,Taoyuan
寵物協尋相信終究能找到回家的路
尋找貓咪~地點桃園市桃園區Taoyuan,Taoyuan
寵物協尋相信終究能找到回家的路
查看更多推薦
聯絡我們
關於字媒體
隱私權政策
著作權保護
網站聲明
AI精選AI即時新聞AI小書僮
旅遊景點
RSS
©2021,字媒體ZiMedia.Allrightsreserved.
延伸文章資訊
- 1YouTube成立12年後首次更改Logo - iThome
包括YouTube app改版更適合在行動平台使用、可依使用者控制播放速度、播放格式、建議影片、以及網站採用Material Design新設計風格及Dark Theme等。
- 2youtube logo設計理念的評價費用和推薦
youtube logo設計理念的評價費用和推薦,在YOUTUBE、PINTEREST、EDU.TW、DCARD和毛城城MoCity這樣回答,找youtube logo設計理念在 ...
- 3YouTube 终于换Logo啦!来看背后的设计故事! - 优设网
徐小马:在过去的十二年里,YouTube 的logo 是由两个过时的元素搅在一起组成的。YouTube 设计部门负责人Christopher Bettig 说:“我们把单词tube 塞进 ...
- 4YOUTUBE 終於換LOGO啦!來看背後的設計故事! | Zi 字媒體
徐小馬:在過去的十二年裡,YouTube 的logo 是由兩個過時的元素攪在一起組成的。YouTube 設計部門負責人Christopher Bettig 說:「我們把單詞tube 塞 ...
- 5全球最大影片分享網站YouTube更換新LOGO - 品牌癮