2023-10

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

スポーツ

オフラインでも現在地がわかる登山MAP・位置情報アプリ

YAMAP

オンボーディング

75e0511f-eecc-4b9d-8d2d-89a13c73c93b.webp

d19e31b7-60dc-4a42-bb26-fbe882d2470c.webp

6e5873bb-542d-4aa1-91d7-3be93552b0d2.webp

70b5128b-f3eb-46f0-87a2-e5e868fa6eb3.webp

2dd316d8-23ab-4869-9a8d-3301d3dad28f.webp

8a8e970e-70f7-4de5-9d31-435fce7e5301.webp

c5739df5-0f89-450a-81fb-e87a1076589e.webp

867ff1c9-f9f5-498b-bbbc-1c041d65d33b.webp

e8f26160-5923-402f-8c7f-7e1bbf34bb58.webp

3e50eecb-aa45-470d-a967-c8e815cde95e.webp

fa659b97-211c-41b9-bd13-ef1e6b06fbde.webp

7fd69001-4160-449f-b051-cd3c1873b50e.webp

f20d3c35-53c4-446e-a38c-294cf231dbf8.webp

97b4ef7c-8239-462d-a4fe-d2b31054f6c7.webp

a7672b94-f766-4ae7-aca6-6723555be9fe.webp

11eeb4ea-a3ed-402a-80b4-03f039a80446.webp

ホーム

c37c1f0c-be5a-4b9f-bd1f-a972ed604482.webp

898646b0-d524-417f-8c8f-f8fe1ee6ec09.webp

8975e477-2a3d-439e-a42a-3a93ff0d4c38.webp

4e44e976-fdfb-441a-b049-544aef957532.webp

7519e5f6-0e6d-4ccc-8ee7-c366319d0752.webp

3090e5e4-e4c0-46f0-ba6a-d7cb93fa780c.webp

8b117f77-c356-4c65-9073-7c6d0580af3d.webp

タイムライン

444c55bf-d9da-4a2b-a812-96ed5278587f.webp

fef3c88f-5d96-4b66-990b-a975ce958f85.webp

a2d30207-22cd-4e17-a29b-e886ce24f464.webp

f849bc0e-d22e-4ab3-ab68-f5aab7481309.webp

b8f425c8-382c-47fa-ad81-431637f0a983.webp

b55c502f-fc6a-4274-9b5d-c52935717246.webp

ff37ccc9-7d04-497a-b92e-c39bc377f195.webp

fe8ebffd-a343-4b62-8680-5780086e6709.webp

27dd97d6-fc84-4cb4-9ef5-83d2ebec4e1b.webp

841f7e76-bfe2-44eb-8cf4-7059318702da.webp

691fa088-76ec-4471-80f7-0670ca9f8f5f.webp

982871c6-1e50-462b-9229-ca829efb1a44.webp

fa95ea54-6ec9-49a5-8f41-3396fba967c4.webp

30aae8b5-4c03-47ea-90c9-0a7e92ea8166.webp

6114748a-f3a3-479e-b5c3-021a57f1fbca.webp

1eaa0d3a-f2fe-42e7-8a94-6c610bb2004f.webp

74695fb3-35ed-4b71-a1c7-a4d9478ad0a6.webp

17786dd2-9acc-46d2-bc4a-fdbd1003c246.webp

cbe98719-bc75-4b8f-b183-521d9ce68f11.webp

d222e560-40a9-47bf-b8c6-4ac07f0434e9.webp

45233b2a-91a2-460d-b8bd-d6470631c199.webp

b2553588-3fa8-4167-9b7f-af542dd095f8.webp

21be8f9d-5569-40f8-bdb2-e370abffab8f.webp

5f3c513e-07aa-43ba-9dc6-453d54c039e9.webp

2ae4d849-078e-44bb-82f8-43dbc3f9c4f8.webp

08e19f3e-dfb4-4013-b785-d71128bc2571.webp

YAMAP RENTAL

26d53b9c-d40f-4985-a5f6-3b5b7a2a944e.webp

19296d6a-d8ce-4acf-9b2c-f680974015e7.webp

8b9d601d-26bc-41e0-b146-4491cf780e79.webp

823c94e7-d8e8-4f30-b3eb-6bbf59b81ede.webp

5fe6b0a8-be5b-4612-80e4-526609d52bc2.webp

f313cce5-3621-4151-b007-919849dcd8a8.webp

aaee9192-e415-44a8-9135-73bb33b8a086.webp

7cf3851e-cb11-4488-a241-ce2061162b33.webp

e7604020-0bd7-4aac-807e-6138f40276e5.webp

f7db33ec-1b2a-491b-bffe-958de87291b4.webp

12259aaf-f015-474f-9c0b-ec51d5ac7e64.webp

29d599e1-7063-4c95-a37e-dc0717875b92.webp

c7ff362f-e9b5-43da-b185-518ae660160e.webp

f22f7e8f-4efa-4713-92fc-36bbb3f34139.webp

e7b2d682-ba8d-4afb-a6c0-4e84a7ef9c15.webp

ed08e52d-7479-45f3-92ff-ed54a88f0956.webp

758b1dc8-14f2-4838-b9ed-4ef44a7c07a6.webp

5790cd4a-3636-4f4e-ad26-a8356b5fade8.webp

9d9d4696-201c-43cb-a115-199172c2db62.webp

8f9e1f2e-b657-47fb-b762-4e73b2baf708.webp

8466ffa7-71c2-47bd-aa57-b5d61893fd66.webp

YAMAP MAGAZINE

1f0c4975-bd4f-4cd3-9ee9-20e8260809e0.webp

cd3af06e-34d7-4511-a297-cd3df60f7490.webp

bb8a98f2-f19d-421f-b7ba-271f9e3015f9.webp

3b595e44-eb75-4982-8392-6e74834da92b.webp

1871bc22-d9eb-44fd-826d-570825ce676c.webp

e18bf150-df4c-4961-8197-ae98df748bbb.webp

b17a263f-454f-4119-b9a0-d9419dee98e1.webp

bb827ab4-747f-4717-864e-34bfe01e6bf9.webp

f871266b-d7cd-4b64-9bed-b54e132b28fa.webp

98201edf-af64-41c7-a665-3d5847fd80cb.webp

ストア

13d41f77-2121-4594-932b-da91ffffd73d.webp

ec2ab15b-ca64-41a4-b7cd-18e5e85c4d58.webp

81f473ff-b5c4-49f2-8ecf-7806195581bb.webp

048b2418-44e2-4368-b6fb-6f7a785cd633.webp

68e1ab87-3051-419e-bf88-4f64f95e8dd5.webp

a130a060-4369-4144-b895-c02dbeadd104.webp

a0183d09-16df-4d4b-bc09-7f92b107f5ea.webp

b177d7f9-f65d-499e-b9e0-8343950e8aed.webp

b35d6e22-42ec-46a7-94d0-15c9a3eecc1b.webp

6e8edaa8-4ec4-49cf-b803-c1ca9e8d866f.webp

78954e0b-2725-4de4-8dbc-ca9ed94a253f.webp

ee599300-0652-46ed-be14-1d0006768a8e.webp

01303a8c-faab-4c1d-a246-3b08e5722f49.webp

e52066d6-8174-4bf7-b753-2f63a3f1e6e3.webp

9cea8131-26ae-4796-bcc7-94043719cb16.webp

5c4006c1-d4fd-458e-af32-bdbc24c9a516.webp

4a493fea-55cb-4dd7-a850-401b0da4b122.webp

cd3c7fce-b359-45b7-8734-9c1019117289.webp

f25017a5-ae02-4c6c-b8a4-b98c2cb024c7.webp

637fecfc-5bcc-4225-9b1f-986b12790be6.webp

44d80cb6-dce4-4b8b-888a-a1c506c2e814.webp

c7b86615-3290-48df-800d-bb6c9180a375.webp

276755f7-7a04-49a7-986d-3ffe935810c1.webp

c3002197-4a33-4f17-a6ad-30e18e54a25c.webp

73520794-5190-42bf-a4be-ba245e5a4923.webp

5f45c12d-4d30-4cb4-a807-f61fbdb55e63.webp

d88bb3a3-11f6-422c-91b8-a2eb4b3743a6.webp

4f2b497c-ca91-4db2-9ac1-57ccd476ef8d.webp

58834496-583a-493e-ad72-e5e80ba60e31.webp

3d683fcc-90f9-40da-9f1f-453d6213b7dd.webp

9773a16d-858b-4151-b326-9d834a15939d.webp

b3128283-792c-462a-aa9a-79b805aff2a8.webp

e0e6af56-f8ff-44b3-a503-557809915638.webp

476e3dff-23b3-4369-bfef-5219d3839b86.webp

76e225b8-2564-4e94-8195-5b6c192a9b3b.webp

62a148c2-665b-48a5-b342-59c3c0ce292b.webp

0d6d21c7-c961-4b88-a814-f61cb88f9eb0.webp

5fe71d4b-76b2-4a47-ad51-f5432db513e2.webp

232097e9-9b58-44b9-a851-647a10d7fd1c.webp

84876f05-65a0-4fb1-86ab-fcaa3c61ac23.webp

e97b6425-b13d-4597-a157-c2a7b6329353.webp

05fa6026-4ad4-448b-8310-707d2cd051aa.webp

プレミアム

8b9e7df7-0e1f-4412-8875-8520cab99cc6.webp

5db39c90-e0f0-4452-95b9-b402d54c7132.webp

319bd531-3e26-461d-a75b-fb17e5852a90.webp

36831b5b-413d-4bf1-b657-76da8e3c6553.webp

6d4ef147-e48d-4ae0-991d-4e66e56deb51.webp

197783ba-9b93-4e37-a0b3-455bc3791011.webp

1c4f470b-74af-4363-a6c6-2053a2e107b7.webp

e7437682-778d-4f3d-aa2c-ee0c955a8ef0.webp

d29ab2d4-561d-4cc1-9bf2-a08fdfaff8c7.webp

4f68fd24-de50-461a-8598-37d88e700cc9.webp

cfe7159f-f506-4ff7-9391-34e53c1bbda8.webp

6f9f45f7-9994-4fd2-951e-9b4ab4135aa3.webp

bbc5d419-b83f-4971-9d5c-157c6b02e049.webp

745ce477-369d-4771-8d5c-aa6e8e3968c4.webp

9d662b6e-b986-4f10-9b3f-bb4fa001e051.webp

1ed4ab34-14a5-4856-a0fe-28ef7a3704a8.webp

421fafbf-499f-45e6-a2b8-c0eefad0aef7.webp

0406aaaa-de04-411e-bf09-25ea056fe7d0.webp

4e0dc445-6115-4dc1-9d74-64103833bf30.webp

0e926f99-8ca4-4a9e-bebe-7f02237a587a.webp

d1455c27-bab9-4171-b5eb-4b0f2f0ef5a7.webp

コース

9831e7c0-aeb0-497d-b715-ef12f976386c.webp

41390a29-570f-403e-b165-d7999acd584f.webp

8870d523-7651-46e1-bf88-3e8de23b31cc.webp

f5d22598-b2b6-4941-a8df-f6a08f102b4b.webp

18efc3f9-4133-4f5c-91ec-9418bfb0ed9d.webp

16f1409e-b797-45fa-a32f-27aee5e53f2a.webp

36e0c286-a633-4c7c-8538-ab620073153f.webp

09c9e636-8df8-4644-aec9-e1abb32d2ae6.webp

7ad609e0-aab8-4563-9f9d-abc5bdf3b341.webp

9230155a-03b0-4110-bafc-944799044dec.webp

bf6ff8a2-8f61-4110-a9ea-7bd984636cbe.webp

f5deb1d4-8097-4a4b-8317-c720134426f0.webp

90480ef7-60f8-45a4-91cb-6f097846e1e2.webp

5f60a222-43cd-4ca5-ad44-42f0115079cc.webp

df239d96-981e-4f56-9877-311925ec7b8e.webp

9f31c121-c855-4948-bf06-21ae88458b38.webp

39b495c2-3ed6-463a-9a91-9375c62b793f.webp

619b5646-49d2-431d-84b1-c3c364346d85.webp

ad5f0808-dd94-4e74-895d-bd4a6f4da8ad.webp

a025e125-6bc7-4587-8987-26ee4d0dc249.webp

70c9a54f-cc54-4256-8432-89c8dcf04449.webp

c868a0cc-25e0-4823-89d0-e1c5d93606b6.webp

cefee7e0-04d7-4ad5-b59c-705c924803af.webp

2e606562-d84d-483d-8cd7-0891cb7d4467.webp

8d554bd4-dea1-4ea8-a36d-45891a581463.webp

d4e556ac-3fa8-41c5-8efe-69103228cb66.webp

1c7de71e-8e12-42ef-8add-ee47133ad584.webp

2d925bfc-63e8-4d2d-9662-86ec3bd1b5b9.webp

44a8e8bc-a234-4689-9406-2d315a1b67e9.webp

活動日記

377dbab0-32bd-4826-b837-15429616e82c.webp

8f07ef89-9c92-4c6c-bf6c-f8ec32135dad.webp

4c72cda5-f03a-48ff-acca-55203f907329.webp

d0497112-e30b-4bc7-b14e-539124438f8d.webp

2b8820bb-9270-40e1-aa4e-d595049c5b83.webp

16640c29-5791-4c82-a5d2-67222af26f55.webp

7365a262-3015-4afe-ba57-b93947b92055.webp

3888f13f-54f3-4188-b4ad-1c3afea6cdb7.webp

681c3e48-d7e0-4b9a-b427-196e5bd34120.webp

a8edcbce-51e9-4981-a937-70ce6b6bfaef.webp

0ee39cfa-beb2-49ac-a657-518029d7f5a4.webp

6a6308a4-a673-4383-9895-18589b4a79a3.webp

fb1b3bd6-eaa2-4f42-97de-0b0fa14e81c3.webp

805df01a-e5c1-47e9-9b03-7dae2903188f.webp

b0edc5bc-b4e2-4606-bae9-40ddf514b454.webp

「YAMAP」のUIデザイン一覧（2023年10月版）

YAMAP

オンボーディング

ホーム

関連アプリ