2023-10

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

天気

雨雲や台風の接近がわかる天気予報アプリ

Yahoo!天気

オンボーディング

c9aad909-a523-48c1-9ff5-ac1716f39768.webp

6c8be02a-bbe6-400a-bf0c-7b8f0a996841.webp

4c56c70f-a4e4-4c31-8c86-a56dcb5da7b1.webp

2fa89210-5dd6-4c65-abb6-a04ed4dca5cf.webp

d7ebd16c-6e91-456f-92b8-a49223f7fd17.webp

094c3ec0-1659-4c9d-932b-9b4d0dfa55cd.webp

84e42d90-e24f-4ed8-a7fe-b4b6dfeeb10c.webp

ecf8fb48-a090-4c0a-988a-a72eb235fe00.webp

d1cbb9ac-6645-4b4d-a3c6-9bfec5825cf1.webp

a0b63989-b478-46dd-aba0-404f8c79f9aa.webp

1881ca61-5856-4691-9f07-ac04cb9f059c.webp

f645aaf2-0661-42a1-978a-e88fbbe91e7d.webp

a7232a45-2808-4e8e-b008-d1f36840330c.webp

ホーム

39c60474-2b4a-458f-b9be-598d0c719eb6.webp

01475ed4-016b-4d7c-8807-1059b189a71f.webp

7e653805-c778-4d78-be78-4f1dca573442.webp

a93d39a7-448a-48a2-a06f-6a333266bdf8.webp

9b84b22b-7a05-44ca-8dc5-f7a7ca1dfe48.webp

766dd110-a174-45ac-916a-4fe6e60852a3.webp

633f8409-ee1b-4a0d-b83d-28066fcb35bd.webp

7c0bf239-634f-425f-8569-d42045697ffd.webp

21a112fb-f2ab-4ddf-a29e-7ade7a6e8270.webp

443bbfaf-7ede-48c3-83e0-af513f5504b5.webp

fde61711-28cd-48a2-92c8-edc72a4226e2.webp

4fc55b8d-6be1-4316-873c-be03e296e261.webp

d5e2cc63-ce8f-4a43-a159-609cda7f9f11.webp

407bb9c6-7ff4-404c-aa94-abad39919dbe.webp

56b9f094-3d64-4ea5-9cb8-77c7568f1e3d.webp

0d7cff2e-a86c-480c-b4b4-439fd3429f6b.webp

3bf779ea-64f5-4f66-8f78-c6c30284ace3.webp

682dbad6-1628-40fa-b983-bee1279a285b.webp

481d9958-a713-43f3-a74d-80ad664e14ac.webp

61470721-8f23-4a2b-aa83-3cdb2b1c760e.webp

71851718-bf4c-41b2-b593-b9a92f036875.webp

58f2b5ad-9da3-4b50-8155-a9b0f3cab05f.webp

92e16270-c101-4d0a-aca0-4118caaa8162.webp

71ac9bfd-290d-4201-956c-1caccbe7b002.webp

6bbddbd7-37bf-4bb9-9ea7-f5bbe3ba77e7.webp

79e82d06-f88b-4986-85b6-f360ca7b32a1.webp

7a0b5372-bf4b-4140-a302-adb49cf845dc.webp

fe23c581-7bce-4226-8469-1868b0c549b5.webp

「Yahoo!天気」のUIデザイン一覧（2023年10月版）

Yahoo!天気

関連アプリ