2024-03

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

ミュージック

音楽聴き放題＆カラオケ機能付！ミュージックアプリ・音楽アプリ

LINE MUSIC

2022-04

オンボーディング

b6f3ee42-2e34-451c-98ed-2d09c4958925.webp

55d4ab04-76b6-4476-b0db-69bbc3da48ba.webp

7c53e1ba-55ed-4cdb-9f09-545d381a9fcc.webp

be301149-8ee2-4dcf-8793-52c2714fb5a1.webp

e09eeb7c-a3d4-4071-8c8b-cf1d2b0a445d.webp

7cd1ec8d-9591-4205-966d-297f0904c6f3.webp

e0a7f446-3085-42bb-82d0-7836aecac323.webp

6630d3c5-8316-41c1-b972-6c5e4d93caf0.webp

f8d0c874-f720-44fe-ac0f-e60bb72bd6ce.webp

b70362c1-0498-40de-a89f-d1b75f54bc9e.webp

23597b89-e59f-4d77-99e0-c948302ceeeb.webp

9147818b-8099-4939-b6c5-6140ede21b14.webp

Today

24b90e9a-57e7-46cc-9ef5-a7d2ae2a0268.webp

1907baa7-39ff-4b94-923e-275193f9fca2.webp

904d7438-d3a3-499b-859b-27711dfc25eb.webp

817eddbc-d4ea-43de-9fc3-77606565fd53.webp

64e794f1-2c6d-4e8f-b9a7-b6d18de342cf.webp

40a85e5c-bf0d-410f-b489-ee8175c24cf3.webp

73723b4f-ac6b-452c-a142-a30577a77b26.webp

46d2b5b1-df0b-4929-934e-66091ad24659.webp

c9a30a90-02f2-4862-91d9-db38cda725a8.webp

e059fcea-beff-49a5-b56c-8419acf46db6.webp

38b04abf-7814-4719-9083-68aa2bf064c5.webp

ddb4719d-10c2-4fe8-bad8-b50a5c5e7066.webp

5de9923c-ee6a-4cec-838f-fa0ab133a508.webp

サブスクリプション登録

1d7e6c49-c34e-4400-bbf3-60c4340cb8f5.webp

0b4a7f46-6689-44c7-9bb1-845b24aaef62.webp

c431c83d-5ee0-492f-89fc-8cc77718ac07.webp

0e3f1e7b-5925-491b-a3ff-daae9309798f.webp

7943cc53-8ced-47d1-b5c4-9d7362d84eee.webp

96b592b5-f094-463f-993a-609cf1fada8d.webp

1608b880-8d6d-4569-8dde-af34f51da8c1.webp

fe5bc4d1-7643-4d1f-a11e-6b1efebf3edf.webp

9fdef1a6-2094-46f5-80ad-1fa36072752a.webp

771943b0-fb50-46c2-b713-3ceb3b5754c3.webp

2fa4b874-20be-4a59-8a3b-77b33850afc5.webp

167726df-c910-4ea5-9cb8-c6f9bd45377f.webp

6a604c85-0457-4019-bbd4-4cb886383adf.webp

3c67ebd9-02e6-45c6-bc44-ac62ba059bbd.webp

85384009-869d-4a92-889a-027743769e22.webp

a6a06f82-35a0-4051-8696-1da94024228a.webp

00c398b0-f94a-40e8-8fc8-fe01886027cf.webp

b3d8579b-92e1-4b74-8df4-f1f966859fd1.webp

230e5d06-e44b-4c23-9325-ed9d6fc9d515.webp

6e49b90d-1914-4984-af35-041f33f05643.webp

e62ec612-ea96-474f-9bff-7228f0fc65d1.webp

1c38c975-9350-49b4-aa95-4c4ff0ebcb38.webp

559ab9d7-58e4-48d9-846b-977c02e2555e.webp

プロモーション

c2633e83-4eaa-4d41-b991-d989e728668b.webp

46067de8-eb2f-48e8-ae24-bc59f632e1b5.webp

980e6116-7f90-4d77-9d54-31c35ac5109d.webp

5116ab93-b64d-4230-a80c-ed749b45a1ea.webp

841211b4-2c30-49f6-8f05-756bf9cdb21a.webp

5b546b60-98e5-4b40-865a-21887b546fff.webp

5b0d68b3-bc6b-4f84-add2-e9d82c37792c.webp

イベント詳細

d6a1dfa4-2f65-4ff9-9127-f8d8f6d8424b.webp

0f5de4a1-0eb2-4590-b7fc-f4d93db330db.webp

7e2b55bd-b6f0-4167-8686-f0a9e59fdcaf.webp

90fe2894-a4b7-4ef4-a3aa-a6c24a1ed1d3.webp

f76ad3df-7e4a-41d4-ab0c-8ca03a5cbac6.webp

c274a47a-1da7-4ae1-ad65-1c15f9e4341e.webp

94bd200a-f50c-4c0e-bbca-60438badf418.webp

93ddc41c-5f1d-4caf-a869-0c750ac891df.webp

3fb86e16-e9d5-4cc1-b278-12810b64e915.webp

d9d81a39-e549-415b-b73e-d50b546221de.webp

1c153b8a-82f2-4f30-b77a-d256a47004ea.webp

31e21629-de75-4a83-909b-f9bd22999e2c.webp

8a0eedf8-caef-4d2d-a6bd-eeccbd4b133c.webp

b1394cfb-ec8e-45e4-852e-be78afa407ac.webp

f96ee851-a8bc-4090-be1c-0dd3685b0151.webp

ec3d6ad7-738e-4722-ae20-43132cc76167.webp

動画

7ca9ff04-6998-4bc3-ab57-a1433ee1b2d9.webp

eff0b5f3-da04-4196-8723-6fc027d9c665.webp

プロフィールに設定

92b282d5-857b-41e7-b963-773768bf3383.webp

828101e3-fa2c-4a4b-8ac4-098de85e2114.webp

5272fb23-3e17-41c0-8941-4f18e6c247ff.webp

6d984770-7b04-4213-9c30-c9b5937fb355.webp

いいね・削除

18ec8b81-5837-4a79-ad4a-011b8a454c5c.webp

f46e152c-f345-4e2c-8d4f-13c19c2479b5.webp

9d76c611-3cd7-4148-9f1d-aafd42a93395.webp

2f076ab1-4110-4541-b6b4-2a894b31244c.webp

ea058cca-6e6a-4049-ad79-61f8cf1a4be4.webp

129b545f-3317-4ca2-bf44-bde390ee9ee6.webp

2e30e0f2-d840-42c8-be62-3cc543e1a432.webp

0eb053a8-f185-4b5e-850a-bee3df5518db.webp

動画詳細

31388b48-90c1-4f1c-9058-877bb42558d2.webp

e8acea1d-a3c8-44c5-8c4f-ae03cd0cf258.webp

49c477ec-f140-4f4e-a6d3-f4dd51004468.webp

395f7ac2-0a50-441e-ad6f-c25d2e1cc180.webp

1a3ee328-1044-4848-b19b-9fbc1e9b4def.webp

fc4afac8-32c9-4893-b637-f589f6991043.webp

28f057cc-b93d-48d1-956d-4082937fd333.webp

c6e2b680-798a-446f-97c4-3fd4c5857831.webp

検索

217afac4-7a9a-4390-b44e-49e24432127c.webp

9017e3bd-c739-4147-b805-5df9cf2465d2.webp

43e7920d-957a-42e7-8d2a-12b7f64c1bc9.webp

737306df-1e9e-49bd-b074-65bda6777565.webp

48627509-1a2a-4301-ac2e-938e8cdc0148.webp

9b016753-f6ad-4935-9c40-b64c78179638.webp

ba7db899-3e22-4274-99ad-cf7a2063a8e8.webp

c676d06b-4953-4b16-a492-b4bd8249b6fb.webp

ad4c0ea4-dbe3-4899-9fd4-fc149db42fac.webp

537f872b-962e-44ad-8eff-5dc3abcdba82.webp

5832bef7-0eac-4950-86f9-0ad498f6308c.webp

81dba701-c1a4-405e-afd3-bc48789e0c6d.webp

b17c1871-2e8e-4186-9bd8-28e45b49ded3.webp

c37e3640-f293-47a1-9c6a-732659e68f23.webp

779ff60b-00eb-4ab2-bb46-47a0f1ec2b24.webp

音声検索

041434be-8544-4d06-8e0a-ac2e657eab28.webp

64b698f2-82f4-4a68-9a4a-b406c98c522e.webp

9491b4a1-9cb9-4b4e-a1d0-12eeea64e093.webp

9875e504-4a2a-488d-b60d-49f39602d0bb.webp

a559d429-d0e4-4b80-ae8b-c85f6dc5a506.webp

ジャンル・テーマ

57d4f8cf-c4bd-487f-a0a8-08c677d25fcf.webp

d5de8462-d574-4c25-995c-99020f495aa9.webp

68a9ad73-3216-4dd8-8859-df7c7e4531e9.webp

プレイリストに追加

30b4d053-d4fa-49cd-9999-3a521902e895.webp

a27009e1-1daa-46d6-ac62-5499bd83fc69.webp

27e97dc3-b85e-4d05-884c-018c12ebeae7.webp

4c85f69b-ab55-4f86-b45d-9b610e0489c1.webp

e8ed2eea-3e1d-434c-ad2d-13cbe2de4c6e.webp

76fab0bb-be5b-4a8b-862c-46ccb3aeab9c.webp

b2627e81-7523-40a9-a904-e3110cd170b3.webp

6e128e0e-825d-4518-a91a-ad2275c07dd7.webp

7b2f5ef1-505a-4c6d-a12a-a2275fa73c0a.webp

41d3103e-b5c6-4701-9938-ef556eb8c537.webp

6b38d62f-4d2f-43d5-9e05-d478fa6c7fcc.webp

fff10dcc-d421-4aeb-8ab8-642548f21215.webp

bf1418f7-6453-4ea9-a0f9-f720aee9a61c.webp

アーティスト詳細

fca1b7ef-e39a-49ac-8b42-9d620172983c.webp

71d59617-9c8a-4e8f-83cd-6b5454058c3c.webp

c010a5cf-72f9-4018-a253-bf8dfbe2cada.webp

aeba4d0d-537b-4a76-87f2-ecd3084ba53d.webp

da8ec3b5-e59f-4f9f-bd96-74a518bbefe2.webp

2d4765bc-4762-48fb-85d0-2643ede73dc0.webp

af3c75b2-2d01-4560-80cf-73bb6594983e.webp

a8fc157b-c699-4593-a3cd-36402bf29e9e.webp

再生

0b254009-f44c-4bd1-9b2d-7946ec29bf30.webp

05e1a375-e453-4146-80dc-6e6e4bdc394c.webp

67d2de4f-f72d-47e2-b0ed-573d3dc2d7fc.webp

cd51d0e1-c1a6-45ac-9ab5-04a6364daaab.webp

41187bdc-ce5e-4aa6-828c-3e4c80290a6f.webp

メニュー

4899ecbe-84a3-4149-bf3a-62133c9eb81a.webp

3bced39f-0cc9-4fbe-b2a0-c641ec754b8d.webp

bda133ea-bfc6-47b6-a8a3-2118f8142ffe.webp

25c237d5-61be-4219-a5e4-831290c1ee67.webp

3877c91b-9d28-4b38-a3fd-6330dcb52e83.webp

caeab28a-341b-460a-a2cd-c3e6973b839d.webp

f6e00c9e-39cb-434b-a2a4-e383ce47467a.webp

0b6d9bc7-d53a-4ef2-9f9a-469a861fc156.webp

8648ee25-9bc3-4919-b8fd-e1ce750c3a6e.webp

01ec9425-c6be-45ca-89fa-e5ae85645d28.webp

ad51a417-28db-4adb-9bc5-6d5829179e61.webp

37b21c0a-ca47-4d70-b303-cab4607c1eb9.webp

970f95e4-0c51-45f6-928f-5f613ea41637.webp

再生環境

f5c30cda-1b97-4f37-aa1d-5c2d339c5c9b.webp

2a824726-3d77-4f2d-ade1-14f77dc9af0d.webp

01180ee8-ddc0-4805-8fcf-1e3a073c0fc2.webp

73b2f698-d5da-4750-acad-42f2571ea9a1.webp

148954ec-fe5d-4021-b684-267a4e4d9021.webp

3c1fd7a1-dbcd-4f1a-883c-f2ee43adcc21.webp

4a18f28a-28a2-4fd1-8128-f035c23d1a72.webp

4b1b924c-eed2-47ee-940b-60335f149e3d.webp

e3358bca-c71c-4fe6-b061-3755be4e0d26.webp

cf58d8d9-e48e-4380-92ec-fe1a70f48b77.webp

532190f3-2bc1-4fab-a9e2-05d3d95b057f.webp

333519a7-a0e3-4805-97f8-7f64149fd9ee.webp

b2aa19ab-c7ae-4dc9-8e1f-e0bb50650ea2.webp

195d8d99-dda1-4b23-bb2c-b6cb32fce14d.webp

69cbc6f0-353d-4285-9092-c34432201c68.webp

230df3e5-7254-4722-b0cd-2d725fdb0e62.webp

9f84d40e-8a5f-450b-9b6c-464978d8b022.webp

d2d85125-6c64-410a-9e40-a90d1d654f6d.webp

0172e4cf-3851-47c7-9e90-8e5315dbcaa0.webp

d15247d5-54e8-4aec-8591-bc9329202475.webp

「LINE MUSIC」のUIデザイン一覧（2024年3月版）

LINE MUSIC

オンボーディング

Today

関連アプリ