| As a basic social unit with a considerable scale and relatively stable,ancient villages,whose changes and development have cast the foundation of China.The importance of protection and development of ancient villages is self-evident.In the era of mobile Internet,technological innovation has promoted the rapid and intensive transfer of various services and products in the traditional Internet to smart phones.H5,new media product,is a dissemination page on a multimedia platform that presents information in multiple forms.It is an innovative way of dissemination of traditional culture in ancient villages.Therefore,this project intends to use H5 as a medium to interactively design the traditional culture of Chenjiagou.While achieving the purpose of disseminating traditional Chinese villages and their culture,research on interaction design in H5 is also carried out.Based on interaction design,this article defines and explains the basic concepts of H5 and interaction design.In the research on H5 interaction design,the thesis first sorts out the five elements of interaction design,namely,theme,user,scene,medium,and goal.And then,this paper explains the importance of determining themes,locating users,combining primary and secondary scenes,enriching media forms,and clarifying goals for macro-control H5 interaction design.Next,the thesis sorts out the five dimensions of interaction design,namely text,vision,space,time,and behavior.Then,this paper explains the effect of interesting text labels,refined visual elements,three-dimensional space construction,participatory time setting,and interactive behavior design on the detailed implementation of the micro-dimensional perspective when creating H5.In the research on the visual presentation of H5,it mainly analyzes from the three aspects of white space,color matching,and the creation of overall stylized elements.Chinese style runs through the series of works,highlight the artistic conception of Tai Chi and deepen the theme of Chenjiagou series H5. |