{"id":32863,"date":"2024-11-19T16:00:00","date_gmt":"2024-11-19T07:00:00","guid":{"rendered":"https:\/\/designcompass.org\/?p=32863"},"modified":"2024-11-19T11:49:34","modified_gmt":"2024-11-19T02:49:34","slug":"youtube-navigation-bar-design-update","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2024\/11\/19\/youtube-navigation-bar-design-update\/","title":{"rendered":"YouTube bottom bar design update, subtle readability"},"content":{"rendered":"

The design of the YouTube bottom navigation bar has been updated. The order of the five icons remains the same, but the overall line thickness has become thicker. Home has added more detailed descriptions to the roof. Shorts has a thicker outline and the size of the internal play button has become larger. The upload content button has changed from a line to a surface. The cross icon has rounded ends. The subscription icon has changed from 3 to 2, and the corners have become rounded. 'You' has not changed.<\/p>\n\n\n\n

The lines that were so thin in light mode that they almost disappeared into the background have been clearly changed to make them easier to distinguish. The central upload button seems to follow the recent grayish visual identity of Material 3. The subscription icon looks much better with less unnecessary detail.<\/p>\n\n\n\n

However, the home and shorts feel like an awkward clump, as if ink has been smeared across them. The home icon looks like something like a ticket popping out of a triangular hole, and the side of the shorts feels more like a large blob than a zigzag.<\/p>\n\n\n\n

The new navigation bar is available on YouTube for Android. It hasn't been updated for iOS yet.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>","protected":false},"excerpt":{"rendered":"

\uc720\ud29c\ube0c \ud558\ub2e8 \ub124\ube44\uac8c\uc774\uc158 \ubc14 \ub514\uc790\uc778\uc774 \uc5c5\ub370\uc774\ud2b8\ub418\uc5c8\uc2b5\ub2c8\ub2e4. 5\uac1c\uc758 \uc544\uc774\ucf58 \ubc30\uce58 \uc21c\uc11c\ub294 \uadf8\ub300\ub85c\uc774\uba70 \uc804\uccb4\uc801\uc73c\ub85c \uc120 \uad75\uae30\uac00 \uad75\uc5b4\uc84c\uc2b5\ub2c8\ub2e4. \ud648\uc740 \uc9c0\ubd95\uc5d0 \uc0c1\uc138\ud55c \ubb18\uc0ac\uac00 \ucd94\uac00\ub410\uc2b5\ub2c8\ub2e4. \uc20f\uce20\ub294 \uc678\uacfd\uc120 \uad75\uae30\uac00 \uad75\uc5b4\uc84c\uace0 \ub0b4\ubd80 \uc7ac\uc0dd \ubc84\ud2bc\uc758 \ud06c\uae30\uac00 \ucee4\uc84c\uc2b5\ub2c8\ub2e4. \ucf58\ud150\uce20 \uc5c5\ub85c\ub4dc \ubc84\ud2bc\uc740 \uc120\uc774 \uc544\ub2cc \uba74\uc73c\ub85c \ubc14\ub00c\uc5c8\uc2b5\ub2c8\ub2e4. \uc2ed\uc790 \uc544\uc774\ucf58\uc740 \ub05d\uc774 \ub465\uae00\uc5b4\uc84c\uc2b5\ub2c8\ub2e4. \uad6c\ub3c5 \uc544\uc774\ucf58\uc740 3\uc7a5\uc5d0\uc11c 2\uc7a5\uc73c\ub85c \ubc14\ub00c\uc5c8\uace0 \ubaa8\uc11c\ub9ac\uac00 \ub465\uae00\uc5b4\uc84c\uc2b5\ub2c8\ub2e4. \u2018You\u2019\ub294 \ubcc0\ud654\uac00 \uc5c6\uc2b5\ub2c8\ub2e4. \ub77c\uc774\ud2b8 \ubaa8\ub4dc\uc5d0\uc11c \ub108\ubb34 \uc587\uc544\uc11c \ubc30\uacbd […]<\/p>\n","protected":false},"author":1,"featured_media":32866,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,621],"tags":[253,370,718],"class_list":["post-32863","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-service","tag-253","tag-ui","tag-718"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/11\/youtube-navigation-bar-01.png","publishpress_future_action":{"enabled":false,"date":"2026-05-16 18:15:15","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/32863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=32863"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/32863\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/32866"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=32863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=32863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=32863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}