2022-07

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

ミュージック

Apple Music

登録

632cee34-ab27-412d-bf80-438d2b7436fc.png

9588fc4f-cd6a-49fa-9174-dc255e9c3795.png

検索

13a78ef0-204c-4b06-9e44-2c9241595459.png

f071e316-affb-406d-91cb-12317c7273b9.png

d7baf208-1cda-4547-ac44-66ecf677069b.png

481c5855-9dc4-479b-83a3-dddf5a46baff.png

2b5fcb86-cc3c-45e0-aed1-75084810f321.png

f3c09701-c67f-405f-9fec-548adb8599ae.png

アーティスト詳細

3453eff0-31b0-4fe7-8f2e-10dc42704b11.png

9a25cd46-96d3-43dc-976b-bc94445340ce.png

3e714e85-5486-4327-a81d-178209278431.png

3d28c0d9-5422-488f-a238-21b50c57ab40.png

1e938d59-77de-4b54-937d-2f5db145c255.png

fde577d3-be25-4d5b-bf7d-bab3aa3094e6.png

da959abc-034f-49bc-9f39-5751a933011a.png

1505f63e-0f8c-478c-b24f-9bf1912f66b4.png

347cb010-6ca5-403c-8cbb-1bf9b8db949f.png

b57c42d3-a792-45ea-bd68-4cbd28fc170a.png

c5934237-cf7f-422f-8033-e5755dc4e594.png

0bdf9273-5f49-4bbb-bfe3-737a3f5741fb.png

940f3b32-8024-47a4-b52e-e8c9ef56f009.png

313d2f9f-4996-41bf-bb70-394bab13c13b.png

0fcd845d-16b9-4ae2-b848-2c4fa68e006a.png

f1905a90-ac3b-4bea-b21f-13e41988e993.png

0c5b9e9c-ae28-4509-b682-8112682abf3b.png

ff30f191-3bf1-4306-976b-6c48b56b9fc0.png

c9b714e3-e2de-4b30-a58d-70b6f719b2bf.png

5ecbb270-7063-4c42-aa4f-8f2c39782086.png

再生

37662daa-9d40-42a8-9f3e-b76c6aba75ad.png

203df549-4a7a-405e-a99f-80575c058e8a.png

867effbc-2f0d-4545-ad1c-22199aef1565.png

7db6f789-8280-43af-b72a-218dc78d7eaf.png

c71ac328-2229-43cd-83b5-e0ef875039fb.png

36461865-fa9c-4fba-9cc0-872feec3fb6e.png

86c3a181-5bda-414c-aaba-0c0330dbd43d.png

d154245a-5582-4de8-8bac-b55dc30c02fc.png

ライブラリ

d5616b81-1848-4ee6-8a2e-65fadba7df95.png

9e005e86-cab2-43b5-913f-8780f79d6b83.png

d6144b9e-4f26-4973-8ea4-acbc818480a8.png

7672a1c4-0cd4-448f-803b-02386cded7f0.png

374e8f32-9ff3-498a-9a69-405ee8e3f120.png

a802d375-38ea-4f1b-953d-48f8145722f3.png

6f1682ab-4b60-4813-9cd0-a1359d7918f5.png

5c103ce5-f624-4bc8-bf7f-8059edaba587.png

a3abfa36-eb09-4b36-94e6-092a2c2dbac3.png

a149e491-f6b4-4b15-a321-95645120bdca.png

12f0f9ed-6fa3-41eb-9958-c5b8af753d94.png

03cae012-e76a-4281-add8-bef56dbc9bfa.png

b98f429e-700a-4a94-897a-3e23f35725b7.png

ラジオ

2fe670a5-1b68-47b6-9547-f6185cea6a77.png

93da035c-e461-41e0-854e-8d80f83bb4a3.png

dd63fc18-6838-4e97-81f5-db313d6dc94c.png

7610ba1f-53fd-4a5e-b62c-71a3c7e7c50b.png

f05c2d10-7ea7-4849-94c0-a90327720405.png

464ea9c5-bea8-4dcd-ae5a-1ccb9749fbd1.png

a6b301be-3c34-44a0-ac75-ef0376746f76.png

c579fd2f-8ff8-4806-9644-cd6a0c2adb88.png

c27261dc-52ea-4a07-9270-5cc0aba31784.png

見つける

41f6c0b4-a126-4823-a044-6903acb20f29.png

661ec255-1d00-49cf-8e0a-63306db0c586.png

e8a51f53-ea70-48c3-a21f-377776c104c7.png

6cccfcaf-4453-4dfa-b9a5-ec6dcf2e1384.png

1567c1f5-a1b8-4d9d-827c-846190fe91a7.png

0b9cb1f6-c96b-4379-b43c-d1bcb261296c.png

今すぐ聴く

13b297fe-de4e-403e-a9c9-f03a9610c98c.png

a8040b93-3cac-4364-ba90-070c18b58f3e.png

4516a502-7230-42f0-8547-1a6e818c152f.png

2dfd632b-92bb-4540-b958-06e0c06a7ea6.png

42213c2c-be92-4d20-874e-412a373377b9.png

0890196d-6e04-4683-967c-06487da2f689.png

その他

a30bea7a-5cb3-448e-86d5-09136ed1f6d4.png

fb145115-cb8c-44c4-9cdb-30f343961f80.png

「Apple Music」のUIデザイン一覧（2022年7月版）