2022-04

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

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

Google Fit

オンボーディング

546b8658-46dd-416f-b1f3-491b9884c69d.png

00699133-f157-47ae-9efb-ec3167f83795.png

cbe4b527-1a4d-4f35-af83-ad64d052d148.png

c5369ffb-36b6-4ce1-ae44-9514e4fcf772.png

546b286d-6842-4016-ac16-b7a0c100fe26.png

5f2255b6-5639-4a01-99db-4005186721c9.png

079a16b4-9c89-4942-a58c-fa63230ad561.png

6c842ac8-e0cd-4301-af92-f9e07bd8df56.png

c093c38d-909d-48cb-8ea5-eda68df5da63.png

ホーム

cd40a3a2-926d-4346-b2e6-4971e3912816.png

6e13afe0-e4a5-4277-86a2-15befb958922.png

67955b2f-7f92-453b-8d58-d39d0f81d052.png

95d00251-d891-4abb-b535-1c35f5a3eed2.png

d17b24ec-6f7a-4fcd-b89e-efcd323803d7.png

c0aa66f9-e588-4982-b11a-6eb6085bc9ba.png

7a93e6eb-6fcd-4dc9-ace6-60c4df29fc41.png

a478ddf7-54c5-4ba4-a6e8-184489d1d886.png

375e96f2-4339-4293-9585-6e44339b5043.png

fe9375de-09b8-4cda-b407-2e0a8d60fd2d.png

d8270ddb-c234-4f37-965d-eae50cd69ad1.png

d853e721-f7ea-44e0-844c-d3b78cb10134.png

1487e7e9-d24f-4b89-9665-c445f3b9584c.png

1cacb8d1-de0e-4a32-b99c-0eca98559e24.png

c3ad1fae-ccba-4c10-8d94-22ca94cd6efe.png

badb8aba-e08b-4aee-a775-9a58b7826290.png

日誌

fa13576b-5587-4a95-be9f-54c7fcaa1b6f.png

577a2a71-1014-4b34-a797-1d6e9d9ba0fd.png

1fc99ac6-4a4e-4560-b3be-5eaeab798b57.png

db5f090a-14b6-4a69-a161-e91e08e6cf9b.png

fcabcece-af9e-4862-b135-ae22b8f1fda2.png

42962028-6b38-45ac-989a-9dbd6b91e716.png

70645aa7-a297-4ab2-9bd0-8952597176c0.png

9bd5a6ee-0f10-4e27-9fea-ad61abb6d07c.png

1d958aba-ff9c-41f7-ad7c-820ae7b33da1.png

参照01

0a4bea41-f479-4dd9-954e-3f4df69c0a06.png

3c8a1e3c-78d6-442c-b228-1e30a1ee74cb.png

7e81a3bc-c929-4b08-9be6-8cf8dfb7ea88.png

aa5efb47-4a2b-44e1-bbf5-d309fa2dec34.png

650bf09b-a226-4ba8-ab7b-7ff40203fdbd.png

9dd8f102-3b5b-43e5-b3ce-5d8a8fd214cc.png

6ba3f9f1-742d-41d2-8670-3b1c46558088.png

a261a30d-cd05-4203-a819-851677db08df.png

63059ec1-ce02-4442-9fb9-ad71f4743fcb.png

41e464f8-0fea-4075-8d11-35031817328d.png

2bd836ae-d27f-4955-9191-6dc4fd691cc6.png

b7584c4a-be71-44aa-9da8-2a2793d50eef.png

5405e6fc-23cb-449b-915f-bf2c64a07ac4.png

9831eab8-a4c3-42b7-afd2-64b6a8a8efc7.png

cdc33edd-c0a3-4d4e-8df8-31c359701537.png

890d6933-7ace-4f79-a395-26d1a6230938.png

e1e8765f-9151-4397-ac4b-9d5dd7cdb5dc.png

参照02（アクティビティ）

d39a6d95-12c4-4d3f-8923-4095742f29c9.png

b506b791-6bfa-4737-a545-bea4121f77db.png

21c12b56-1b2e-410c-8756-d0a53b3f6c84.png

aae0ff65-cc68-431f-8b7e-1f507e9bb3a7.png

b88f5001-8645-4c8e-b190-0acb668140a5.png

6577cbcf-1743-4aba-89e0-4ef9c36a2120.png

648772b9-fd02-44d2-9622-92e64fcba1fa.png

1c418928-50c3-4715-8182-e3723027b799.png

c0bf33ff-6c6d-4208-9fa2-567661a70f23.png

9b2b8ac7-1399-4b2f-808b-f810987d52c7.png

c4fab3dd-2df7-4f5b-b363-bb69ecf9c0f4.png

dcba3f74-ea7e-4c23-be2b-081de7b0c156.png

92274ae2-2b2b-473a-acac-cbfa3d200cc3.png

6d167e18-1e9d-489a-88ab-3680252f65b0.png

94e64623-c1d1-456a-bf51-48b38534cc27.png

56cac310-7517-4dab-befd-18a285bb4893.png

e374f2d7-7f2f-43d8-a590-900a1c5f1c63.png

cda122b8-8c1d-4a38-bb68-cef039235690.png

dc6fec25-89c2-4d60-ac12-4e00802bef99.png

54e0b0e6-92d7-4404-9bdf-4ccee74c0db9.png

5b2f6ff0-efbe-4d77-a022-b6d73b00a92b.png

3c932fb0-fda3-4d71-97af-f4c2b7c72d53.png

ac6ce8d6-d203-4a75-aa57-9f6c13d09ba4.png

参照03（身体測定）

64a47de3-baf3-4675-9d7e-d4f01a5bb180.png

6d4f8748-e85e-4cf6-8a75-c9733879df02.png

e642eb66-5f7a-44f9-83a0-5053de0796ec.png

03540b4d-75fe-47c5-a20d-fa878e896932.png

d877b4a3-7b4e-46e5-a929-6289cf1aa903.png

5a9a9e7b-1907-43f3-8edd-76a90ae6d515.png

b554eccc-53dd-4091-ba6b-f7ad92837041.png

参照04（主な指標）

087f474b-e554-41d1-bdd0-47b3de413423.png

8f56ef2b-67ea-48d8-a870-d0e70c7279f6.png

c7dcfef7-4430-4626-b7bc-b31edbec09bf.png

ad98bc77-267a-4136-b35b-ffcc3417e3b3.png

9f99caaf-2313-49be-891d-e171fa600654.png

82ecccea-f103-46ba-add9-a3791d5beeba.png

9c77c623-3fc1-4e7e-a6e5-87b36e5a8e3b.png

1c3d93ed-337c-4c33-9139-c1b48f7191f6.png

762324bd-02fb-4f1c-81cc-52ca69efc825.png

8565dfb7-40c9-4ff8-b536-a701227bec96.png

f5e304ff-d7e5-4733-9214-e07e10e19cb7.png

eb3fc80e-79e7-475f-bef8-897f75d019eb.png

ed7c71ce-0f62-47ea-aa14-fb0aa20bd024.png

5a1b1cee-53a3-4999-b948-6e7aa22e5c3f.png

80f92763-2190-4590-b9d4-005a61811d1d.png

6862cb1d-3880-4d40-b2a0-ec3f8fef5afb.png

1ade1a87-182f-4911-a7a2-8d6375271e8d.png

b600ebbb-b173-4990-9111-ee0c3e2ffd75.png

22caa9c2-09ee-4807-a378-79da28d61b76.png

19a6d731-ccb1-4e32-8bdc-23646a359e74.png

d099af74-78d9-4325-be92-f3a9b431b8af.png

af8ba034-18ec-487e-9d17-a47316b72930.png

0322d8d2-94c5-46eb-9876-d102306b2318.png

a5662097-9f27-403b-8e6d-5095f0c97b60.png

6ceea2c6-7282-4340-b4f2-5bdf2aaef9df.png

5c4d35f6-6b2b-4314-9f5d-34d1d0f670fb.png

85621579-a307-4369-8757-c479298a8e13.png

8ae1a72c-924a-4f3a-bc12-323502cc2edb.png

3fd0321c-13ae-43e2-acf0-110782d2285a.png

0efbbe7b-15c2-4b52-9272-b92d70bbfb28.png

c57d28c1-c6ac-42eb-b434-8d2d74105f21.png

cee8e64c-e2f2-4cbd-ac54-e0166843118e.png

cce77d1d-acc9-4a10-9a3b-535717af9fef.png

9613d2b0-c64b-42cb-b708-c1755fefb78c.png

4c44d3a2-2019-438a-aabe-c52bb836a0eb.png

eaad30d1-98a2-4201-bdbe-bf7299308c28.png

8ac544fe-a34e-4207-9f9b-ca4e0cad83f7.png

参照05（栄養）

5600454f-3cd4-4413-8a82-162eb11bff9d.png

59244837-62a7-4f53-aae2-48249b1f9a38.png

391b0f7f-ba56-41a6-af0d-c7b37d0a3f47.png

c4d89713-668f-475c-84f8-75558e56f9ab.png

0995d68f-259c-45a8-bab6-3afb8d6d8233.png

9c4165cd-395c-418b-a305-9a570825a912.png

92a28442-f26b-440f-b0fd-d379c890aef9.png

f39aebbf-235b-46d3-8a00-1666e0414932.png

b7eb6f1f-b7c3-40db-9228-181ea576d189.png

16e16343-78be-491d-a9ed-448d99ffb0a0.png

c6e4b2f5-82de-4b07-98e0-a38389237f1b.png

cb27eef9-0e10-4abc-98fd-f5abaa71ada1.png

41ae325a-e1f3-4749-809e-167fbd630d0d.png

3cc4614a-1a5c-4f44-ad61-6d809c2e26fb.png

参照06（睡眠）

bdd4cf76-da94-4330-b1a3-793de11e9549.png

db28033c-f06e-4268-a606-f0c7d1eb9aae.png

e49da456-4d08-444e-85c8-2b303319a1a1.png

d5f0c193-efd5-4db3-8679-4aa5ee6f101e.png

63e537ef-0ca2-4939-b79f-fb13fd9ae2bd.png

cd1a5b37-4ec4-4d42-acd1-c3d3d4c33864.png

0be82c0e-ec9e-453c-9aa3-d145dd3ebfb0.png

6a6f6d52-6765-44d5-82cb-2e0995a37886.png

プロフィール

eab6d172-3155-4bfc-b33b-29c8b9d31e73.png

dfe05a60-d9b3-4603-96c1-24332dfd7c9b.png

facd7439-aeb0-49ca-ac24-881992a2fee5.png

18c1daff-999b-41db-bcda-f184d57bcf01.png

b8507368-eba7-43c0-beb6-52bbc8072f53.png

09f8fb1a-e080-4571-b191-29ec06e82c03.png

「Google Fit」のUIデザイン一覧（2022年4月版）

Google Fit

オンボーディング

ホーム

関連アプリ