2022-10

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

教育

Cake

オンボーディング

086114cd-1979-43c2-b788-5b3768a67638.webp

22f018ee-10b3-41f1-a6f6-7c6a8a67782b.webp

5a53deba-4168-47fe-a0cd-82dafc5fb9a5.webp

723f0772-2780-4d8d-b2ee-2cb05ff04cb8.webp

fad0f18e-dd16-468c-bdd0-4179b8e7be0c.webp

0453865f-21f6-4f4f-a227-c5cf777dd393.webp

ホーム

0ab42e4d-6d81-4628-b6aa-fabb77aa8afb.webp

71c4f808-d08e-420f-9754-acf52db60b4d.webp

cfa38215-5a25-4368-be57-4bc103b9df1b.webp

827a5efc-c346-4f66-90bf-e4935c400524.webp

d39a7394-8cdf-4594-a517-244ced75f1c4.webp

b6d08c14-5f1b-4444-9e43-72c35e1ecc9b.webp

335fcf63-045b-4466-baa6-af2e9a4c7ad4.webp

817457fa-5d9e-4a83-b4de-d45eaba9a781.webp

57b7e724-224b-46ef-b92a-29be70ffed49.webp

c152060e-1862-4c01-96c5-873d5ebc1c57.webp

0005df90-8135-4e2e-a830-0a6505434389.webp

d7e5e6e7-3493-47a3-b775-012178242a53.webp

8802afdb-70fe-41e9-9d1b-2e1bbc1d3b7e.webp

03d83eee-c4a5-4221-9d89-4e3ffc88ea11.webp

7840a93f-4aa5-41f9-83f7-fbc7a25f6c42.webp

1e3966f4-6788-46fb-bbab-c26b52176074.webp

96f36a25-90e2-49aa-ab2e-6df04c5a4406.webp

41c62858-5af3-404e-85f4-718ddf27274e.webp

9c047de1-ec5e-46f9-b464-11d7311d2c63.webp

f368998a-c4a5-48ed-95b8-b331cbb6cb3b.webp

2bd74d82-8201-4e91-80e3-c75b9dd2900e.webp

d32f97c7-efcd-43ec-b907-e2b930709752.webp

b7d2dc97-7efa-4aeb-8608-378ca7ad450e.webp

045d87ce-c842-43b1-a3c1-e76deef5603a.webp

9c17c0ae-b1ba-4596-a6fc-e7dc4459a1a8.webp

学習

c79bf4ec-d68a-40a2-a87d-3245dc3445ae.webp

77da1763-91cc-4616-98f7-9d9086cd4f38.webp

24e7ee9a-90ad-4888-8aef-376b25608a7c.webp

497e9928-af49-4eb0-9a1c-c5b655c20daf.webp

54e249b2-e4a8-4a55-ae04-bdaea25ecf82.webp

bb756d66-7d60-44a1-8287-8a34bb4b975d.webp

3916c3b2-25b7-4fe0-b35c-259ed1b4e55f.webp

9a87616f-e321-429b-b73f-d8294424152a.webp

35181edb-87de-4f3f-b2c6-47c53baec3d8.webp

480272fb-faf6-4c11-a8d3-9bd4cc604e30.webp

d5233170-65d9-4eb7-acde-d5bb67db9624.webp

00438299-6dd3-410f-a197-ea15f466d42f.webp

c156203e-f80a-472f-b271-17835b4d5cb6.webp

e3d83c2e-e98f-4720-b02d-aebb3692ce7c.webp

41ab4fda-352a-446c-819c-1b293d518912.webp

e46df392-b14d-4e84-8f47-98cfa22062a4.webp

6e3b3ace-2592-4216-82eb-20b86763cd49.webp

b9cbb0b5-e0f0-417d-9e2e-aaa86e245cdb.webp

16aaea56-110d-4982-9b18-4b7f685ee8f2.webp

9466bd14-0071-4083-85ae-5e7826c9a617.webp

cc224447-206b-4671-b7f6-e223792b7eb3.webp

68981f60-2aec-4ea6-9a88-6a94c45f80f3.webp

c454ce55-231b-4eda-903e-65b61605acee.webp

001fea46-bc72-47ee-8d62-a83c731c59d4.webp

e6c40f5f-7ef2-40e7-b151-7b291177d457.webp

098d0091-81f8-4ff7-93f1-131a836f4320.webp

9ffcf00a-1f46-4f73-b096-452811c019aa.webp

05cef455-7bec-49b9-8b26-f7ae55052135.webp

043149f5-9406-49d2-a90d-a6da34043210.webp

d3f6ebce-c7a1-4e6a-90cd-486e8e515d1d.webp

4de854a2-af4c-4ae5-aadb-ca638a9dac94.webp

6222130d-9df8-43cb-b0b5-48a9f6e0ecff.webp

87de849d-4660-4f20-929f-34f70ae2d773.webp

6f8ff902-6707-43c3-ab66-a337e1d34863.webp

f40a5d76-2d92-4393-b044-88c32bdb354b.webp

b19d161e-db72-4f52-901d-7c41ccda7a62.webp

285856fd-e148-492f-a02b-612ec349bfa0.webp

5fe6586c-7c3e-4a2a-a3f8-e3501fc00b34.webp

7cf9487a-6195-4daf-9c45-91a8c91f8a3f.webp

faeada92-214b-4976-a10b-644709a8a058.webp

bcb7757b-70ec-4930-b0cb-a52e43b9198d.webp

06938ad4-e1bd-4d12-9d86-6e7fccba9fc8.webp

a0d3aea3-3cbf-49df-9de0-a4a36bfbfe01.webp

d8648a05-8813-4e62-995e-8b5624e39b8c.webp

b239bdb0-5033-4442-bb3b-db1fbca5bff6.webp

365233d1-41fe-4b45-ba3e-51fc10c94109.webp

9f3ae4de-b5f7-4703-9215-36abb6d5118c.webp

af35fa27-aebd-4171-a8d8-fa07eff2d628.webp

f0fa2e42-a6d7-46d5-99db-7c36a2e52dc7.webp

4b6d827a-8899-48d5-845b-de7a15ae31d5.webp

182f6b3f-80e6-419c-8335-82c2e9f2e658.webp

03d7d953-d037-41d8-9975-4e52f8207fa7.webp

837dcc5a-9153-433e-be5f-6642de4e5e9a.webp

9a7a6f19-fa12-481e-9cab-43591f9dc92f.webp

4e1ca191-0ac8-4d8e-bdd8-3ebe52fb81ee.webp

43f85292-3b05-478d-b14f-22d2d1bf7557.webp

4728b03a-76ea-4ba6-9a00-5aaa85dda147.webp

5b9453d1-c93b-4c85-b013-6a42a4911dd4.webp

d9bb32d4-d3da-4c31-9271-70c7eb17cc58.webp

deb2389f-e3d4-4ddf-85a9-6f92a6f26097.webp

35412135-03c3-4234-82ce-79cefd682248.webp

680ea81b-3efd-4ddb-b678-15e265098b07.webp

1e610721-ec4f-45b3-b132-750fc853098d.webp

04d9aaa2-43e0-4804-a3a1-31e4229d8177.webp

21efb249-f7df-449f-ac60-d7d702d47b0e.webp

d058a233-60bc-44e6-ae59-dd65fe5a3d7a.webp

8322a697-599b-43b0-bf28-4caf14a42f4e.webp

deda1bc3-072a-4e26-8379-e8220b567931.webp

a1446c1c-a192-4ec1-9ded-3c0ed26b59b2.webp

b77accaf-0b38-4dad-9c1f-fa6415ffa1dd.webp

bad526bb-414a-4a52-8830-e56ce8f5c7e1.webp

15dc46f8-cea5-4d73-bf00-59979aab7553.webp

30a3d7e3-7d4c-4671-9f55-84c6d2be3f6e.webp

ad17a200-0701-4132-97f1-b4d17d94c30a.webp

48d6e954-7717-47d4-8fcb-6045fa1b0d34.webp

1b660868-96db-4e9c-8e6c-68785c407723.webp

0b5381a8-d091-40a2-8f34-fb9719a75e85.webp

31817086-4391-42a3-9483-9aea5c582bbc.webp

1f7f9668-10d6-4951-abac-40f6324b047b.webp

1c1ea603-6d12-41bc-9e5d-7f0ca010c77a.webp

f56ab794-2feb-4e8e-8c29-0f91f819a7b9.webp

2ba2ba1d-fabe-45fb-a610-e120a3d4f848.webp

2b06721e-d08b-4869-8f51-d0c6d4fbb0dd.webp

ab3ba46c-2bd6-433b-bdc8-229006ed889b.webp

2886f7d5-fb68-4620-b6d7-5cb16b253dd8.webp

cb9476bc-5205-4813-a1df-ce7b627a8d09.webp

350274f7-d5df-4f0c-bcb8-fffcee35a689.webp

32842fca-5de3-4e39-9d87-405f298d8e11.webp

2711f251-6eb5-4863-b0e7-a474c827404b.webp

c131aa1b-be9c-47ea-b99b-24f4ed6e8af5.webp

9fa507a1-55df-4197-a17d-f03895690d96.webp

bf0407ac-7f5d-45cc-a74b-4fecf628b35b.webp

b2bd0259-8287-402e-a80f-83c13af99ea5.webp

53ee2425-1472-42d8-ac8e-981894ec2449.webp

fdc657d2-5fad-484e-bb48-489e1c04b962.webp

3e143ef6-789a-4008-8cfe-b8923546ac6e.webp

a387c307-47ea-4113-907f-9100efbb32a9.webp

e52ef109-1945-4883-a13e-3668f30567f9.webp

951dc68d-ddee-47e2-90c8-6c3595329f85.webp

8dd3a266-a9b1-447e-b1d4-3148632baadc.webp

クラス

052c6291-492f-416b-8854-0d09937c360e.webp

9f74d08a-0640-404e-8dcb-fbf20774a452.webp

10c7250f-dcb0-4150-9328-a662505fd21c.webp

59180db9-9a40-4569-aa3f-aac608b538eb.webp

スピーク

b828fc5e-8784-487d-a2b8-b2f6645d4d9b.webp

dc906feb-57d8-45d5-9d92-6df7d6d1d850.webp

557763ae-9616-47c2-a8bb-94caf3b37e63.webp

db7d71f9-99e1-446d-9cf5-73928897580b.webp

3597185e-7c8b-4a9b-b83c-0c2701fa314f.webp

dff9aa7a-b0e5-4227-a340-ddfe10d6bff8.webp

673e4bff-8856-414e-aa51-1253d97a9c99.webp

cd7de121-3352-4022-a539-c5027035c0a0.webp

f1e035f0-69b2-4e43-a56c-0d34eee6eede.webp

82b9bdd9-89d3-443b-a473-aa2c0e93eb80.webp

d0d4847e-8cd5-411a-9b2a-8238f603d67e.webp

225d00bb-eb09-4c02-a58b-c67c2c024d5f.webp

ed30ea89-5e57-4c01-9b2e-b3639f39d091.webp

40621b2d-d9c3-498b-99f4-131d8128c861.webp

f82e90d0-c24d-4d4a-aaf2-13e4b9ac0e71.webp

165adc57-841a-4e67-ac4d-e105a6d56c6e.webp

076083da-e09c-4603-85a4-8ebb591e1b77.webp

3891047a-41fd-45b3-8de0-26fed31df175.webp

95190c8d-2180-4db6-bed0-07a9f8d37123.webp

cb3a202b-07a6-402a-8ff1-4a859c4f3206.webp

b71a7277-3b55-44f2-8d09-c013cd0cd3b9.webp

69ca3259-0399-45a8-ad86-b0636e6b1e24.webp

53bd3db3-d16e-48d7-996d-4d4dc9c80ecf.webp

a7c56d01-794e-4925-93e2-6cf7df0e7ad1.webp

56891454-b406-4958-9a5b-08c8be805028.webp

0139c9cf-03d9-47bf-9d30-ec206fe62f18.webp

5810b6ad-9793-4092-a5c1-ef79950837c5.webp

fe529d7f-447d-4237-819a-23891ddbdc21.webp

復習

127b7f11-54d6-4af6-800b-f58f5032f8cc.webp

9ddb8176-5acf-4389-a740-73bb3f085bb5.webp

3cd31958-1bda-4fde-b5e5-deaad1d6100f.webp

c8e9a03a-a7fd-4a44-99cb-cdbd0413f3ae.webp

76153b77-0d93-4b91-9c3e-acf250733d42.webp

65510461-9cec-428d-b7f2-ce94b9627e3a.webp

25b3f981-b320-4460-baac-0cb7d5cde2c0.webp

bfd3750d-4d7b-4dc4-9d59-8bd859686a6b.webp

5b3e67ec-bc14-44f8-aabf-0dbea01e39b6.webp

72919248-bab3-4946-bdde-24bb67f70690.webp

1832b996-db44-4486-939e-5ff2be946cc2.webp

28d204bf-a143-44fd-a51a-7aeeddb4005e.webp

7662f2ee-9782-4def-b558-5f6e76c4b6a4.webp

8dc02ecc-b52c-438f-879a-fb7a5d69a4fe.webp

5ecb7429-4071-4562-a440-401d3c700a2e.webp

b521c2d6-a222-463b-9f2f-91411bdd8996.webp

2563c769-9e32-4db4-a02d-deb73b36e222.webp

f2d64553-5634-4c88-882a-083622adf104.webp

aef5dff3-90a2-4f63-b358-9bf47b1ff58d.webp

a56cacbc-0ce9-4dfc-b5c3-4ff950522dcf.webp

03bca070-cbae-42d2-a495-082ed67be1d3.webp

f5e900ec-6bc9-4100-8fc8-2ecfd5cc792c.webp

fc2887b9-0853-4f3a-b2f8-2faee22dc287.webp

39100e20-d163-47ff-b09e-95e401dab7c0.webp

33a5bb68-cbfe-4601-afc5-3efe6505a26c.webp

1e73d247-84fd-4150-af33-ef03282c8e10.webp

226b5103-6409-478b-8d16-fc7b698e19bc.webp

0b6d0bf3-fa62-49f6-ad76-5d9313803dba.webp

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

Cake

オンボーディング

ホーム

関連アプリ