According to the current situation of blended learning mode in teaching website design, using visual communication, color psychology and cognitive psychology as the starting point, this paper discusses and researches on the design of teaching website. It achieves the innovation, improvement and breakthrough of teaching website in the diversified environment, putting learner first, and paying attention to learner’s psychological characteristics, further deepening the learning mode of "autonomous, inquiry and cooperative ".