2024-02

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

ニュース

ニュースと防災速報（キキクル・強震モニタ・雨雲レーダー）

TBS NEWS DIG

オンボーディング

8e1173a8-439d-481d-ad08-1b0eec80d76b.webp

4c3c9f8e-4e96-4407-b61a-8bcc1c8b12f4.webp

89a11366-ce8b-426b-9e89-97192fd0ef01.webp

c8ba0a16-e0a6-4639-8092-a9f3637397f0.webp

18a2a3f2-02b0-4cfb-96b2-897ce7b376bc.webp

bdbc20ab-7f84-4e06-9e29-43ea7587839e.webp

6a391a99-7ce5-4fa6-8714-21eb60f5c59b.webp

fd13c794-73ea-494e-9cfc-503a5886c288.webp

26326ed4-4d32-42b1-a5fe-81ad7a3bf339.webp

Today

22ed11b2-cc58-4e99-bf62-0432aea6489d.webp

9531706e-5bac-41d2-8c9d-1639a2a57727.webp

e6f3b487-ef73-40b2-a59f-25b1d69409d4.webp

6eb33789-3234-4a12-8653-ae3206976363.webp

f5d5819b-d473-465f-bcf6-2dc846418617.webp

876e1aa9-a34d-464a-bac5-5492989dcdf6.webp

2e251a8f-8448-4232-b007-6e3d16bc0a75.webp

b9fd998f-f810-40cb-b9f1-e6d5e94a9dda.webp

65f313ea-d2b2-4618-b98f-fa979dbc25f0.webp

e82f5d14-9111-4690-9bdc-c7bbaaf3a722.webp

ff39a6d3-a0de-44b9-8f79-1ba393116150.webp

55022aa4-a916-4744-b0aa-f7bc18be1216.webp

96fa5f27-ea7e-44fe-ab7d-fc0f81a99e9f.webp

c3e1fbe3-6955-4570-8d6f-0fb867000c65.webp

1b96084e-89b7-4d1b-9293-06b0c23a57e2.webp

fc27d15f-f8c8-411b-a38d-1893f1245854.webp

dcf7ba09-4f6f-4ca5-8e2d-d3f8a9259e4d.webp

92cc6ab5-8bfd-4105-9064-e2cf71211d0a.webp

e17223c6-dc89-40fe-a349-14ed31fd27ee.webp

3b93edfb-86bb-4dd8-aedf-74b13b036b0f.webp

126a58f3-0ca3-4f03-a88f-ed8b709b603f.webp

7717d345-d989-486c-952c-c9ec438a0cbd.webp

深掘りDIG

bda5089d-4ce3-4311-803a-4adbb7a1c360.webp

8eb25e6f-a68a-4ba0-8d88-1e2aa0394dcc.webp

11c7b285-9d48-489f-a954-270f5caedaa0.webp

48a97a11-9602-43ff-a814-7618eaf6acfb.webp

b55d8dc3-ceeb-46d5-a647-d869270c5472.webp

LIVE・動画

d78fd6d1-13b4-4f71-81f1-c0dc5c777787.webp

66746c31-7510-42b5-b865-da8265091c8e.webp

bd7d46e3-c084-40de-afce-1210c9953c79.webp

b467a51e-6b62-4596-ac76-78dc8a889712.webp

2532fbd3-adb1-445d-9b7f-2b42efc3f9b1.webp

8911edf2-e59a-45c3-aef6-972983ecb7b7.webp

c1afac5e-9066-42b6-b990-2d274f4eacdb.webp

d1d38940-a756-4ae6-a37f-a34c81345a2f.webp

c9314363-a8fc-46ee-8e2f-bfa3b44c8f35.webp

b44295e4-2a4b-4c33-b06a-239c71daab20.webp

93ce8cbb-3cb4-4fdb-871d-1d30c00aa544.webp

a1adee9c-2da8-494a-ba0d-261405f2eafe.webp

4d1e99cd-cef9-4f69-889b-9870f9fe90ba.webp

地域

8f9f32c5-2413-4801-9e7c-bfb47f902b2b.webp

d387d5af-592f-40d9-b10c-cee5627d42a4.webp

80fe95fa-5e69-42a1-bf58-6ab2fdbc0a72.webp

bc0d7c32-3a20-401e-b358-92af63f18da5.webp

カテゴリ・検索

5fd2e892-4fd6-4a69-b1a7-456761fc10cf.webp

a8664b6f-3a91-40f4-991c-975860feff05.webp

b87fe5a6-8896-4abe-a050-54c51bdf8dc6.webp

97365f47-ddcc-49dc-b767-8ef085bb2583.webp

14950765-310c-4abe-ab51-f2b20092a3c8.webp

b4129efa-7dc9-44aa-a81e-0fb0a3541021.webp

ニュース詳細

d4425560-2114-4da0-be2a-8b36e5fc92b2.webp

3671d746-908b-4fd1-aae8-61ae9013e6c5.webp

3c4dd9ef-9fcc-43f1-93c9-8110b7ee2350.webp

83a23f56-1733-421a-bdce-c52f8cd9a86d.webp

6e50c9c4-3f5f-4439-8be2-cd84382dba14.webp

天気

492065d7-55ac-4740-a127-6a15b48fbe7b.webp

a8f7bb3b-8771-4ae1-b69a-843cbb980e44.webp

4a3c8e70-eafc-4bea-bd6b-b34540c9aa33.webp

22469414-01fd-41dc-ba2f-983caa778232.webp

5d467a91-bf9c-4d46-8a65-e172ac0796be.webp

40290ec2-4a99-49c3-bae7-7995b2b81917.webp

e5b1a96a-cd62-4175-bb6b-5750dfd3fb3a.webp

b76e1bb6-3ab3-43b4-9b69-93a219f98af8.webp

8989916c-1133-43c8-8703-50d56d79e1e5.webp

30519be7-8e39-4b81-a543-726aeb76d573.webp

防災

2df342be-e4b1-4648-b825-5a4cb90cbff2.webp

f274f317-6ae7-45f6-8dcd-817d921f3799.webp

7bd0c2f5-0f26-4966-877c-fdce828f2108.webp

45acd6ca-3899-4b84-8222-9bc7925c7dbd.webp

39657275-819c-4b17-a9f4-89c76fc6e616.webp

016b7263-fdbf-4377-8e9b-d4c500f6e54e.webp

fdaf0578-334f-4976-8b02-27cddb90232e.webp

16869f2a-020c-4080-94bc-e8ab7a9300ed.webp

eefcc9dd-17a2-4c91-afde-5d923a28cb18.webp

22e7c346-6c9f-4028-8b86-342703b07ce7.webp

マップ

5a39f2a9-9d25-44b6-8582-68617d11d5d0.webp

e1bffeb9-329f-4250-9f64-72cc713faec8.webp

d8903942-28e5-4eb9-af54-acb4043aeda5.webp

bd378c86-1047-4536-9c0f-e5c82e047bb7.webp

47cb25fa-4599-4ec9-9aa8-849a3c447fa4.webp

3d6db751-8cb1-4fa1-9aeb-6191af080550.webp

08643cf1-9107-4019-84ac-7cf7ea433f62.webp

b350ed96-085c-4e5b-bdf8-b1e61fbf551e.webp

b4188fb6-080e-4b03-b3df-95e8247a4cb0.webp

e01ee352-49cc-4fd2-ad9b-e0a0a2e19953.webp

メニュー

adb046db-8603-494c-9b68-288edea52b89.webp

147c031e-34e8-43ad-8036-620108f14e9b.webp

981bd0dd-5d15-4d7d-9650-0434f45fa423.webp

エリア登録・編集

f94b931b-a471-4c55-aaa8-55bf20a2130b.webp

b46a81cf-5e76-4fd3-bbe2-00a87f86bf75.webp

4f4ebabc-1640-4b95-b924-f7a02c2c4011.webp

4ddc6f81-2f5e-4c6e-9f42-6351c5db1647.webp

1527226c-f3cb-4b17-bf68-b55079a6ea2e.webp

df284626-734e-46c9-a4ed-e7071e96c67e.webp

お問合せ・その他

7be1d0a1-0723-43b0-ad45-4995612e906a.webp

e985165f-748d-4c92-8467-431df6461714.webp

e5c60487-a79e-4622-bf5c-71166db77cb5.webp

89234f3d-34ae-4119-bf5b-015525151788.webp

caedd3d3-853b-43c3-a4f3-5689f6d5fde7.webp

3e6531a1-f16e-4a99-bcdd-63aa4d81d0a2.webp

6488c0f1-4f77-4bbe-8750-9cf93063d3da.webp

9490a5e7-b9a2-4873-96a6-520fac03a03b.webp

1a15dc5e-5daf-483f-8e0f-7fa8d66d4662.webp

dcc45280-2fcd-4640-8442-9e71e27e7046.webp

a60ef34d-3ec8-4542-bfbf-76391c2fe94b.webp

65775085-9589-4ce2-ae02-c353e6365af8.webp

079f5a5e-84b7-4345-ae8c-9aa8488599ce.webp

「TBS NEWS DIG」のUIデザイン一覧（2024年2月版）

TBS NEWS DIG

オンボーディング

Today

関連アプリ