2023-08

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

メディカル

マイナポータルとの連携可能に！過去のお薬をアプリに一括反映

お薬手帳

2022-03

オンボーディング

3d9c5da6-a5ca-4cd4-a188-fc7ba054011f.webp

82bceb51-305b-42ba-a41e-16963d881b71.webp

7fdd15bd-1973-4540-9163-546b04ae089f.webp

3882ef82-4f4d-40fa-9852-ba86f3c00b31.webp

66db17cb-a544-44ae-bcfe-920c0fb0830c.webp

f6f82a7c-393d-4e07-baf5-8d86589071b9.webp

39b94949-2451-4ec4-8ec3-384819a4309b.webp

47ede63d-2de6-478e-9c7a-12ac4cbc13fa.webp

d432fc39-c16d-4387-9058-a73858326c05.webp

7df6f4f8-ced4-44a9-a62c-8b87a037f91c.webp

1fc14955-55f8-4187-84c3-8683f265b650.webp

a351c778-6fe6-4244-b727-d08d7fcb1152.webp

79477591-8fc1-41ad-b49c-40706e6e4f19.webp

55c6acb5-3a66-4b76-b732-53b892173827.webp

e0610779-4077-48e2-b20e-59011eeb39a0.webp

565c8a0a-9a6f-47f5-a4cd-c5e2e0816a0b.webp

5850c98d-a4ab-4549-9476-54e6743202b1.webp

ホーム

4edbd382-7b6d-48a8-97ee-a8cbbb259dba.webp

9723f96d-8ab8-42ae-83c1-1218779c776a.webp

e7cac51a-e331-43df-9ff2-48faa2e67808.webp

5a27bf64-c13f-4a65-8aa0-7da541bda7cc.webp

c2b6c023-4fae-40d3-9101-95223439c2f4.webp

40aca30c-eb5d-4d82-a20c-78c0b3c12eef.webp

c51c365f-4142-4724-9291-2f22dac5f27c.webp

3f9a04fa-4fdd-41ef-81d7-5459622df835.webp

e920a35c-2fd4-44d1-8e6e-44b338010b71.webp

db96a7b4-6d9d-42aa-ae84-1a9e1c79c312.webp

84dab0d7-3987-401c-be7d-807f136ee6d7.webp

e7ab5e9c-3e4e-4def-b22a-be39418ca108.webp

cb013c1f-b7bf-4ddc-9899-70f9e45a0edb.webp

df388732-8e75-4b11-aa4d-504dfc5177a7.webp

993aa903-db1e-4a41-9058-4b222d592ce1.webp

63478864-fe47-4c37-be3b-3f42971d6975.webp

2f09132f-78cb-4bd8-8f96-cfec794e1bfa.webp

24c8bc5f-078c-4877-af29-8f1d5bcdcef3.webp

4ebd3f94-7600-48c4-886f-14279c0c67e4.webp

1c3a333b-207a-422b-becd-438328ec2410.webp

512ceb49-b826-4ea8-9c91-243bf2d9bed0.webp

77850c00-134a-4adb-8898-f00cb3c7d92e.webp

acf87345-6f13-48ba-aa5d-41f48a6e5686.webp

a429dab6-0e4c-4206-8bee-3a95ad469fa8.webp

04290f03-f6ee-4078-b997-89199372d08c.webp

275a020f-374b-4373-8342-7be7ee3b651d.webp

da475d66-6731-47a0-8a15-b8e4014d47a6.webp

bec9dbe5-f072-4e64-bb3d-7d2ed32e57f7.webp

c522e732-d751-45ca-9605-e80daaca98a2.webp

554ea771-5012-44fc-a52b-bad615838134.webp

060cd785-0e2a-44a9-823c-0ab595b97a53.webp

8e2f34b2-0f2a-49a7-97ff-731bbcb42ff1.webp

79ae2a71-d687-45f1-987d-4de346cd681e.webp

ee4c5a76-0c87-4b15-ba9a-950d0098810e.webp

0725de1b-59c7-4a37-b86a-cf147fd104c0.webp

fb80fa47-cf2b-4c84-87a8-59bce1e61313.webp

9ee6e3f5-5dd6-4db4-90bb-14ce683e40b9.webp

70b8d6ce-fae8-42bf-9bca-d58d2de1d895.webp

8cd4f874-6e56-46e9-a9e9-611e26b69036.webp

「お薬手帳」のUIデザイン一覧（2023年8月版）

お薬手帳

関連アプリ

ぴよログ

ユビー

トモニテ

CLINICS