2024-04

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

Google マップ

スポット

9e8d843f-8a54-4da6-9691-05f52357fd00.webp

58fab890-c3b3-46ad-9f22-22ddfa4cc7ba.webp

11382608-0cc1-4500-af2c-30e4593a92e8.webp

67c8b6e1-3f81-4a75-96ee-ec8aeb40d9ff.webp

63f3bb20-2e04-4e0e-831e-81e683fca56a.webp

8698627d-0246-4bae-a0ae-44fd794bc167.webp

天気と大気質

1c6b567c-f842-4bd3-9fd8-d0394d411b3c.webp

ad5ff04f-80c4-4cd3-87ff-c7a6aec6f430.webp

3a3aee23-080b-4c43-85e8-53faecd1bdf4.webp

6ca911e4-ef52-4bc4-b4cb-db20e656665d.webp

フィードバック

4ed98985-52ad-4e09-a7be-60a25c368bf4.webp

66a116d1-1a6f-44ec-b980-db27e34315f2.webp

90cd14df-d5eb-4137-b9de-ba2a719e6333.webp

94cc14ba-343a-4b6f-9bff-254a1852aa48.webp

312e63cd-d732-4803-9c8b-24991c78ac88.webp

現在地を共有

e00d34e0-ad75-4b27-8ab5-28e0fafd8f41.webp

48fa1abd-bcda-49d6-8ff0-1657ba5a1bfa.webp

b258dfe9-8e0e-4a40-b77d-464c471df015.webp

d6810f73-7f90-4c9b-9e5b-93b5b99735be.webp

07d4d15a-a194-42cf-b0e0-7ab724373cff.webp

2af45657-b638-431b-ba1d-63b887ea5e15.webp

380874c1-bc95-4dde-b4db-3331fa6ea2fb.webp

1882296d-ad5c-4851-90b7-f45c281f6603.webp

38ddff4a-cacb-46df-8be4-64c253d4e760.webp

5c26d4ce-a59a-47db-95a2-ad862d9bf651.webp

6001db62-0b7c-4aef-9cf3-135a7d9e169d.webp

fff2504b-5763-418a-8dcc-d34de255ce72.webp

7516c71a-3476-4bb4-a6d2-0f17d7c59501.webp

f45c3f01-fb3d-4ae1-a82a-5c5e126b3c63.webp

d9654c7b-5840-4aae-bd77-6393d81a1ea7.webp

f4d554bc-d97b-4fba-940e-90cce27e515c.webp

地図の表示切り替え

699b519d-794e-4393-96e1-ab168c9894d7.webp

b2a32452-9d0a-4320-b460-3e57b4b58860.webp

2355eab1-795b-4d21-9307-a56e1c9df51e.webp

a0980d7b-0d79-43a6-a172-c9ec88cccf4d.webp

1f696625-29a4-4709-8778-a09d44206e4d.webp

76a2a831-2b7e-4b1e-baa0-f49143209518.webp

cbd3dd51-ef8f-41a1-a977-d9ad6f0dd4c3.webp

58b05fd7-76d5-4075-8481-c26e164925da.webp

427beea9-b016-4c55-8ba5-c61ce0d147ea.webp

4248c819-4004-41be-95b1-5d85388e9976.webp

268dd504-c17c-4586-87dd-aac55554807e.webp

5f2400bc-ef40-419e-8b20-b03c325e0086.webp

4c7eeb61-145d-4315-a578-3786db24e977.webp

5d89ca11-3ff8-4209-a7a2-f42f34dc6b33.webp

8b320620-b41e-4d06-86d0-1a4ba563966c.webp

bb7da5e2-8136-488f-8893-2130c957f6c3.webp

bc532bcb-695d-4a8b-8ef4-bb4a9388a16b.webp

ec5a3361-dbb7-41a5-8b70-b9e3a54dc475.webp

ebb3ddbf-25a3-4dde-945d-a48d0b3d6429.webp

自宅を設定

3f269dca-de7e-4716-8320-0704e46dc861.webp

b1410f5e-52e9-486f-9109-91ed1d8ee07d.webp

f95ea266-af85-473c-8475-1e23bd1fd8ae.webp

検索

4414b73d-deef-4afa-ae9e-a9e9dd9ad129.webp

ea0c4cbd-7cdb-431a-8a4b-d39b96c223c8.webp

61891997-61e5-47d3-9956-d68027e1e959.webp

a0b53619-ead5-4a6a-ae72-db6cdbfd398f.webp

9cdd8645-d40c-49d5-a1ab-27633c8bbfb7.webp

fc5a7d60-bfc9-47aa-981a-06bb4588d254.webp

b6f721ac-c967-4580-a5f7-338b6cb3dfe9.webp

d5fc4f03-efda-4897-a97e-325b9903e997.webp

14518c31-68dd-49de-a638-526bdfe7e630.webp

ff9a18da-cea7-48fd-89e5-bad343069afe.webp

7ed3e808-4d68-4063-87be-4a090e969a5d.webp

670dd0ad-75f9-4764-9d81-6149635ca769.webp

8d166da1-8c7d-4670-99ed-d184cef4ecb1.webp

e999c8b3-951d-4489-9d08-9b230ba42582.webp

83371f8b-2876-4e6c-bf94-e64a6fae93bd.webp

検索（テキスト）

6aec1e1a-3bff-42d3-a1eb-9e41875deacb.webp

18214604-733c-4b91-a929-ca1ff627c5cc.webp

efc67ba9-8df2-45f0-8ea2-00c64ccd1cd1.webp

eacfb3e9-ce92-4e5c-9f3e-58af0b371e0e.webp

検索（音声）

19007fc3-2f1d-4c48-9dc7-1d9a25fb1bf4.webp

ff9924d7-6986-4fae-bb70-bf984e665d7c.webp

73187acc-719c-4185-b71a-493a5ddebfb4.webp

dac52310-0cda-4004-81b2-bad19c5a0bc0.webp

スポット詳細

03a26c1b-69d3-4db6-ae24-f0c41682bf96.webp

ac3631d8-034f-4c7a-bbe7-afa9384cfe9c.webp

7ce8e859-8de0-4102-9c7c-a7b0712cba13.webp

069edd2c-01c4-4c65-94c0-dfe64a10bd3d.webp

b99a8803-a852-4631-9f76-542bbf6f1d66.webp

9d08e72d-ab32-4947-a702-b82378b9bfc5.webp

b17d4fd0-52f1-434d-b441-dcba49c30765.webp

80eeb7f4-a5e5-4c8d-9106-41605b43199a.webp

ラベルを追加・編集

4e8db5e0-8e7d-4937-9cf0-0fd3bb36b92d.webp

2fcf88d4-0dba-4189-8173-f7ed859c6388.webp

3688830b-bd1a-44f2-8044-1237cb1c8bc5.webp

4d8dad81-f639-4883-98eb-1ee6b37f36fe.webp

4fcb578d-a0e8-487e-a44c-abfabe94302b.webp

7917f8a8-b40d-44ce-87d3-a5f10cc223fe.webp

d5059480-fb4b-43cd-a294-dc73e611bdf3.webp

リストに保存

c26ebe3e-9314-44de-bb22-0af3ae36fa65.webp

f73d5c5e-00f5-4409-9891-482986300d21.webp

e950825c-08dd-4ae6-9db3-9fac8c5a4d32.webp

d770a3d7-1d42-4702-bd2d-8bea11282af9.webp

3e94eed0-9945-4312-bf77-48367a4911db.webp

6d1b6ba4-2aed-4e9b-9133-e3275aa84460.webp

7508f2a8-b998-4ded-bf81-dc8308312262.webp

e0dffb4a-3e3a-408f-a526-c44cb0904989.webp

20ab6a18-1954-455a-b2c1-cf549b1a87f7.webp

f690f6f2-1bd0-49ee-9bc3-a2977959b00f.webp

メニュー

efdade6c-b274-4217-aa96-9097c903566e.webp

9f1d59a9-73a3-4115-98e8-1403a5233498.webp

口コミ

0d20e5d1-e8ae-41fd-857a-8a7594520e33.webp

acd58492-6f01-4e8f-8628-4cb262168f2b.webp

3a5325df-85c4-4bd6-b7cf-37a0523d2648.webp

7f6533eb-821b-4399-a3ad-5088183d408f.webp

a4fc5f8c-8c09-4dd6-8d0c-520ebf9edaf2.webp

b5be27af-6fe3-41d4-842f-fbb024798fef.webp

91c054b1-2e17-4e81-8ad9-1962dc5e025b.webp

d64a0d4a-af09-4720-a03e-939384952b9e.webp

ca6963d1-dc36-4f27-be59-2ef0493b2d6e.webp

c9d49a02-7576-4c18-b974-48b3a6c1ce89.webp

971caed9-959f-4a3f-aedf-c9549ec1021e.webp

1216d073-8ef9-406a-b43e-1a78b98a6b66.webp

9de91f8d-dcee-43f3-8843-603cf26ab656.webp

54a285ab-88b6-4705-a2c0-3e2be75c60a0.webp

e1d0abfc-90de-4074-ac49-613a4ca14143.webp

c6196aef-9e45-413d-93c1-0ed3e8a0998a.webp

5deeb339-69c7-4b7f-8a0a-82a3d35b7232.webp

42e26aa3-5073-4870-9b77-d19222dc91b3.webp

af373ae4-0366-4e9e-97a8-b5a71a5e1066.webp

0acbb195-a0bf-4deb-9a57-d37cf1bda6c3.webp

3ba6e1b0-0d58-4cf8-89b4-b9a224f1ea11.webp

写真

0a6ba69a-e454-4695-ae71-b9d5fadda6b2.webp

7039a0ca-d81c-4671-8a1a-f26a9ffc2967.webp

75762d03-8eb1-48c2-86fe-02edb996471b.webp

30128932-3c65-4951-920b-d21916709c76.webp

adcfa42c-1d41-4f6f-8ef7-127a1b4309c4.webp

d175ca7e-f27e-4260-a6ad-8a3f1e8671fa.webp

情報

cb6db900-db01-4eff-a658-28564083ddee.webp

195fa848-944c-4bb0-9339-50ca4d723c64.webp

c33ad93e-6c16-4665-ba14-30bff425cb48.webp

70acddd0-b3ae-4b27-8165-aee8b56f99c4.webp

4ab31f87-9b27-4d55-9da8-e9466d314c13.webp

adf25731-4d14-4467-a941-e650afa56834.webp

c0775dd1-8921-453a-aeab-f54f1c1a148a.webp

7d0f79f2-3e61-42c3-b6dc-80e546e0b0b8.webp

15b66911-e4c4-4202-a8ba-e20565fd5c25.webp

7787851f-6a07-4498-8e7b-2a1d7d10228e.webp

904152d2-5ffb-40ef-9428-2ff0bd82a12e.webp

77d0db77-9b3e-4e9b-bf28-bb5472f68968.webp

4e56a12b-2b6c-4fe2-a670-93a878d1d7db.webp

fa173139-88b5-4d0e-b4c2-cfe8596d164f.webp

dada9e5b-1574-480e-b20d-b27cf3f3c391.webp

82699f91-573d-43a5-87b2-a871405497ce.webp

6a017577-5df5-424e-a4a8-5a0d9d91d023.webp

61efba18-da48-4801-be02-3546a4b202e0.webp

経路（自宅）

aa5088ef-0fe5-4fd2-b159-277d83830221.webp

39f4d6f8-4483-4d0c-9aa4-7f0a3b796a73.webp

cea03a14-9d49-48b8-98b1-4aa4f8917a6b.webp

d30c13a0-7b32-4843-9be5-41129b2b6a8e.webp

1c5f7657-aafa-4e27-bade-86b1e01456ae.webp

ナビ

1c89a27b-9890-4201-b7d9-109a8768e6d7.webp

aab53017-93a1-4e0a-bbba-c1584fe1593c.webp

8e560aab-3b74-40a4-85f5-5cec10b50e81.webp

a6413355-7551-487c-9863-a8c0e15e41f7.webp

94722837-accb-414f-af92-f777a4f526ef.webp

3c74a7c1-26d0-490f-879f-f126491a2f72.webp

d0476752-e44c-4a9f-a9cb-7d2ca79968f0.webp

903d721c-34f4-44a1-a86e-4bd40926a616.webp

bcb7204b-602d-4262-873a-6dcf7c3d7e4c.webp

6ceeffc7-6bc9-4318-805f-7b173092f426.webp

6fc3f53d-8ea0-4646-933e-1b6da4ca9c72.webp

aec48ff6-5d74-47b2-a0cc-8ba3664caf72.webp

電車

5c67b245-5d4c-485e-9aa6-44787c91afc9.webp

cfe51821-94e9-4988-a19d-bb2012ea368d.webp

b7c53735-b963-4900-afae-0bc5857dd936.webp

b8c8958a-7924-4f23-9e5d-9336bd81e3e8.webp

5ff9239f-35ca-4207-80d8-3b5b8212818f.webp

8994bdcc-d47d-4a40-9a20-4d99d856bfd7.webp

f5a124f1-f9b0-485d-9ec1-5f5de50f9858.webp

7aa020e8-e594-4b5a-8b5a-5aa17b8cf449.webp

436dbadd-a8ac-4a91-aa78-a1747d234a71.webp

45ec44d3-f18f-4d8a-9963-4c56162b9e3d.webp

dc8eaff6-a013-4b46-aedc-e4d07cdf3b35.webp

0d00b029-916b-4369-9f69-e2df311d101d.webp

97ab2ee8-2614-4e16-bdf9-2f426a9bb588.webp

「Google マップ」のUIデザイン一覧（2024年4月版）