Mobile Science Center is a Polish project that seeks to bring astronomy knowledge to wider social groups through various applications. In its development it is necessary to design a graphical interface that explains a concept that is difficult to assimilate such as spatial proportions and distances. This paper develops a framework to create graphical representations that explain this learning to the target audience of children. Important aspects of this interface are the inclusion of storytelling to guide the educational content, along with feedback and difficulty and accessibility adaptations. Regarding spatial representation, previous works highlight the use of shapes and geometric objects, cartographic tools, reference points, and comparison with known velocities and spaces. The graphical interface proposed is based on a decimal system scale that compares traveling at the speed of light with a person walking. There are 4 proposals that represent the units of this scale with different geometric shapes and interrelated structures, in addition to assigned colors and positions. Future development of this project will apply these ideas to identify the optimal graphical interface so children can learn spatial proportions and distances.