2022-09

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

ヘルスケア / フィットネス

カロリー管理、痩せるアプリ、ダイエット

YAZIO

オンボーディング

4ecf5fae-93ce-46a4-b2e3-5d7dc7960913.webp

e442de19-5a7f-4646-a099-1859cde066a4.webp

c0f6cbfa-5f1a-471c-b19b-08d114d1233d.webp

1cc7c577-9bbe-454a-854b-e44dbf5c10e7.webp

c850cab7-9130-42ac-86b0-b46f16c0ffd4.webp

1e47d06a-22d8-40ea-b9ae-21558232b339.webp

be63da0f-f299-4c7f-9002-c568c8bb7b24.webp

6586e7ac-6266-46c7-90c6-62d659a8a3f6.webp

26b2a7e7-5977-4e89-8189-e0d34a0730b2.webp

a2c4c197-0929-4507-a7e8-1deec660a994.webp

6c500079-8276-407e-b344-2adfb565a2f6.webp

4b5d6e74-0936-449f-8d7f-238a33cf716c.webp

71ac94e8-e956-4751-b665-abfb9a4caf8c.webp

3877c915-6600-4bcb-9f0e-5115b383a979.webp

7ecca2f7-0565-4496-998d-d76940e2d786.webp

52325c8f-6d2f-4d17-ba3f-d6a7bca8906d.webp

538f1d3f-aaa2-4fc3-a852-fe131d61d8e7.webp

47a98a0c-fdce-4c28-ad4a-75df0705b6c0.webp

05acdd35-c835-4a08-8a0b-41223bc17dee.webp

51c1d69e-cf63-4c2e-aa93-d3fcf3f28962.webp

33788be5-8afd-4b6e-a6f5-eb1ad184353e.webp

22851555-1019-4276-848d-410c44f7e127.webp

日記

1f13d2d8-6575-4a40-9397-130eea73e932.webp

c5ff10cc-30bd-4d9a-be10-1e257d0be918.webp

bab45fb3-58ed-4aeb-8922-00d2f832bed7.webp

b29000ca-15d1-48e3-8134-b4102cb872e0.webp

733dd104-ad27-43d4-a152-5083308b9b28.webp

7513a34f-0d8d-4d8d-bedf-f0e9434e98e6.webp

アクティビティを追加

ac770118-6ddc-4e59-aaab-20f6da6d09db.webp

50868084-b825-4793-91f1-b5e9fb0bca7b.webp

ad273248-8885-4979-b9ad-152f2ce6f3e1.webp

841c88d6-58ab-4a52-985c-7514480728c9.webp

826d9382-a111-44ea-8264-121343b0b049.webp

a17d2124-761b-4ce2-8646-50f710751c56.webp

3ff12154-952c-4a82-ab62-e4c5a5b06206.webp

食事を追加

2885d85e-574b-4c1a-9d0b-06072aa4ff2c.webp

b03f9135-5a29-4868-abf8-6c9d9ade5986.webp

e23465d6-e3e7-4a2e-9c21-7c5ffcb26cd0.webp

584c89f8-6ded-4431-b8f7-abb3ad06110c.webp

908cec8f-eb94-42d9-9de1-66c509dae7ee.webp

989e029c-9a6a-4d8d-a76e-9b481a83e517.webp

44f7911a-466c-4d3d-ad8d-cff74c27b1ea.webp

3b074ea8-af2b-473c-846a-c928b6a7666b.webp

b828b434-ca59-42ff-82e2-f6219d8fdd33.webp

d0a1d73c-7227-432c-b384-255fe3f13bd0.webp

食品登録

8b7e6906-45f5-49da-82de-a19609f8cc6f.webp

62715551-3d8b-4cb3-9fb6-a1b71adb8b69.webp

e0d22a70-0414-4815-9458-8391dcdddd5e.webp

685dfb8a-7465-4b28-a9ed-2817017e3aac.webp

e2e04452-d6bc-4ca2-96f4-34039dff3d79.webp

f392cbf6-23fc-43da-abc7-2c3cd893112b.webp

e89cca76-e5b4-48e8-bcc4-dd74337dd359.webp

314b690a-8431-4fee-aa5d-cbdfdc519b63.webp

8997d435-88a9-4ba5-9d98-1e64e76de60f.webp

32275d2a-4a8a-438f-9d07-317d48aafde7.webp

398f1e53-5002-4f34-9fa7-474eafccece5.webp

26cb242a-e362-4af6-ab5a-d8a483afa37d.webp

3e66ec13-539e-4bbd-93bb-7ecefa5222dc.webp

86d3cac5-2b8e-4678-9cb1-ae4cf7a90426.webp

147f4f97-7199-41d7-84ac-b618665a2aa1.webp

e09d1200-2035-40f8-9cb8-f64efdcca465.webp

10c1a956-61ff-483c-89be-c0481b3dfe90.webp

8df0afad-c128-4d6f-9d3f-0117c5f63c43.webp

edd3c4b0-3611-443a-a600-adffa57ae5dc.webp

0e740d1f-90cf-4ea8-8f04-ff7b470087e6.webp

d02ad87d-4971-4064-be17-3232f33f55be.webp

2a495ee8-4759-4ad1-ba94-d4ec4f049410.webp

71d68a35-ff44-4311-905c-fd59b2782503.webp

09594148-6bb4-45ff-bedd-f4505d699eed.webp

a802f1b7-7506-45ef-b322-2592a0df22d9.webp

c2d58c32-5fd8-4390-92a4-c8f15ee474fa.webp

cbc8512e-652e-4f6c-8541-2cbfa8844e41.webp

0dd47169-cdcd-4d07-b6d9-04f1001eb854.webp

daed423f-0717-4c37-b367-af2cc8e12ee0.webp

3688df6c-6171-47e8-a34a-8af2eff9eb0e.webp

記録・メモ

974fff43-c5ab-4405-aa68-28552784369d.webp

c00620e8-aefe-46e7-89f2-3209e4819721.webp

1d83dacc-74e4-4ad7-87d1-a50a6f9fa321.webp

ba43fb13-9211-47fa-b02b-a494626d7611.webp

643396d3-a912-44b8-9f51-be292376fc11.webp

b030b507-a584-41a4-a595-ccdbd4de873b.webp

9308a896-0da6-4a68-8a50-16046b1424dd.webp

d1629232-8ca7-468d-ae13-a37d7e62f1b4.webp

11681046-1e39-4e19-b915-0936d04c504e.webp

cf4308ae-2ef1-4be5-9d46-660eb6f89e80.webp

76d925d5-b7e7-4707-ac35-feca35e3d52d.webp

c106aaa5-112d-4378-b5de-ebfcf7b7487d.webp

e8235004-0213-4200-bc30-d900bd3ae69d.webp

a6682b0f-64cc-4009-b0e4-beb21a516193.webp

a546e5ad-a330-49fd-b901-5e1581286994.webp

4c956c20-ae67-4859-aeca-f959ded2a2b2.webp

3d196f2c-8806-46cd-9bec-806a75c4379c.webp

79072a37-1e13-4f4e-a090-acc84319c4bf.webp

b0253912-f254-4890-8677-9c59efa8551d.webp

c4a0db17-28b6-4c27-a907-e6df02bec155.webp

アクティビティ

910031d8-a270-4297-b7ab-f54840fa0c66.webp

d8c01e80-09bc-47a9-ab1b-a863a5ca64cc.webp

b8a1e4d5-ee7c-4ad3-9941-d21f24238f8d.webp

26f404dd-0525-4b0c-b1aa-07031d8c771d.webp

0897bf93-3b6b-473d-b709-39e676b81335.webp

6c4c17ae-6b33-40ae-b1de-c348165b19dd.webp

468e523c-a576-4124-b112-88b3d38ae053.webp

a945a278-1ace-439e-8ef2-2da4d026ee54.webp

分析

4332c3a6-9cc3-48bc-b4ff-74204e0fe84e.webp

c574487a-5166-4999-a0a1-bfdadbe164a5.webp

5e25b109-c678-4c77-a4e4-01b13e4407b9.webp

b0f3daa1-cbc2-48a8-af8b-052adee0e510.webp

61c08a44-bb50-498d-9fd5-6fb36ac7c943.webp

f1da7484-303c-41e7-abf8-0e22bc45af62.webp

ddf497f2-3077-4fc7-a14f-44ff83813046.webp

b3ab3d43-4376-4723-ac58-9a64856a3266.webp

12a039b9-b4af-4d69-b2e4-9ced7ffd8dd3.webp

0b338c79-8236-47c1-8373-7ad872855d25.webp

レシピ

98ea9f3e-7fd3-445b-a03c-8f32e639b72e.webp

d8250ea0-50d3-4099-96d1-db5d521c45b0.webp

90e341e7-b557-4e8b-9406-76565fe9aca2.webp

61f8124c-e42f-47fc-893f-210825768516.webp

006d3b56-4984-4491-b724-4e3f2f1e9242.webp

7c7cf8d4-e74b-4d1e-87d0-835205483e84.webp

c1529d8e-ce03-4857-acef-4e2d9a710004.webp

b6d4a433-7944-4dbd-a6ec-03bf22c569c2.webp

9e812706-0cd6-4ee3-92f0-4c3706cf7a5d.webp

7e3305ea-1e21-46c0-aef1-8afeb56d183a.webp

620298d9-24d8-41fb-a95a-fad21b6656c8.webp

1775880b-8cf3-4731-9235-b05576e7249f.webp

d1399b3c-9a23-4738-9514-6fd8d0b3f0fe.webp

0b618999-4789-47ab-9a41-3db2a017afbf.webp

2ae435ab-516d-4ab0-b753-5bc4d6c0dd84.webp

0186b35d-982d-4b5c-a476-c8764515ee06.webp

3c7a5473-b8dd-4987-ab38-a0415825feea.webp

f93ccc37-4c86-4119-b381-764fd606984f.webp

ffe955a4-2a53-408c-9c8b-41939af2f5c3.webp

938ee39a-abc6-42de-bb37-86d28e1e3d19.webp

ccf63cee-cf59-4ccc-b731-c34b44500542.webp

d7c51943-fa7f-41f8-8dba-b0e9b1195c78.webp

45b34e6c-9eb9-450b-abb0-a74fa7b50235.webp

0fe26df3-938d-461d-819c-9296aba3f676.webp

29a14489-c5f4-4127-9735-1c8e795ccd87.webp

5545ab72-e4db-4b36-bc79-4e6da253fd35.webp

3ae80640-de95-4078-afce-255a095b68e0.webp

859b858b-8a64-4518-9c95-f7591915f72c.webp

b64e5c12-c68d-41be-b53c-603956d93b5b.webp

765d4802-c5d0-4a9d-9fef-832bba3e92dc.webp

c0dec117-b988-482e-9e89-ecae575ed735.webp

cf3bc79c-fa50-4c01-ad98-424decb0bf32.webp

fb7441bd-9c60-43cc-8f12-0fcb055c6d80.webp

552818e6-2483-42d9-81de-6ccef57f08bd.webp

f2d8fe0a-eff8-45c9-a3a7-b67c460fbeed.webp

554f4eff-7bcc-4e3d-81f1-25f1960ed1a1.webp

c95633ad-b55a-4ae8-82e3-a1bc603410d4.webp

ffc0632f-c6bb-4a9e-b4b6-95672306190e.webp

ファスティング

c4e8a2c2-51e8-4613-9dd9-563d9af32f9c.webp

bfae2b23-8723-47ca-900f-fc7759522099.webp

f4d5cb69-c900-44c4-bc18-4c28cc1d4f3e.webp

5c62f2da-a98f-4f4f-8350-9d0f7a711dc0.webp

a7239a92-9ae0-4b8d-ac3f-692dfb125e8d.webp

80b637b5-1749-4452-9fac-1b211d702a0b.webp

a6a5425d-103a-42e7-8170-2c5e0d2fa563.webp

30f145a5-2ee5-4bed-8353-194c6b35db82.webp

e8cd073b-be6b-49c4-83dd-ad0e6c56142c.webp

c4a0bcc0-7225-4bd0-9e8b-61ad01ade9f0.webp

b395e520-7d68-4eab-85c6-b3a342bc5474.webp

6619bb51-e285-4803-b490-ca30a15cf4dc.webp

3e4e894a-6cc0-4f00-88cc-e36901489589.webp

edfcf37a-1517-48f8-836a-bebcd1cd522e.webp

fa1c8edc-3fde-4cef-82dc-a759c63bb85e.webp

47be8df3-6426-4e30-9e3e-cf4fd9f9fcfd.webp

6568b585-9287-4443-9268-80958749eb63.webp

a8d2693c-2167-4604-97f1-c2b20d9791ac.webp

a0527c3f-8be1-4ab8-93ca-1a072cc3637b.webp

fdcf6347-a97d-4d16-bd27-f6577a939041.webp

da949a6a-fdfd-4d5c-ad80-264cf2931322.webp

f07db1ef-e059-43a6-ae6b-0e331b090a6e.webp

a001330b-8a8c-4b90-92a9-8c791071c9b7.webp

f105ad38-2eb3-441f-926b-b2a2ceb6f7eb.webp

45f8daa9-c067-49cd-bcb0-d4b7f98d5021.webp

e061b31c-f0c5-49f7-9fad-bd579468fa6c.webp

9138e83a-641d-41c5-9ffb-baf6dd0a0a79.webp

7a687ad3-107c-4335-8d6b-f27179506fca.webp

64800de8-7001-4401-8180-dd1913b93c70.webp

0493b09d-1241-456b-9b53-1b3eb5f00fbb.webp

d71a7503-2704-4ff7-9c03-06ade479ab65.webp

c9f8faff-50ce-4b3c-a0d0-58740c3885bb.webp

768840c2-2ee4-448c-aa01-7530a6767676.webp

2c587d10-4836-4c72-ac15-46ee25a9d6da.webp

86302775-dfc9-4eee-bad5-ffcb59d2632a.webp

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

YAZIO

オンボーディング

日記

関連アプリ