2024-01

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

エンターテイメント

アニメ/人気テレビ番組などの動画が見放題

ABEMA

2022-05

オンボーディング

bb18de2a-f951-4e73-ba04-2304f464d945.webp

555b5c81-32d9-4063-a75d-124421eaee78.webp

adda982f-f75d-4d08-a91f-26883c252c0e.webp

9c46d834-4890-4b61-9d0d-bb274966e871.webp

f9d5f242-b7b6-4d8c-863d-faeefe818bdf.webp

0c36390c-42b8-4b34-a412-fb284c7fa034.webp

5d2b2a77-7733-4895-a209-5aea93d1dfc4.webp

cb189cb3-68bd-4b46-a425-d598f76e1baa.webp

d7c355fe-f741-4506-9133-de452c69c17b.webp

ホーム

f4a48871-6ecb-483f-b510-703277c60efc.webp

d64b0e30-b345-45c4-aec2-29c212af993d.webp

ba973a27-f972-4513-88e1-e87514a85188.webp

b59cb62b-be20-4743-b166-a59d71e1da94.webp

e1047cd9-9cc8-4518-9f12-76cb0bbc2f7d.webp

d726d5b8-8fbf-4a87-8094-99aa788cb578.webp

8e00b970-9a2c-4163-b4e4-96a5646e5608.webp

08d71795-8580-4962-ad92-7c184c6f01df.webp

ee4edfc7-5210-4efe-9390-9e5d02d6c911.webp

633fa684-01f7-4e42-89c6-251dca06fb1e.webp

ジャンル

738697bd-7139-4604-bd0f-f2ffc06e6baa.webp

2f856298-7b60-4b9f-b54e-dc196e99c413.webp

3ae4bb01-bd5a-4bc1-80e4-08fe886040e2.webp

0f8f95c8-3f14-46b0-a0cb-7d4c225aac90.webp

3a162705-be39-4327-bb9c-19b8536e05de.webp

49f4682d-d48c-4b7f-8b7f-5dd96b31ac82.webp

e42bc32d-a546-49d5-952c-3a9525b0e6ac.webp

b12f6383-fd7a-43d8-8e50-6c48a0369cc4.webp

ff915ca9-562d-41f0-a798-7ecb5974312e.webp

3ecb17bd-4890-439d-863d-f4e5b9a50e88.webp

テレビ

d01f224c-9c17-4ca3-b5ae-669caa494915.webp

51b2afbf-cbfb-4cf8-b006-7d427a3678fc.webp

bc5c9078-752b-4602-a4e2-c9522f962690.webp

222b514c-d6c0-4dad-97fa-259f04e3d793.webp

23f61a9c-d7ca-4e53-bf7e-8a11da5f5840.webp

6d0b8e5f-3ec3-4c61-a3ab-bb5ca0eeba3a.webp

b8da3325-d565-4877-88b8-0038b7b168b1.webp

e2aa31bd-db10-4d1f-93a5-1bbc9cd098c3.webp

d3db0203-9337-4d64-b9ef-1411683e1a4a.webp

092e7452-350d-47cf-a790-1420c5defa1e.webp

70078d51-ff69-439c-b68c-4c6e272e504d.webp

314a9e66-ee31-4868-95f2-31ef633e2081.webp

dd39f305-a3b0-4b0c-83b8-fd1317247422.webp

81d1b438-26af-4bf8-b01f-35cc42cc24fe.webp

f2561da1-bc4e-4e90-b2c7-79657ced5fbc.webp

704c24a3-962e-4c72-b2be-995dd76d7a7c.webp

90de5b82-9941-42e3-bffc-88c4e67ea43f.webp

テレビ詳細

e0d65327-3572-4dd2-9185-739ba9f4b24b.webp

ac8456f1-6464-48b7-8460-5515bccc9fb5.webp

7eddec56-4f05-4820-a59e-30349b6ae256.webp

8e5b6498-60bd-4855-8cf3-2f0b3001e6d1.webp

642e64a0-6137-4be6-9dec-5d19e9d62360.webp

662bddcf-a3d4-4deb-81a7-2fda6701a6ce.webp

d767a494-2554-4c94-bfff-eab40a2ac4db.webp

3dd3ab7b-41fb-4e52-a177-7a1c7ab25c19.webp

b6efb972-71c1-4615-9463-7147203a4017.webp

3f91e95e-7785-4337-a124-3039cf4c1e63.webp

125fe78e-48ad-4f3e-9420-4507aa6835ba.webp

番組表

10371cdb-0040-4550-8d6b-4400ebc72559.webp

9a098f62-b411-4993-8f53-a8b9f6c657e2.webp

c8cf7e49-80f6-4dc8-9f45-d7a3037854bb.webp

検索

5398b1c5-b49c-4e3c-a3ae-0e2c29fe1cb9.webp

1279cd02-588b-4e40-94f5-7442dea2b2a3.webp

22a670de-4ee8-4771-b5d1-758b569feb7b.webp

b53bc60e-42f7-4cf6-b836-0f5f6910ba1d.webp

cc772d4a-dc01-4f13-896a-0a7a953b037d.webp

4b4ebc2f-0af1-4ded-83fb-f7b3d3964818.webp

作品詳細

30c82a03-d432-478b-9fb7-519509a41bb6.webp

e335ea2d-babd-4f79-8e7f-701cd0312972.webp

0b0490c5-3879-466e-aabc-528eb5495414.webp

20b12052-c1ff-4b11-a454-6c2b52ceca71.webp

f055cdad-c27b-43ce-a2c9-9181551555b7.webp

a08fde29-830e-4f87-aa65-6b5fa8896a45.webp

d3ffefff-5589-473f-b3f3-8f05c3b7111b.webp

567272ca-fd4c-4fcf-9296-1b8a296f5589.webp

68f839e3-56f2-45c8-ae92-a0086be7e565.webp

006673f5-2aaf-4b2b-b0e9-99eb83517dbf.webp

c8d98d57-83ef-4c77-9e4b-12d7ac58ebf2.webp

マイページ

8541f18a-29d3-4a8d-84c6-813f686e3d8a.webp

f0de1700-3724-44ea-96cb-44b7191b3447.webp

460ac1a3-10a3-4280-ba12-a41d04b807f5.webp

7a382104-5ccd-4bc6-8307-b285f4f7035f.webp

13dc516a-25a9-42c3-859f-a9b654d3fa78.webp

ee42659b-abfa-4d19-b7ba-cb385298facc.webp

ed09fe33-236f-4855-8527-b534ca1a6ee8.webp

03155b7d-3f6e-4500-b5fd-6f30bf0385dd.webp

ed18434c-6094-4090-b939-4c98bee31dd3.webp

646b7848-a83a-44f9-9d70-1e95a36d75b5.webp

f0d58a1f-5ee5-4c7f-b80a-51d19c26ce15.webp

d98cce6e-2580-41a9-8456-656e309a6b91.webp

631ec924-c505-40c2-a0d3-11413f65ebe3.webp

e2b2236f-632c-42c9-91b2-9cd1c067ed69.webp

dc780c1d-d6c8-4a4c-8d6d-bb522b16d9a6.webp

2072f17d-6982-4c59-8374-f6e5bca9dd9a.webp

bb17752a-3be0-47ac-bc97-d02db4a5960c.webp

8371196b-9dd6-4e8b-8ee7-9e048c808f64.webp

eb95e860-fb7c-48ea-ba0c-debd80eb9367.webp

e309cabf-2609-430d-b528-d87495d243f2.webp

f135f041-f492-486c-bbe1-443dfaac8008.webp

8933bbf3-349b-4eb4-af52-d616a7a99c2e.webp

01e1e6ca-f0f2-4d99-a61e-d9717e429c41.webp

a961dbb6-c561-4c6b-bef1-7ae32590f084.webp

9c5a214c-3564-4b3b-8605-1801fb297986.webp

ff815d21-7f70-4eaf-8810-386babd356d6.webp

df7743a9-1e61-4033-95be-9ac7f0ebb0d0.webp

ad81e7d6-9606-4605-98ca-1c8061ef3092.webp

「ABEMA」のUIデザイン一覧（2024年1月版）

ABEMA

オンボーディング

ホーム

関連アプリ