2022-07

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

ヘルスケア / フィットネス

by runtastic アプリでトレーニング

adidas Training

オンボーディング

66db5b12-1d5a-432b-970e-158f27587abf.png

9560e834-cae1-447a-b82a-ef31656a449d.png

d06a6923-ae83-42d8-b7e6-7405079fd296.png

ecbd85ac-da21-44d9-9116-9dcbd43af8a6.png

ワークアウト

ec202a8e-0ea7-41a5-a091-ab0d0b91e79c.png

3ab82ade-dbfb-4b76-a680-1c99de63b473.png

66d9ea6c-dda0-4f3d-b2e3-83b3f22976e1.png

ワークアウト詳細

37751b77-48b7-4fb0-a039-0615a58e6763.png

f35aca01-f146-4ef9-a941-6d0a6b2b6af0.png

d8c7515a-d2e6-4490-b58a-b574c9d05bb5.png

14d3066d-d46e-4e86-8cf5-631c425a61c4.png

915db36e-4da5-4154-9476-b9bb15556819.png

c35baa31-bf8a-48db-8216-795b5dd93c69.png

7b7d573b-ebd8-4995-b2d4-ef78f4143e95.png

6ed5cc9c-58f2-4be5-8f94-83cbe6047c07.png

4a42032b-49e8-40fa-9616-3abd874a6c44.png

4e6a8125-9445-4d60-a61a-60312fe4eff0.png

cd99fb93-2e86-492a-a399-f12f52e33c6a.png

047f64f1-f356-46c4-9766-26abe99fa67c.png

ad5cf362-6b70-433d-a87c-6166fbd2a4bf.png

64183b3a-1b5b-4ba6-8b16-85f829c4a79e.png

d773704a-16e2-4f1b-88b2-08cd9cbbc6f7.png

6cb794ee-2f61-47a3-bb2f-cbfea5717bf7.png

4f62bf91-a6d0-408b-b3aa-6f280c9ff229.png

b8ad835e-abad-4785-9a72-b51da0bb17ac.png

a6672a1b-cf0c-40b9-bc27-ecbd7243d9ee.png

77476dde-17d1-4e79-80ac-22c2707a9320.png

212912ce-9cfb-4a71-888d-ce1a7525d6c3.png

b39b4325-9f14-487e-9a36-dfa46049a145.png

6a804fd7-3637-4d57-8539-7175d49540e3.png

4c4810bd-721d-40e5-9595-545cb9ef7403.png

334ee338-ba98-411e-9f05-91aa3668090a.png

6c1cf683-1335-4d3c-bee4-e864855e57b2.png

カスタムワークアウト詳細

735f0c3b-b73d-45d3-83ae-f12cac0918d4.png

f74afd8a-9a00-488a-bdf5-8e009a538856.png

edf8e3eb-4d1c-430e-af11-527ba55c18d7.png

26f899b7-1c37-487f-94f4-b7304bb5af0c.png

bf867053-2dcf-434f-a50b-9b040df69503.png

e33bf082-52d0-46ea-a604-617d3ca0ca33.png

347e343b-7ae0-4f5c-a032-4abd1ddeda52.png

f1783c3b-debe-436d-a274-b1a7ecd8d176.png

6c3f3b7c-4728-47a6-82b8-d07e36606d2b.png

8a43897b-1a6b-4223-a098-c9e093d7987a.png

1e668264-99dd-4259-a033-5125eba39819.png

89324d61-e002-4183-8a57-04afc7555611.png

d8ed32ff-bbc4-41d1-b139-1c7168b5742d.png

c14135ed-8ea9-4b25-a028-f9f222f50abe.png

316fedee-0ef0-45cb-be20-41df66db880d.png

35d77136-9b62-41ab-87d0-c04826bef462.png

1a2fbeb7-f4a8-48a0-8da6-c577b2f7a6f5.png

f404ea8b-6f0b-4040-abba-25d964daf6f7.png

0ebf35cb-1c84-4f58-9348-23f3145c056c.png

b61692c2-e6f9-4115-bcb2-dbc361445e26.png

9de9fb1a-c6ea-41b2-a9d5-778a04d63776.png

6dd983e5-f171-4715-af42-fb73da46e846.png

d4001e62-7ea9-4ec5-be9e-fb5caddc1240.png

ddcb4fb1-01b8-4b3d-afa1-584932efd0d1.png

33221c67-4d30-40bd-9fe5-714aa388b32d.png

7a8c82df-ce38-49de-bd55-8bf45c257636.png

57da32d0-26be-4ea3-b56f-6e7834d4cd1b.png

029655b8-43fb-4e93-996e-42da84d9d9bc.png

acf432c0-bba4-4d84-8fcc-7dbfb75a49a2.png

d9a234a8-2198-41c5-99e3-f44fcac7a37f.png

c9713d50-f38b-4384-a5fe-314e08609395.png

e85db0ba-d93b-4f19-a202-26798e0b3a31.png

23a32ba1-0f6b-46d1-afca-a36a8742cfc7.png

a6321ac5-7812-4107-8fa6-7f2a97f04c4d.png

aded75bb-0b42-4010-97c0-eb391b3a7b12.png

89584626-77ba-4530-9e0c-97b552c0eabd.png

d673c491-d62a-4338-bbc8-b415313e8db7.png

60051085-55db-490c-a382-68ee31a58008.png

2840d9dd-b736-4de6-bb2b-b77a559e7da4.png

1775480d-9e24-47ef-b389-64293ebf9022.png

97a080e6-5be1-4cc8-b6de-442909287933.png

フィード

4568ffb3-a1b9-4210-b23d-e689d45ae97a.png

3e3c9330-6b1a-4cd4-996f-16320e8a90c0.png

a14392db-31ed-4408-8116-2fe1f3c005e4.png

978018c6-0da9-4705-ad3f-48a1c75c6e7e.png

0a954fea-4334-4116-aafc-dacad4f72525.png

2fc68827-ff2e-44ab-9030-7f4c344c5a23.png

f8e7f4e8-3db0-48c4-98de-95fe038ca29d.png

16eee828-188c-4f0f-bc10-19105ce42047.png

f77a006b-4aff-4208-99c3-955ed1d81e54.png

a205c59e-bc7f-432f-a102-504542105dbe.png

37f57d5e-7b06-425d-b313-9723ce98c8bf.png

f904c3fa-f365-4a73-974a-98764b9590ce.png

304b2a45-bdb2-467a-936e-c31d832017c7.png

248d92c1-d9e3-4412-9ca6-ed56c7f863b9.png

8306954b-9447-45b0-9a9c-5006341c305f.png

cbc11dfa-62be-4eb9-a657-b21658c67e26.png

37809ccb-018b-4927-91fb-063732609557.png

b0ed4487-424d-4a89-b114-8a837a3f9fc5.png

2f8d06ff-13dd-4da0-945c-aace790f11de.png

履歴

1c561de2-7fef-4328-a0d7-694e9aea71e5.png

8e6b3aee-99dd-4da9-9711-019efd95fc7b.png

bf3c4ea4-7443-4b4e-8976-0fa5ad05ab36.png

ed208df9-bf52-48d8-8188-b6d6fed1203b.png

プラン

6e4fdc95-d394-4cc5-92f6-4d56548aa0af.png

3b417a6a-42e1-4f84-9ec8-a62ae240694e.png

ac5dd881-ed95-4adc-b8d0-42137c16f2a4.png

37f3f06a-918c-44e2-bbc1-05ddc2caef6f.png

6b3bc050-95f9-4d0a-89e5-6ce8682048d1.png

d38ef758-762c-44c9-b3c3-627f7be73efe.png

13198336-be44-44cf-9195-34185755dbc1.png

9bda71bd-b478-4677-98a7-eebd5fe2295f.png

9643c751-9439-432a-aa8f-c92805af8762.png

81f2a1e5-174e-49b1-a0f6-c05f92ee8f1a.png

9e3c488c-1779-4b9f-b4fd-c2ea28b7ddd9.png

8761e10c-cc73-4dd9-8101-4defa613d9c4.png

566ac3a9-d1ed-4541-9915-aec200803602.png

d17b45a2-b35a-4665-94f2-e6efab690342.png

その他

4295522b-2282-4a51-987a-cfe6bad300ff.png

75fe9cc8-43f2-4e52-869f-514d810c5faf.png

e3bd6374-c2e6-4222-b1df-09364088e821.png

c3937e57-3498-4ae0-bbdd-dd476ced72b9.png

fe2aa721-9d9a-4883-be04-15269f7a9889.png

71fb43a6-b8f0-4fe3-85c6-3ecb2daee03c.png

26a75596-56a1-4e16-8f61-80461dcda9ce.png

f4d3a731-e9a0-4615-ab6c-c37c09c02e11.png

f4c22b1d-342a-4fd4-9f8e-1ef2e6ec9ccc.png

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