Graphical user interface for dynamic adjustment control of window glass transmittance of electronic equipment

Abstract

1. Name of the product of this design: Graphical user interface for dynamic adjustment and control of light transmittance of vehicle window glass of electronic equipment. 2. Purpose of the product of this design: an electronic device. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Conventional design, omitting the rear view, left view, right view, top view and bottom view of Design 1-Design 10. 6. Designate Design 1 as the base design. 7.Purpose of the graphical user interface: used to control and adjust the light transmittance of the car window glass. 8. Human-computer interaction method of graphical user interface: The main view of Design 1 is the main interface of the product; click the circular button below "Cockpit Glass" in the main view of Design 1 or the waist-circular area on the right side of the circular button, the light transmittance of the glass corresponding to the right vehicle model will gradually decrease, and the light transmittance of the real vehicle glass controlled by it will also gradually decrease. The dynamic change process is shown in Figure 1-Figure 2 of the interface change state of Design 1. The main view of Design 2 is the main interface of the product. Click the circular button below "Front Cabin Glass" in the main view of Design 2 or the waist-circular area on the right side of the circular button. The light transmittance of the glass corresponding to the right vehicle model will gradually decrease. The light transmittance of the right vehicle model and the real vehicle will also gradually decrease when displayed in conjunction. The dynamic change process is shown in Figure 1-2. The main view of Design 3 is the main interface of the product. Click the circular button below "Rear Cabin Glass" in the main view of Design 3 or the waist-circular area on the right side of the circular button. The light transmittance of the glass corresponding to the right vehicle model will gradually decrease. The light transmittance of the right vehicle model and the real vehicle will also gradually decrease when displayed in conjunction. The dynamic change process is shown in Figure 1-2 of the interface change state of Design 3. The main view of Design 4 is the main interface of the product. The five numbers at the bottom of "Skylight Glass" represent different transmittance levels, and the vehicle model on the right is displayed in linkage with the real vehicle. The following takes the operation sequence of 1-2-3-4-5 to control the skylight glass as an example to demonstrate the dynamic change process of the interface. Click "2" below "Skylight Glass" in the main view of Design 4, and the skylight glass is adjusted to level 2, as shown in Figure 1 of the interface change state of Design 4; continue to click "3" below "Skylight Glass" in Figure 1 of the interface change state of Design 4, and the skylight glass is adjusted to level 3, as shown in Figure 2 of the interface change state of Design 4; continue to click "4" below "Skylight Glass" in Figure 2 of the interface change state of Design 4, and the skylight glass is adjusted to level 4, as shown in Figure 3 of the interface change state of Design 4; continue to click "5" below "Skylight Glass" in Figure 3 of the interface change state of Design 4, and the skylight glass is adjusted to level 5, as shown in Figure 4 of the interface change state of Design 4. During the whole process, the transmittance of the skylight glass area in the right vehicle model and the real vehicle controlled by it gradually increases. The main view of Design 5 is the main interface of the product; click the circular button below the "Push Open Mode" of the main view of Design 5 or the waist-circular area on the right side of the circular button, and the light transmittance of the skylight glass area of ​​the right vehicle model and the real vehicle controlled by it will gradually change from higher to lower from the rear to the front of the vehicle, and the dynamic change process is shown in Design 5 Interface Change State Diagram 1-Design 5 Interface Change State Diagram 2; click the circular button below the "Push Open Mode" of Design 5 or the waist-circular area on the left side of the circular button, and the light transmittance of the right vehicle model and the skylight glass area of ​​the real vehicle controlled by it will gradually change from lower to higher from the rear to the front of the vehicle, and gradually change from Design 5 Interface Change State Diagram 3 to the start interface of the main view of Design 5. The main view of Design 6 is the main interface of the product. Click the left front window area or the circular icon at the left front window of the vehicle model on the right side of the main view of Design 6. The light transmittance of the left front window glass of the vehicle model on the right side and the real vehicle controlled by it will gradually decrease. The changing process is shown in Figure 1-Figure 2 of the interface change of Design 6. Click the right front window area or the circular icon at the right front window of the vehicle model on the right side of the main view of Design 6. The light transmittance of the right front window glass of the vehicle model on the right side and the real vehicle controlled by it will gradually decrease. The changing process is shown in Figure 3-Figure 3 of the interface change of Design 6 Changing state diagram 4; click on the left rear window area or the circular icon at the left rear window of the vehicle model on the right side of the main view of Design 6, the light transmittance of the left rear window glass of the vehicle model on the right side and the real vehicle controlled by it will gradually decrease, and the changing process is shown in Design 6 interface changing state diagram 5-Design 6 interface changing state diagram 6; click on the right rear window area or the circular icon at the right rear window of the vehicle model on the right side of the main view of Design 6, the light transmittance of the right rear window glass of the vehicle model on the right side and the real vehicle controlled by it will gradually decrease, and the changing process is shown in Design 6 interface changing state diagram 7-Design 6 interface changing state diagram 8. The main view of Design 7 is the main interface of the product. Click the front windshield area of ​​the vehicle model on the right side of the main view of Design 7, and the vehicle model on the right side will be displayed in conjunction with the real vehicle. The dynamic change process is shown in Figure 1-2 of the interface change state of Design 7. The main view of Design 8 is the main interface of the product. Click the skylight glass area of ​​the vehicle model on the right side of the main view of Design 8, and the vehicle model on the right side will be displayed in conjunction with the real vehicle. The dynamic change process is shown in Figure 1-Figure 2 of the interface change state of Design 8. The main view of Design 9 is the main interface of the product. Click the rear windshield area of ​​the vehicle model on the right side of the main view of Design 9, and the vehicle model on the right side will be displayed in conjunction with the real vehicle. The dynamic change process is shown in Figure 1-Figure 2 of the interface change state of Design 9. The main view of Design 10 is the main interface of the product. Click the left front window area or the circular icon at the left front window of the vehicle model on the right side of the main view of Design 10. The light transmittance of the left front window glass of the vehicle model on the right side and the real vehicle controlled by it will gradually decrease. The changing process is shown in Figure 1-Figure 2 of the interface change state of Design 10. Click the right front window area or the circular icon at the right front window of the vehicle model on the right side of the main view of Design 10. The light transmittance of the right front window glass of the vehicle model on the right side and the real vehicle controlled by it will gradually decrease. The changing process is shown in Figure 3-Figure 3 of the interface change state of Design 10 Changing state diagram 4; click on the left rear window area or the circular icon at the left rear window of the vehicle model on the right side of the main view of Design 10, the light transmittance of the left rear window glass of the vehicle model on the right side and the real vehicle controlled by it will gradually decrease, and the changing process is shown in Design 10 interface changing state diagram 5 ‑ Design 10 interface changing state diagram 6; click on the right rear window area or the circular icon at the right rear window of the vehicle model on the right side of the main view of Design 10, the light transmittance of the right rear window glass of the vehicle model on the right side and the real vehicle controlled by it will gradually decrease, and the changing process is shown in Design 10 interface changing state diagram 7 ‑ Design 10 interface changing state diagram 8.

Images