2023-04

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

ソーシャルネットワーク

マッチングアプリ タップルで素敵な出会い

タップル

オンボーディング

5b03a604-c1bd-4d52-accc-a0ad099fd9bf.webp

2f145572-da0a-4846-a5ab-088ed7aa5d37.webp

eca615ab-ffc9-4a4d-8781-56fb0d6a26e9.webp

b83222ae-6459-44bc-8ffb-2023486e4c15.webp

4c93fb26-efc5-4f47-9aeb-5512323fbb07.webp

6688f7ee-e12a-4ca9-9503-343cff391d44.webp

7b4bdecc-8fce-43c0-87be-c057e6117a04.webp

bb97dd82-3e6c-4275-b5cb-48ba8d5f3d30.webp

2bedb96e-f73d-4a5b-a0e4-0216feb29b05.webp

a2d2e9cb-5d68-48da-bade-d26129b19691.webp

8ee5329d-01d5-491b-bfe4-b1247c1c0609.webp

30ca2c25-f38c-4a03-af26-a0b133814bd0.webp

c7c487f4-f29f-41d3-b0fd-117896b2f8f6.webp

5998803f-b394-4fe3-95ff-2941cee8a24c.webp

56a7ac10-d9de-4b87-8bc1-8fdf147e31d0.webp

3aeee09d-20b6-4c15-952b-b36639da054e.webp

基本情報登録

0ada3e71-0671-4d91-b026-abafd8d2962b.webp

a266f1c2-a47c-476a-a286-40d42e838339.webp

5997eafd-a371-41a5-b9ad-c80fe87af6ff.webp

decef1b8-a6d5-4748-8ae1-4d2973a6bb77.webp

64a9eaf7-46a5-49a9-abc2-97494a0777ae.webp

ee8fcab5-b48a-4c21-b2de-d7806c54c942.webp

92202d69-c68f-4910-a2ff-e3b5154a3fe0.webp

09e23e77-2964-4e40-8f29-c16fa3096906.webp

0f46a464-6157-4b5a-8f0f-8a1ba6e48c0a.webp

2f5458d5-7829-49a2-bc22-acde5b403c86.webp

デートプラン登録

0915c4fe-5cc8-4a92-a0ef-91ca558b30b3.webp

1f3a648b-0fbf-4be5-9578-8c6a9d03ab0d.webp

951b6b19-22ed-4b9d-8fa4-f20e8100fe00.webp

311b9a4b-02dd-4e51-8513-bc840aed5820.webp

67f7e864-bb76-468d-b13e-d798112714ad.webp

39aa5a00-f7ed-45c6-bc22-7f410f6cc557.webp

91b85afa-24d9-4bbe-8c51-e51e45fec1c2.webp

bccafc12-e925-4e93-97f6-68c15b8c9a72.webp

d6b7e681-3ba8-4abe-8637-6775471f24f9.webp

2d0294ef-f120-410b-94fc-470c4361306f.webp

c3cdc958-4a69-48c4-9664-8033a9173049.webp

写真登録

bd14b69e-9976-4252-ac71-a84051e357fc.webp

a61a1710-103e-4ad9-b08a-0c641e50e0d9.webp

df4308dc-4b42-4e39-9a23-fb2d2d708091.webp

19c91fae-edda-450e-8596-a46738c18102.webp

53438ed1-f38f-4846-85b9-2e7ec403cc15.webp

cee36c35-0c8d-4595-bb31-52111a6572cd.webp

1813395d-a35a-4ccc-8441-7740d782d457.webp

28db41be-49c5-4855-8091-bb64e40645a4.webp

c22ebc5a-cf1e-47c2-a7a1-efcba35e6f68.webp

ホーム

b6af64f2-edb9-456b-be02-1985062e6670.webp

1438c559-2215-407f-ae9d-262913cfa783.webp

a5f6cbc5-d246-4ae7-87d0-6acdfa743e7f.webp

3ae9274f-f2cb-4437-a133-d9188fe34409.webp

6e2927fa-28da-46a6-a96a-afc0e8df2bd5.webp

de95798d-c7a2-4eca-8c56-05cd91806fca.webp

3f1dab7c-d37a-40e9-9d97-e6b307f81a21.webp

100ccb6f-c233-4dab-989a-b45e012b53b3.webp

0f6fa657-2957-46db-a2f3-7cb471c8d37a.webp

6df025c9-9d9c-4c15-8669-d7faa3d68f5c.webp

8d21f5e1-8c58-494b-b45c-cc4d1dd2fc4c.webp

97502ea7-76d6-40d4-83d8-f78cec22d042.webp

eddc5d61-8ce8-457d-adcb-691094006ea4.webp

78e3c7ff-68b9-4b27-a9a0-bdcd82179932.webp

500d1555-2ede-4897-9afd-53afa451b895.webp

1151a282-ac2f-4357-8eef-f23435c01f23.webp

2ef9dae1-f49d-4173-abd1-efda1bbfe696.webp

a34a307b-bb7a-486c-9818-4b87199c8ec9.webp

10d28dbd-82b7-4ecc-8c1f-71a6a9e955ee.webp

2b354397-3b90-4b18-88cf-7720ae02bf2f.webp

7dec4a0c-b336-4ab4-851b-de44bd6cdfeb.webp

8399bf91-9a0b-4cf1-a2f2-2cd1c4ae4a09.webp

ba9e7521-d5fb-46f6-8786-fa83c0b61774.webp

3ec3e7d6-3f5e-4101-8e7f-135a52d1ab96.webp

2905ba09-7822-4d8d-adb0-d74b8de21846.webp

相手から

1b2db9bd-14f1-4101-8c02-3aa9ccd32da5.webp

64a29b3b-ef16-4b53-b52d-122c0e4668bf.webp

984aed39-3f3e-4b72-bef2-4531d88def9b.webp

4ba9fa88-f995-484d-aa05-10c95f93b7a9.webp

9e6c7927-146d-4f61-994d-d977d246aaa3.webp

f2cb8b23-3308-4ff1-899e-9764bc31dad0.webp

b554d2cd-3ffd-4faa-a261-d093590c52ca.webp

c9b1b13c-8aff-4cad-a73a-8cd6820ba9a1.webp

dc8c8ea2-d441-4760-b49a-4381cfbdf648.webp

042ddfb4-2c17-43f6-a5a0-0f37565baee0.webp

24fc47c4-83a8-4459-876a-fa550b6bedb4.webp

d472f82c-37e3-431c-8033-990e9ead9103.webp

9a3142d1-648f-4109-a85b-1cbc13f4046d.webp

e08d4cde-9ac6-419f-b964-6e165b40d69a.webp

絞り込み検索

77423961-df21-4bd3-8f6d-cc9b5b56194b.webp

91657930-a1a7-45d2-825e-7884484d1ff2.webp

b7748b53-87d5-44e8-876d-5b94533188c4.webp

c726cadd-3e29-453a-8a4f-45a9542221c5.webp

3cf68e6f-3938-4c79-bb52-c41ad08cc2b3.webp

51b2d90a-01b5-450a-a97c-ddd5680079c8.webp

プロフィール詳細

1ccdb4a4-bfe5-4e43-a83a-a5289757dda9.webp

abf18275-837e-459f-9dd5-919db798a51a.webp

1e4b6fad-715c-4021-bd79-ba3fc50111ba.webp

f26abd25-a9fd-401f-afa6-9ff892e030ec.webp

b75482dd-25bb-458c-af59-73343d517fe0.webp

d112587c-7286-4d6a-807e-990bd82c88aa.webp

5f843efd-55b6-4857-8c0c-8bd63510d9de.webp

3e634ed0-2810-4956-afcc-acce4d074342.webp

8e03ee68-144d-4c7a-b5cb-8a722fc083f9.webp

43c6ffdf-85da-456f-b168-8977dc4706bf.webp

b281a40e-f95c-4863-a2ba-86466fc2547e.webp

3bb2a23d-1a56-4716-a8b6-4025432c8369.webp

2e5616e6-48ab-4662-9a82-c9f71b6ac749.webp

cb6a8337-d589-47a2-8509-e04847d18617.webp

c92db3d8-10c4-4d1b-b374-7b357aa86613.webp

3de36472-18b4-44b1-b503-93d38b9a9aec.webp

184724ec-5d25-4cf9-bf68-1207d263d887.webp

02c6d5b9-f630-4fdd-a4e6-d1a4a8497fdf.webp

914ca6b7-f3ca-40a6-9e90-eb82084083e2.webp

a07265ab-4cbd-41da-aa04-8dac5733d239.webp

23ea6cdb-a2c7-43c3-8b28-46dd44c8ddb3.webp

73a3b6c6-bfef-4c91-90a6-fd0dd1309f63.webp

f348e956-5d22-4b0f-855c-376e8e500cbc.webp

054fa2c9-89b2-4a1e-b4fe-7b14ad66dc95.webp

f0ca8d73-6e25-4497-8bf9-12920a4f8405.webp

探す

6c3c09ec-7e7c-4b53-ba86-0fb3f0510de4.webp

e03e38d5-5401-4d7b-84d3-c63bc24a576d.webp

ac025456-d7a2-4415-a63c-ec6c20e71c09.webp

8a586e6d-0e9a-459f-bc95-50c8e399558f.webp

cc383100-cb39-4047-903e-be5f18b3243e.webp

9e895e99-ce41-40b3-81d5-5161f657773d.webp

c04a5ee2-8ce1-4a1b-8312-4a0db424b092.webp

67094e70-a442-4e39-9940-8ea59af4ccda.webp

ae767742-7d12-4d5a-9c8a-16bc276bc15a.webp

c9c7cc83-289b-4eae-8ba1-0f033b8a60cc.webp

a1b86fa9-b9a5-43c9-b819-aaf357c29569.webp

04426eef-2b09-4cab-b546-f5e306f37af1.webp

e67158f0-cc3d-44ed-a23b-fd09c4da3770.webp

24b3edec-30c3-4e1f-8b06-4cb0b301d575.webp

デートプラン

48061bb1-47da-47da-bf25-66b87ae9ea4c.webp

526805da-45dd-46c7-acd9-4e3643a5e28e.webp

0f9fb584-e932-48c3-95dc-972a5095236b.webp

c4e85733-1fb0-457e-842a-d70905acbcec.webp

097f4f13-28ba-482a-9ce2-518765984ce5.webp

0fc65900-b15c-44c2-a9ba-22c003e7d886.webp

c2f60f1c-e6fb-4a1b-8edf-ce26b3121ace.webp

049df791-f1bf-4ec9-b38e-35b4c950cdcc.webp

24d129ac-785f-4dd5-bed0-270729112650.webp

eb68ceb9-6bcd-4c3e-aee0-b5669c5343aa.webp

c7e67b74-d856-45ca-9d37-e0366115464b.webp

88ad9be1-f6e0-4115-8f83-1adb5ecb3d83.webp

9c9198fd-63c6-4beb-860a-bcf51aca1edf.webp

0e474f9d-0de5-40c3-9b4e-ce8b62240ff2.webp

e906e233-9c94-45b7-b455-6c471aa04630.webp

fd4673ac-e8d1-449b-bd8d-53b37fbc0735.webp

7bd78144-895a-4210-b42b-8ccb0af94dd1.webp

bf9f3d62-7802-4690-92dd-b55851e6b722.webp

e014bdcf-647e-4b24-bd69-90026846f803.webp

93124e61-7ce6-4d22-971e-45eebd4cfbdd.webp

50843fdc-090e-493a-bfc6-9a19b4a522ab.webp

7148fb56-d799-432c-8544-027536de738a.webp

52c065e0-5cde-4510-9a7b-b9d95892ecff.webp

f0e0e5f4-87dd-4a24-ac73-f44d13002395.webp

167509c0-6bd5-43df-a10a-20ad6bbf8763.webp

本日のレコメンド

2863b132-dcdf-47b8-9ac0-e745dcca7733.webp

177e0cad-6059-4636-9b92-7b06a8696197.webp

033b1da0-7a41-41cf-8679-50f99e28ce18.webp

98d5e7f5-b4e8-4f00-9aeb-835cfd6b2cc4.webp

5053968e-3ec1-46a3-93ca-3ea6e02c4a2b.webp

おでかけ

89815b17-1dbb-4180-ab59-941da7d90c7b.webp

563876dc-a237-4b86-9080-e90da47d3917.webp

9cbc210a-c8fb-4a2f-8685-f219e0e5f544.webp

5d4f660f-7843-48c9-b415-d1bfe7ed9684.webp

bc57c1af-e7de-42c8-805d-9c0db1171730.webp

3ecab160-6589-4223-a506-1eb2e4142d7a.webp

792c2fdd-a5f0-4a51-95ad-52908483cd92.webp

404cbd78-a83d-4d6c-82b7-17eecc744d5c.webp

497ee5ce-8df7-4d55-af03-871d4fbd30cc.webp

189c0f05-b0b0-48db-98f6-402561cce6ae.webp

ab170268-0d9f-4480-aac7-308a298e75e3.webp

4e1a2881-204b-4bb9-9644-d3611e5d73aa.webp

615f143e-17bf-43de-9bf8-98a3a1f0c864.webp

67ee7135-f0ca-443e-bf3a-7911f78d40a8.webp

fca2c354-9c1b-4421-b5ed-89a059dae65c.webp

8634d562-1d1e-47bd-b9b5-04dc9ab9f052.webp

45c948a1-33b7-4a2e-b7a8-ac62a533509d.webp

やりとり

bda2c9d5-d954-40c8-9c5e-b1f03a2f6d31.webp

49b7ce25-fd2f-494c-a1b1-35fe042cc66a.webp

e2e5e5b1-5f80-4734-9c56-38ac8887d2a7.webp

45ae22de-373c-4ad8-ae2e-5aeefe6a0242.webp

e18a6969-2d31-4389-a0fa-4925f9ab2478.webp

367103d2-eb7e-473f-a214-cad162a40f44.webp

「タップル」のUIデザイン一覧（2023年4月版）

タップル

オンボーディング

基本情報登録

関連アプリ