Since the dawn of the digital web era, web-based learning resources have become more and more significant in the field of education. To a certain extent, the visual communication design of these resources influences how well students learn. In view of this, the study proposes a deep learning-based approach to visual communication design. Convolutional neural networks are introduced to automatically construct the visual communication interface, a recommendation algorithm is used to develop the system’s recommendation function, and machine translation is used to translate the language description text. The study method’s efficacy was evaluated. According to the experimental results, the research method’s runtime in a color environment was only about 37.7 seconds at 4k resolution; in a non-color environment, the method’s F1 value was 0.87 at a recommended list length of 35, which was higher than that of other methods; and when it came to the interface solutions in real terms, the research method produced 526 at 30 buttons. The aforementioned findings demonstrate that the suggested approach can successfully increase the visual communication’s design speed and performance in online learning materials and offer a suitable answer to the needs of real-world applications.