TWD214072S

TWD214072S - Animated graphical user interfaces used for dial plate of wearable device

Info

Publication number: TWD214072S
Application number: TW109302191D01F
Authority: TW
Inventors: 崔雪薇; 謝焱; 湯舒楊
Original assignee: 大陸商北京小米移動軟件有限公司
Priority date: 2019-10-28
Filing date: 2020-04-23
Publication date: 2021-09-21
Also published as: TWD212376S

Abstract

【物品用途】;本設計為一種用於可穿戴設備錶盤的動態圖形化使用者介面，所述可穿戴設備例如手錶、手環等。本設計的動態圖形化使用者介面用於人機交互，而運行程式、顯示資訊和通訊。;【設計說明】;本設計的前視圖中以一點鏈線所揭露的可穿戴設備及錶盤(顯示面板)，為本案不主張設計的部分；前視圖中以虛線所揭露之使用者介面中的圖形，即數字、文字、符號，為本案不主張設計的部分。;本設計的前視圖之變化狀態圖1至前視圖之變化狀態圖11僅顯示出錶盤(顯示面板)，而未顯示出可穿戴設備。前視圖之變化狀態圖1至前視圖之變化狀態圖11中以一點鏈線所揭露的錶盤(顯示面板)，為本案不主張設計的部分。前視圖之變化狀態圖1至前視圖之變化狀態圖11中以虛線所揭露之使用者介面中的圖形，即數字、文字、符號，為本案不主張設計的部分。;前視圖顯示本設計之動態圖形化使用者介面應用於可穿戴設備，圖式所揭露的各視圖，可由前視圖產生前視圖之變化狀態圖1至前視圖之變化狀態圖11，為多個不同變化外觀的動態圖形化使用者介面設計。;具體來說，錶盤顯示面板中顯示有重疊的圓環，每個圓環呈現不同的顏色，並且圓環呈現中心旋轉動態顯示。圓環內部顯示時間資訊和行走步數資訊，顯示面板左下方為騎行圖像，顯示面板右下方為心率顯示圖像。當使用者行走的步數顯示達到預設步數時，顯示面板中央的時間資訊縮小上移，背景數字由虛到實逐漸放大顯示至顯示面板中央，同時下方文字「步數」水平移動到中央，步數資訊消失，呈現前視圖至前視圖之變化狀態圖3的動態變化效果。進一步顯示面板背景呈現出不同大小、不同顏色的圓點並且遞進顯示，同時顯示面板中央圓環翻轉顯示，呈現前視圖之變化狀態圖3至前視圖之變化狀態圖8的動態變化效果。再進一步圓環恢復到中心旋轉動態顯示，顯示面板背景圓點消失，顯示面板中央的時間資訊下移，步數資訊與文字「步數」移動到同一水平線，呈現前視圖之變化狀態圖8至前視圖之變化狀態圖11的動態變化效果。;圖式所揭露之動態圖形化使用者介面中的色彩為本案主張設計的部分。[Use of item]; This design is a dynamic graphical user interface for the dial of wearable devices, such as watches, bracelets, etc. The dynamic graphical user interface of this design is used for human-computer interaction to run programs, display information and communicate. ;[Design Description];The wearable device and dial (display panel) revealed by a dotted chain line in the front view of this design are parts of the design that are not recommended in this case; the user interface revealed by a dotted line in the front view Graphics, that is, numbers, words, and symbols, are the parts of the design that are not claimed in this case. ; The front view change status diagram 1 to the front view change status diagram 11 of this design only show the dial (display panel), but not the wearable device. The dial (display panel) revealed by a chain line in Figure 1 to Figure 11 is a part of the design that is not recommended in this case. The graphics in the user interface disclosed by dotted lines in Figure 1 to Figure 11 of the changing state of the front view, that is, numbers, text, and symbols, are parts of the design that are not advocated in this case. ;Front view shows that the dynamic graphical user interface of this design is applied to wearable devices. Each view disclosed in the diagram can be generated from the front view. The changing state of the front view 1 to the changing state of the front view 11 are multiple Dynamic graphical user interface design with different changing appearances. ; Specifically, the dial display panel displays overlapping rings, each ring presents a different color, and the rings present a center rotation dynamic display. Time information and walking step information are displayed inside the ring. The lower left of the display panel is the cycling image, and the lower right of the display panel is the heart rate display image. When the number of steps taken by the user reaches the preset number of steps, the time information in the center of the display panel shrinks and moves up. The background numbers gradually enlarge and display from virtual to real to the center of the display panel. At the same time, the text "Steps" below moves horizontally to the center. , the step count information disappears, and the dynamic change effect of the change state from front view to front view is shown in Figure 3. Further, the background of the display panel presents dots of different sizes and colors and are displayed progressively. At the same time, the central ring of the display panel is flipped and displayed, showing the dynamic changing effect from the changing state of the front view in Figure 3 to the changing state of the front view in Figure 8. Further, the ring returns to the center rotation dynamic display, the background dots of the display panel disappear, the time information in the center of the display panel moves down, the step information and the text "Steps" move to the same horizontal line, showing the changing state of the front view from Figure 8 to Dynamic change effect of front view change state Figure 11. ;The colors in the dynamic graphical user interface revealed by the diagram are part of the proposed design of this project.

Description

Dynamic graphical user interface for wearable device dials

本設計為一種用於可穿戴設備錶盤的動態圖形化使用者介面，所述可穿戴設備例如手錶、手環等。本設計的動態圖形化使用者介面用於人機交互，而運行程式、顯示資訊和通訊。 This design is a dynamic graphical user interface for the dial of wearable devices, such as watches, bracelets, etc. The dynamic graphical user interface of this design is used for human-computer interaction, while running programs, displaying information and communication.

本設計的前視圖中以一點鏈線所揭露的可穿戴設備及錶盤(顯示面板)，為本案不主張設計的部分；前視圖中以虛線所揭露之使用者介面中的圖形，即數字、文字、符號，為本案不主張設計的部分。 In the front view of this design, the wearable device and dial (display panel) exposed by a dotted chain line are the parts that are not recommended for design in this case; the figure in the user interface exposed by the dotted line in the front view, that is, numbers, text , Symbols, the part of this case not advocating design.

本設計的前視圖之變化狀態圖1至前視圖之變化狀態圖11僅顯示出錶盤(顯示面板)，而未顯示出可穿戴設備。前視圖之變化狀態圖1至前視圖之變化狀態圖11中以一點鏈線所揭露的錶盤(顯示面板)，為本案不主張設計的部分。前視圖之變化狀態圖1至前視圖之變化狀態圖11中以虛線所揭露之使用者介面中的圖形，即數字、文字、符號，為本案不主張設計的部分。 The change state of the front view of this design Figure 1 to the change state of the front view Figure 11 only shows the dial (display panel), and does not show the wearable device. The changing state of the front view Figure 1 to the changing state of the front view The dial (display panel) exposed by a one-point chain line in FIG. 11 is a part that is not recommended for design in this case. The changing state of the front view Figure 1 to the changing state of the front view The graphics in the user interface exposed by the dotted lines in FIG. 11, that is, numbers, characters, and symbols, are the parts that are not recommended for design in this case.

前視圖顯示本設計之動態圖形化使用者介面應用於可穿戴設備，圖式所揭露的各視圖，可由前視圖產生前視圖之變化狀態圖1至前視圖之變化狀態圖11，為多個不同變化外觀的動態圖形化使用者介面設計。 The front view shows that the dynamic graphical user interface of this design is applied to wearable devices. The various views disclosed in the diagram can be generated from the front view. The change state of the front view is shown in Fig. 1 to the change state of the front view. Dynamic graphical user interface design with changing appearance.

具體來說，錶盤顯示面板中顯示有重疊的圓環，每個圓環呈現不同的顏色，並且圓環呈現中心旋轉動態顯示。圓環內部顯示時間資訊和行走步數資訊，顯示面板左下方為騎行圖像，顯示面板右下方為心率顯示圖像。當使用者行走的步數顯示達到預設步數時，顯示面板中央的時間資訊縮小上移，背景數字由虛到實逐漸放大顯示至顯示面板中央，同時下方文字「步數」水平移動到中央，步數資訊消失，呈現前視圖至前視圖之變化狀態圖3的動態變化效果。進一步顯示面板背景呈現出不同大小、不同顏色的圓點並且遞進顯示，同時顯示面板中央圓環翻轉顯示，呈現前視圖之變化狀態圖3至前視圖之變化狀態圖8的動態變化效果。再進一步圓環恢復到中心旋轉動態顯示，顯示面板背景圓點消失，顯示面板中央的時間資訊下移，步數資訊與文字「步數」移動到同一水平線，呈現前視圖之變化狀態圖8至前視圖之變化狀態圖11的動態變化效果。 Specifically, overlapping circles are displayed on the dial display panel, each circle presents a different color, and the circle presents a dynamic display of center rotation. The inside of the circle displays time information and walking steps information, the bottom left of the display panel is the cycling image, and the bottom right of the display panel is the heart rate display image. When the number of steps the user has taken reaches the preset number of steps, the time information in the center of the display panel is reduced and moved up, and the background numbers are gradually enlarged and displayed to the center of the display panel from virtual to real, and the text below "number of steps" moves horizontally to the center , The step information disappears, showing the dynamic change effect of Figure 3 from the front view to the front view. Further, the background of the display panel presents dots of different sizes and colors and displays progressively. At the same time, the center circle of the display panel is flipped and displayed, showing the changing state of the front view, as shown in Fig. 3 to the changing state of the front view. Further, the circle returns to the center rotating dynamic display, the background dot of the display panel disappears, the time information in the center of the display panel moves down, and the step number information and the text "step number" move to the same horizontal line, showing the changing state of the front view. Figure 8 to The change state of the front view The dynamic change effect of Fig. 11.

圖式所揭露之動態圖形化使用者介面中的色彩為本案主張設計的部分。 The colors in the dynamic graphical user interface disclosed in the diagram are part of the proposed design of this case.