2023-06

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

ソーシャルネットワーク

note

2022-03

ホーム・ログイン

c691024b-da2c-475d-b1e1-97b6d8057d57.webp

81b9f604-1087-4577-a6ca-90dbed1f699e.webp

09f2e3ed-23f3-4b64-8aca-2d12b3852766.webp

411a3fb2-a72b-4ee7-95ef-bbc1c567e428.webp

42ed8a92-8750-42fa-b6bf-a12823d396be.webp

4224d3d9-ff9c-448b-8c5c-a5cf8c2839e0.webp

af23f67f-d2c3-4b3b-b1a8-33a1f7a9870e.webp

d6d20d2a-fa26-4407-9a7b-18b23b5de229.webp

c75220f1-e817-4f2a-a98b-2cea1d67ce78.webp

d3f439fb-2a7e-4445-a90a-8b65e93340be.webp

0f698f7b-d0df-435e-b301-dbcabab1c2d8.webp

608392d0-2d5b-477f-82fa-938b797466d6.webp

3c29521d-7b55-4549-8c93-a0ac366135af.webp

b81b8020-0f23-4054-9b89-fe054b8fbf00.webp

a014c6ab-782b-4fda-bbd3-8f13ffe7193f.webp

3a1c1010-2743-45a2-a4f1-933429f6e940.webp

7350709f-6274-4b98-9768-d838f9dcead9.webp

2d28fb19-ba3a-4433-baac-69ab5be127a2.webp

6d54957e-f0a2-4e8c-b203-46723ce6f3e2.webp

716f423d-43a3-4463-b14d-57deb0c28f3a.webp

cc988a4d-dbea-44d5-814d-b52f33ba6a9d.webp

3adc484b-64c3-47ad-ad26-144530db9320.webp

35a8aa1f-a2c0-4afe-b0eb-191f0c1ef60e.webp

e5681c67-46e7-4722-ba40-4395bcfce07a.webp

2ab97318-d95b-4641-a625-94d93bb8ff92.webp

c989185c-b7e2-45ae-adf2-649f857347ff.webp

みつける

29a6d987-a1f5-4732-b909-041245aa78c9.webp

e86415ad-0ba1-4ea2-a8e8-4150aaa62bdc.webp

837aacc8-8ff1-4f5c-9c86-a79372bff9ff.webp

318e024a-9783-4491-ab69-15120fea2504.webp

7dceb52b-6b78-4b2a-98eb-8fae7f036943.webp

7ad9d8ef-a6a1-4e68-b6fa-fdbeaff77866.webp

3646e092-69dd-43c5-b568-b9b14cec36e1.webp

dd5ddcc5-06db-4d6c-9aea-876b76197929.webp

0a260b52-7691-415b-bd25-78190ebf7720.webp

f51d9c91-d3a8-41f0-83f1-ec0854d4d750.webp

4f8257cc-eb07-46d4-adf8-5180b3e1c08c.webp

fde80449-5b39-4f25-a869-0b3eaacc6d73.webp

a65185fc-730a-4d97-b945-5da66311468f.webp

d05c1208-5d74-44c3-90a2-51b7e338d24c.webp

e4b61f9e-0f06-4620-b441-004963537460.webp

e3b8e5b3-18e5-4b38-a0f8-4351df6b378f.webp

c5ca0774-2e79-489f-891b-ef7d80995f67.webp

72a1c915-d228-419c-9a48-d06ac58f6efc.webp

cf1e9253-2cfe-426b-afe8-d13f78d56a91.webp

335bc6cb-1079-4f94-9579-1d093b4de78f.webp

563926ae-8bb8-4e06-9f59-99b803599560.webp

7cd3d129-924c-4e68-b0d4-e5aadb95410e.webp

f5ec0259-53cd-452f-a193-13b6fa3b60dc.webp

「note」のUIデザイン一覧（2023年6月版）

note

関連アプリ