Designing the visual level of the current health code interface aims to simplify the operation process of epidemic prevention verification in digital travel and provide guidance for travel code interface design. Starting from the purpose of the visual interface design, the design problem of identification of health code and operation was summarized, then the visual hierarchy process principle was used to explore the match form between tasks with graphic elements, color and shape in health code interface from the perspective of the code application, and define the design method of optimizing code interface proved by case. The visual hierarchy design method of health code interface is proposed from information foundation, hierarchical framework, verification color, morphological task category and hierarchical text structure, especially such prominent color area, switchable card category and triangular text structure.The interface hierarchy design based on visual cognition rules is conducive to shortening the operation process of health code, speeding up the recognition speed, and helping people in a hurry to pass through efficiently and safely.