2022-10

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

フード / ドリンク

みんなが作ってる料理のレシピで、ご飯をおいしく簡単に

クックパッド

オンボーディング

0302f44b-bc2a-4fbe-a502-8702c6c20d9a.webp

f5975920-7056-4f7b-bb6c-8ae3d2116992.webp

ef990eb1-5ee9-4409-847b-4db9123bdaaa.webp

f5a4ddfc-1b75-46a6-bab6-94081f390481.webp

ceaf492d-376e-481d-97f6-6d39c80dd18f.webp

f47e5b82-9aba-42a7-bd7a-22e9d948421c.webp

2b4604c1-a91b-4d00-8ce1-132a85442ea9.webp

fd32dd6e-db8d-4b27-aabd-83bf48e70cff.webp

5cdf97d1-e9ce-470e-a5c3-faa5b8ac1fb7.webp

950c3039-743e-4236-b063-7f9962f6eb94.webp

940c0bf1-44f8-420d-9077-959ab407a252.webp

799c1a62-073c-4290-b9f7-d583256c8587.webp

18b280d3-d0d7-43eb-8291-c4af99aad6fa.webp

2e3dae6a-4093-48df-8650-66e7aa485b6a.webp

0993a226-373d-4c9e-a5db-b21134ac341e.webp

16fb61a5-5257-45ea-9c28-a41e5cc971bd.webp

21c25fef-02c7-4e50-a884-10db28ce9f6f.webp

4cc3de2a-b65a-46ac-a817-afbea9678f2c.webp

e3d96e60-7140-45fe-8927-1c9c9f50cb16.webp

f7d3e12b-ca21-4732-81f4-5bad2829c58f.webp

d91d6f85-26cc-47a6-9e45-225f15029edb.webp

3d7bb0c4-f5d0-4e6c-94f7-8283917b266a.webp

da40d8b7-6e8c-49b2-a486-8f5b2664ec67.webp

91d94e83-16f7-442d-98f4-628d2e67284a.webp

ea671b62-0804-424f-966b-552ac33e689b.webp

54bbd596-c23a-4bfd-9c08-c0c7b0e3ec93.webp

ee9d53cb-764c-4f80-8727-e4f9698c310b.webp

5f5cdf1b-d2de-44ac-82c7-c81d8525a787.webp

探す

5a4e6f1e-a36c-4bb7-b2c5-f5f0376453cd.webp

13d0aab0-30cb-46cf-9654-2fb5266fa07d.webp

53e86562-9054-4c9b-b14e-17a64401b70c.webp

1b35d182-8fde-49cb-92c0-1b25d9054918.webp

9708b1e7-8710-4f10-bb1a-239c0028a98a.webp

0447001e-ec8f-4c45-8320-37026417f464.webp

19e31ec9-221f-4c3b-a99b-cad12c45ab97.webp

0ea058a1-133a-4ad3-a026-0b186660ef1f.webp

04b47a24-b157-4988-9b4e-4a838b53c1cd.webp

b289876e-ffca-4fb7-a36b-eed1b8e0bc2d.webp

1dea156a-5d2e-4ec3-af11-166e8346a08d.webp

8150bf9f-381d-47a9-9313-3dfddbce7096.webp

60832303-ce66-4249-b3bd-c665eeed472a.webp

632f4d31-d89a-47a5-8711-c6e62e2cee45.webp

fe7cf52d-e6e6-4da4-a0fc-a98bfe61c9e6.webp

レシピ詳細

df77905f-8d73-46c4-9c2b-eed031e23dcb.webp

7308e318-8c15-4654-92bb-28359b822d0e.webp

5c9d2231-7661-417a-a896-365485e870ad.webp

0d9ccde1-24b9-4ce1-a796-516b010a5edf.webp

7135e70b-c0e6-41dc-843a-8593d8cd1cf9.webp

9940b715-3996-4931-9f09-6f3fa61b697a.webp

c35715ed-bb2c-4400-86e2-c599310f06bd.webp

e6a9455c-720c-4ec0-8a78-5415d1f17edf.webp

7da1c2db-d9ba-45d2-8d23-9e697b384dc7.webp

3d35861c-f2e4-45c6-8540-eb193e2b5b34.webp

47944180-0951-47c9-94c0-a6387a2acf97.webp

fd2dde71-ffff-459f-9ce7-0824a5f7a165.webp

0a9f77d4-3993-4695-9f89-5e94bf703337.webp

ff09a99d-4e66-4272-9f19-000f5326e762.webp

a6fc75ea-f357-465d-9cd7-ef534842d0ae.webp

8e5f1fd3-cea2-4332-b62e-d2423cda6321.webp

01721d94-8560-466e-bd0f-4c01b4fa44ed.webp

842fa26a-db8e-48f3-af7b-681b4efd71d5.webp

9cd98f35-8cc4-4154-a95d-852cba7d3d32.webp

976a0d4c-24c4-41f6-b777-359a235d8639.webp

b4f5d7a8-b0d6-441a-935e-e144012a2a43.webp

8c491f52-b204-4484-a0fb-009ca2b92cce.webp

6966fee6-df22-4d0d-a6c9-e8c819dbb309.webp

0db410c7-aa24-4bd4-b45a-f8f40673fa8a.webp

ログイン・つくれぽ

24e1e737-a61b-48f1-9ae3-bcdb7c4c1df7.webp

37cdae25-27be-4e60-95e3-221fef8af87a.webp

d37744b1-446e-4382-b077-f5dfa0d3d17d.webp

37c43486-91dc-494c-88e2-71a012e2587a.webp

6e1f1b9b-f8c8-4dfd-b50c-b54d13c26aa4.webp

9620df1c-21ae-4290-86dc-76be40defccc.webp

9ee111ba-e17e-4329-928b-7a01c31c2587.webp

030c25fd-c753-4b58-a080-ec96f73894fa.webp

8ec66c1f-a41f-4eed-a724-29ce3e34fa10.webp

65f1c61a-391d-4dbf-aa68-c09b3491878c.webp

0ae2428e-5159-4bc9-8b83-85c55edee453.webp

40a283ef-daed-4045-885f-f5116baa1814.webp

7079e705-5c86-437f-bef3-bb6d6520e3b0.webp

ec6c78e0-50be-4c05-83cb-9fe20fb84d72.webp

のせる

96bef90c-4984-413a-8053-6283193bc338.webp

d3bcd16c-cb3a-4a09-97b5-c0439cdafd3e.webp

a63482f5-9f09-4b27-8039-31bbdb5fc9ee.webp

66ce7462-52e4-498a-a76b-c7c3f8459646.webp

1793085c-f7da-4917-8395-480088e22fc0.webp

0a4d41b9-deac-4f1c-b6a0-7676e7ee108e.webp

40fe8843-7fbf-415f-85cf-dad87465b71a.webp

cc2d1d83-aaa6-43ff-ab9f-c0296d094ff0.webp

33e2aea6-81b4-4987-ba95-7c2b8659a26b.webp

d15f27de-bdd8-484e-9fd7-24c07ea329cc.webp

58e17bfc-b08f-46d8-83c2-e9ec17052145.webp

187400a7-44f9-4082-8be6-d9fd98cb8f34.webp

3e54c39b-163a-478c-aa4b-6f687f79c265.webp

1a410a95-a7cb-423a-83f6-82c3b5720a72.webp

80bd6290-4773-4e54-9e15-38daacac395d.webp

22f52a20-df1a-41e1-8ddc-75df81435b1e.webp

5f949471-854a-4635-954d-29cac9694e2e.webp

6d7eea1f-a70b-4466-adc3-34df99faabc7.webp

4e496e3e-185c-4651-b2fb-0bc5c27cf160.webp

9fe9f869-4a3c-4f3f-821e-7975e8f24d8c.webp

209e605b-25f1-4374-a2e8-f05487044437.webp

b70213b9-d0b2-495c-b05b-743687470a29.webp

3533cf73-8ad3-47c6-837e-e99aa41c9b9c.webp

5cf4aa8c-cc5a-4618-813c-a250e810fc79.webp

1e6cfca2-c16a-4d3e-b603-1aff90d6160b.webp

7c3db4dc-bb3e-45db-947f-bb9ce3e7e01c.webp

fb8eebe6-8426-439b-826b-b133798ff4cf.webp

c82d4170-b36f-41a2-878a-5aed3589701f.webp

86839202-f116-4e9d-99cf-e5c7be59f6ba.webp

cb7408f8-f96d-450f-8820-c32163c4146b.webp

acbdd1ed-4fa1-4e98-9cbc-c59ebb1d0476.webp

baef576a-a757-4a86-b10a-007f78f9e193.webp

03a8d46d-7249-4392-bb65-7468dfdd250d.webp

f6bf440f-7267-45a1-964c-4d71e80c7d32.webp

かいもの

894749f3-94bb-409a-b6cf-55d8c8ba5df2.webp

e1f429f3-55f7-432f-8a75-e9fa86c8f865.webp

5d8e7239-4286-43fd-ab31-6b284478af98.webp

dce59d25-eeb6-4ba5-aca6-6598aff5012b.webp

d8b8703a-da46-4a41-87ff-b3f805057dbd.webp

0777afe6-93c2-4798-a676-41d02ead7d86.webp

22fc6b03-5c04-49cf-a433-37a9ff89bb27.webp

bc4dcd51-6f75-4b98-83df-a73a67fe3bea.webp

e6c9bfae-f24e-41f1-ac64-802865d9d18a.webp

きろく・その他

c8bd096f-ebaf-40e6-9013-fb3c63cfd362.webp

cb7938e0-7202-4401-bc2c-499b76108081.webp

d2b77a1c-03f4-4860-98fa-4fa77cb35bc1.webp

217fc0d7-962b-4898-9a1d-74e248f788fc.webp

bd4d78a9-e46d-4848-9e63-88d518e934a6.webp

a06fcce3-fe9c-4107-916a-21f07cbfcefe.webp

83e656f6-39b5-4aac-b5d7-031b5e451261.webp

37813bed-1ec7-42bd-94c8-1e49f3b8f2b8.webp

07e86fb6-108f-45cf-9610-5f8ce4749a8e.webp

c31ff2e0-cdb2-4379-8018-bf0722d77390.webp

0fb26581-b845-40ad-a22e-6c9d5ceedbfc.webp

9ae488b8-8f2d-42a0-91e2-c692b646b113.webp

aba20445-fdc4-434d-9478-a7214fe94d3a.webp

a0a58028-1b6e-4c49-bbe5-26e0de7a7f69.webp

eded145b-3a54-42e4-b335-45056678fa4c.webp

fcbb103e-daea-4b96-ac1d-52c11a5e7953.webp

51e896e9-d5c7-4ab6-8b4c-ec8bd935e089.webp

16a22352-ed10-4312-b9fc-ae8c46fbe14a.webp

f650c406-8570-4d4f-9010-52be0329d513.webp

64f4220f-0c6d-45ca-b4ff-adfd3f118106.webp

d3994380-4edf-4676-aadb-190fbfa6762f.webp

ef793677-0682-451b-824f-206e7c4c9d65.webp

df510809-fade-4b66-9899-e0fcba470125.webp

310d774c-90c5-488c-afd0-63c157a50945.webp

566f2bf8-90de-4ef1-80b8-e26f5b60d30d.webp

c6478eea-c4b6-4101-aee3-bc7a3768a8e0.webp

734f9306-1361-4d96-bdfa-2ca122f77739.webp

4b8fbcfc-a977-4710-ab40-150f76da63d0.webp

9b203bd2-17a2-4a88-9438-e95da9b5ab03.webp

478b0170-f900-43c4-bf96-456f2feaf5c0.webp

ab3576a0-6e25-4955-bd9a-f86099a9e21b.webp

「クックパッド」のUIデザイン一覧（2022年10月版）

クックパッド

オンボーディング

おすすめ

関連アプリ