2022-03

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

Canary

 オンボーディング

f88b367c-0e21-4f03-85f9-300cc0ab51a3.png

8161e753-9827-4062-85e1-f75f269c071c.png

4faf35a1-aa96-4f2d-9e02-535f18c0d346.png

2dad9790-67fb-457d-984f-23e06e984497.png

6764ddc5-7fb1-4267-b8e8-7521386a76d9.png

2e71c779-ce25-4f0a-a159-eaef5ac3083f.png

8fecfec7-da8c-4f27-bbd0-44ebbdfbae47.png

6b51ae9b-d477-436b-bbc3-248b5db5337e.png

73c3f09c-8d9f-48e3-a1b9-47e3a0d84435.png

1f997d25-1974-4f38-bc52-616a4464f7fd.png

ホーム（検索）

8a2b4b7d-43ef-4bc5-81d5-b941a978d0f6.png

32b08905-5804-40da-9527-eef46ea120ed.png

f8b1c021-6975-4542-a9fc-15810031b135.png

fe93deae-a956-4608-8c2a-5da82daab602.png

1869c8d8-de9f-4b1d-bd57-fa1fe4957112.png

検索

ce26fee9-3550-4ee8-861f-8546d95f5a08.png

a6705586-771e-43e3-a718-eed05274bf7f.png

adaa2be6-e94e-49b2-96f7-ee2795ad46fe.png

952822cc-2ff9-4c9c-8bfb-83b79ce38445.png

3c2eef54-556c-46ff-9a6a-21486a484274.png

f843df46-4ecc-4b03-8d41-eeaaef5d93db.png

2434d0d8-ffac-44b1-999e-8141c04b3a1e.png

cac3b9b6-73e2-4bed-8a34-7586f1705365.png

557617b5-5412-4fe1-b406-f9ce044065cd.png

f1c2dff8-aff6-4133-8927-7d3a79f66845.png

e05669b2-4474-4039-97e1-84bdff36128f.png

09bf34d1-6500-4b05-8460-29e12b505c46.png

5dd3867e-5119-4ded-ae9d-921f02ac7fc3.png

791c611b-e0ec-4055-a7d3-e387bfea1b5a.png

d007bc6f-1440-4d3b-b3ab-9e4bc4a1e911.png

386c00f3-dbbb-42f5-be8c-0f95100e8932.png

370acfea-4c27-4335-8b24-b489421758eb.png

ad70fbfd-3c27-4591-9f12-1389562bd8dc.png

c0e7d0e6-6d11-4167-9b0c-374a3436a8d5.png

物件一覧

330fe2ff-6015-4d9c-b527-ce11743471f3.png

d1fbd0e5-e056-4f7d-91c7-4bd06525d231.png

af86a833-4de1-4759-930a-e0e13b42c2f6.png

f09620d9-13ed-49de-9eb9-a4d0fe92ab6c.png

e2980c88-d8a5-41c2-8ef7-9c9ab6c45842.png

845cfd15-3dd3-4783-801a-75d8a2c2f979.png

a5262608-a1bf-422b-b87f-03eeb2bf97ca.png

e1857627-6434-4b0a-950d-91292bee6a51.png

物件詳細

f0f41271-9321-472c-91c6-beefd26a84b3.png

835880fe-f3a1-4767-beec-ea8d9c8da4a1.png

fa6df52c-a07f-4ef8-917c-27cb4931cce8.png

8366e320-5459-4041-9ae5-216d6ed705bc.png

b2f9d5ef-7404-4873-b7a3-e3023f11116d.png

9e504f9b-3d53-42e1-8d80-35af7d6a32c2.png

2176ebd5-6e2e-446f-8c51-245a37b07397.png

4349ac7d-19bb-4fd6-9ca7-0503d36f8369.png

c9e06582-3508-40ff-a604-5594db85f8a9.png

ca189f78-df97-4d3d-abed-0af221439126.png

1b707b13-2524-46b9-8781-98a77fea2d47.png

3d790f5b-e131-413f-91ee-05ff95ddabc3.png

a97a170c-047c-43d6-95df-a20dcf66fecc.png

6fdd6d92-a9a8-4369-bc20-0c222362898c.png

4f82dcd7-13e7-4b7a-9dd7-d9a4e77c1e47.png

8d0022e9-a2d9-4251-b6d2-f9efea0e6481.png

5f973ab7-8e58-454f-866b-6be30f7f3c80.png

008e08a9-5a7f-4e14-b040-2bfa09503fd4.png

02f47e53-07bc-42f1-9516-71d241c06b4f.png

お気に入り

07686ae2-7b6f-4556-a624-d3da9758634c.png

df97423f-1149-470b-9b68-a0f31dede7c7.png

79feab86-fb67-4bfd-9e7c-064842f69684.png

マイページ・その他

18b33efd-175a-44e1-8f35-12656ab595e7.png

086a01b0-c5c7-461c-99c8-c4566a855df7.png

0bb8ce05-e558-46ae-8988-3003034b0710.png

245ef294-228b-461b-9bd5-bc403fe57c23.png

2a41d67f-2df1-4f31-bcc4-b24379d129d3.png

6ba28977-9a0b-4fe1-839b-d305780ea37b.png

45794bac-660d-418a-8f67-a91696e1f7ab.png

58c5d7a0-ecfb-4b4f-94b9-dcd7331281ae.png

c0a3a785-7545-48f1-940f-46c3d5694c4e.png

c71afd84-d14d-41eb-8617-6cb779e3d51d.png

5d5929c8-17e8-4911-ba82-0a4f4313f27d.png

7fcb39a7-72a2-4271-829f-c446ae697824.png

be4d6e5a-7e08-4256-a83a-8c32ad98e67b.png

b412ebda-8ac0-464f-b14b-2d611c96d5f8.png

586cd4f5-3c4b-4710-a8aa-a0bcb0045d31.png

29655c2a-0a33-49a3-a27a-3b962b379e74.png

f98e0f64-ad28-484e-9662-58b040c1b386.png

08be2b71-4b72-4145-8849-40ed5ee4f1b7.png

0d99a9c7-9248-434f-b5c6-cb642c27b935.png

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

Canary

オンボーディング

ホーム（検索）

関連アプリ