Cross-disciplinary learning aims to teach students to integrate and make connections between ideas and concepts across different fields. It helps with real-world problem-solving skills. The research adopts a cross-disciplinary perspective and creates a digital picture book titled "My Helpful Friend: Hydrogen," with a thematic focus on hydrogen energy. The research successfully developed the picture book through cross-disciplinary collaboration and invited 11 first-year college students to participate in testing. The results show that using digital picture books for learning in science improves student learning outcomes and stimulates a positive response to learning. The study not only provides empirical support but also provides practical tools and methods for cross-disciplinary learning. Future research could explore different themes and subjects to enrich student's learning experiences and promote creativity and collaborative skills in solving real-world problems.