2023-05

YouTubeのUIデザインをコンポーネント・パターン・フローごとにまとめています。webデザイン、アプリデザインの参考に活用ください。

写真 / ビデオ

YouTube

オンボーディング

ada1c0e6-73e5-4ca0-9e9a-bfac455ba9f8.webp

5d709082-002c-4a73-9ba7-7faf9df38760.webp

cdd4072a-1491-46df-b58d-287727aaaef5.webp

1aca1d05-cadb-47d6-999d-830365ce7311.webp

89c90204-3eaa-4720-811e-e72f3f7e5bc8.webp

4c46c74d-91ce-41f1-96a6-9ae165ab00c2.webp

7725ae36-4124-4cfd-9f74-1fe0a82aeba1.webp

3444135d-8433-4038-9409-7f3e0c368da8.webp

567b7746-4f24-4219-8c88-42d1cb763fc7.webp

c24fc5f9-3930-40a9-a17c-f2737b10e08a.webp

a0ffeb69-ac69-4fa2-98c7-2cb9167feb5d.webp

63ba612a-0434-440a-9342-8d45b8cd6f42.webp

4bc8ebf3-825e-4130-b431-57f4f5deee14.webp

ec8ba33d-9a2e-446b-8cb4-7b7336207899.webp

88a1d978-39d3-42bc-97d7-bad3d11d36d6.webp

7ebfa738-54cc-423e-87c6-1a88bb278cb4.webp

15e0313d-3d22-4e5a-b8ec-befaea87bcd2.webp

0c41a09e-387f-4fe9-91da-f4b41985245e.webp

66146046-e8bb-4a3d-a7b4-db302ae6f5d0.webp

b2f0ab60-b2f2-455c-a81c-3c22f39dc97a.webp

6cc80c95-7344-42c9-9840-7e4c18a04100.webp

45b82b43-08e7-414f-a74a-fea9bdf28634.webp

ホーム

e5581f7d-954b-4f6e-9e47-85beb3c23e1b.webp

e4744a39-f6de-42a2-b9e1-1ad86047019b.webp

754d131a-0b26-4882-9e31-5dac7372234a.webp

2de1be11-8b56-47b3-8669-35b17bab9275.webp

b3c55009-0f63-4b8d-b3d4-e140638a8a57.webp

c0e58373-faab-485a-847d-74bf4f7a048e.webp

180894d1-4286-4bd7-8844-84d72b89524c.webp

d992c981-2429-470a-bcce-db1959311bf5.webp

dce97f16-4371-4669-89c9-f4b151426747.webp

0f67e5ba-26fe-4c89-b401-00b9c3899bed.webp

a251690f-149e-4c7f-9b0c-4c75e415f971.webp

6c9ce987-d80a-47e0-b3da-58a9d7b2a533.webp

e0ad02df-e659-4b08-b5a4-3fb6c6dd0d95.webp

2566ca20-d0ef-4ec9-924e-5f7508fb9cbe.webp

fea8c3ad-a052-468a-a60b-13f463e34ab4.webp

9245c2cb-3155-412e-9254-02a29e316527.webp

67c26810-a579-47d5-bb01-0b2fb559a7e8.webp

c418c0cc-8447-4fe7-a9ca-5466daf448f8.webp

7a8a1daa-3a72-4f89-baf4-25b9f371d1e8.webp

cf98beaa-d84c-460d-ba7b-2e36e710d640.webp

1267399f-c07c-4d08-9454-c81f70fff4d9.webp

5f585255-9b13-4232-90fc-f4bccae1b92e.webp

65471615-63b1-49a8-a78c-1e9a4e42eb12.webp

3f88881a-c193-4de7-86b0-bfe69a3b229c.webp

33c97ffc-4857-43b5-9938-9e0fd8f75868.webp

53b66c86-c98f-4205-9b92-25105b403b7f.webp

39a52abc-2c49-4b13-b74d-545f2d83071d.webp

d772a96a-9051-4e87-9231-0c081cfeace8.webp

c018774a-29ae-4211-8cf3-135b34b41325.webp

8260678c-e8ef-4e4c-95b3-1a7e607aa140.webp

5b6c29a8-66b8-460b-9486-4c9860de4b84.webp

7bc00d2b-0b86-4ed5-bcf0-2ff85cc98654.webp

9957914b-c426-4bed-983a-b1523d40331c.webp

dcb7657e-563a-4ac4-ba15-368a88c5ee65.webp

b568e627-03bc-4733-a500-82babe28f117.webp

6d7c19fa-73ca-44cb-9820-e2c161e722cb.webp

f38dd534-9b8e-4145-8bfb-45ad14a770b6.webp

658cbed6-7a3e-4782-8df2-ff428b45a530.webp

a3bb9d50-371f-4270-a0bf-2ef3a2bb9c5a.webp

3b612fd6-dfdc-4fbd-88f1-8451e1c086af.webp

aa9e5956-ed57-4c3d-9182-0228901297bd.webp

6b49a496-ad2f-4705-a8a8-2345ecaa7422.webp

675f8042-f000-4924-844f-dd8e09ddaa5a.webp

932be0b4-6834-4ea0-abef-25079f43eb1e.webp

6cb688e8-be42-417e-a76b-4f6a0a1a8c41.webp

67472863-2f34-4ea8-bbc4-99398537ef96.webp

「YouTube」のUIデザイン一覧（2023年5月版）

YouTube

関連アプリ