TWD220734S - Graphical user interface of display screen for displaying different shift condition in color block based information matrix - Google Patents
Graphical user interface of display screen for displaying different shift condition in color block based information matrix Download PDFInfo
- Publication number
- TWD220734S TWD220734S TW110306675F TW110306675F TWD220734S TW D220734 S TWD220734 S TW D220734S TW 110306675 F TW110306675 F TW 110306675F TW 110306675 F TW110306675 F TW 110306675F TW D220734 S TWD220734 S TW D220734S
- Authority
- TW
- Taiwan
- Prior art keywords
- color
- design
- work schedules
- schedule
- display
- Prior art date
Links
- 239000011159 matrix material Substances 0.000 title abstract description 13
- 230000000007 visual effect Effects 0.000 abstract description 20
- 230000002159 abnormal effect Effects 0.000 abstract description 12
- 239000003086 colorant Substances 0.000 abstract description 8
- 238000010586 diagram Methods 0.000 abstract 1
- 238000000034 method Methods 0.000 abstract 1
Images
Abstract
【物品用途】;本設計所應用之物品為顯示螢幕,例如但不限於:電腦、桌上型電腦、筆記型電腦、行動裝置、智慧手機、平板裝置、電視牆或者資訊看板所包含之顯示螢幕。;【設計說明】;本設計之整體可經由下列前視圖1到前視圖2完整揭露。本設計包含多個具變化外觀之圖形化使用者介面(GUI),透過美觀、排列整齊、較大色差的色塊、帶有專業感的一系列圖形化使用者介面,來呈現工作班表,從而傳達出效率、積極、簡潔、專業的風格與外觀設計。;本設計包含多個具變化外觀之圖形化視窗,本設計在使用過程外觀能產生多個變化,例如透過游標經過、於點擊後或按下後會產生不同變化之外觀,如前視圖1到前視圖2所示。;前視圖1係本設計的班表展示色塊矩陣GUI,其設計特點在於,GUI上方經設計用於設置搜尋條件過濾器,GUI中間約七成以上的視覺面積,則用於展示以色塊矩陣呈現的班表,配置在GUI上方的搜尋條件過濾器,提供使用者輸入搜尋條件,並按照搜尋條件將符合條件的工作排程,批次展示在色塊矩陣班表之中。;本設計提出的色塊矩陣班表其視覺設計原理在於,將不同性質的工作排程以不同顏色的色塊呈現,特別是採用與背景顏色之間的色差不顯著的顏色來展示一切正常的工作排程,採用與背景顏色之間的色差顯著的顏色來展示異常或空班的工作排程,或其他想要強調的工作排程,工作排程為例如但不限於:有服務、已打卡、服務未遇、個案請假、居服員請假、休息日工作、服務時間太短等。;舉例來說,如前視圖1所示,在搜尋條件過濾器中點擊異常按鍵,色塊矩陣班表將批次顯示符合條件的工作排程,並將一般正常的日常工作排程與正常的休息日工作排程,皆採用與背景顏色接近的顏色來展示,由於和背景顏色之間的色差不顯著,不具有強調的視覺效果,適合展示一切正常的工作排程,而將居服員請假、個案請假等預設為異常的工作排程,採用與背景顏色之間的色差較顯著的顏色來展示,以形成強調的視覺效果,適合展示有發生異常的工作排程狀況。值得注意的是,異常的部分還可以使用例如但不限於:變化背景顏色、變化底色、變化字體大小或變化標籤顏色等方式表現,如果有需要,GUI會以使色塊閃爍的方式,製造更強烈的視覺效果。;舉例來說,如前視圖2所示,在搜尋條件過濾器中點擊異常按鍵加空班按鍵,色塊矩陣班表將批次顯示符合條件的工作排程,並將一般正常的日常工作排程與正常的休息日工作排程,皆採用與背景顏色接近的顏色來展示,而將居服員請假、個案請假等預設為異常的工作排程,採用與背景顏色之間的色差較顯著的顏色來展示,而對於空班的工作排程,則採用與背景顏色之間的色差非常顯著的顏色來展示,以形成強調的視覺效果。值得注意的是,如果有需要,GUI會以使色塊閃爍的方式,製造更強烈的視覺效果。;本設計圖形化使用者介面,從視覺上適當安排各個區域與色塊在顯示螢幕上之顯示比例,加上對介面中所顯示的各種圖形元素,包含每一個小圖案等,對其輪廓形狀所進行之美術設計,以及對文字元素,包含字型、數字、字體大小等的選用與設計,再配合整體之版面安排,包含安排各元素之色階、字距、圖形與文字之位置、每項元素彼此之間的適當間距等,使得本案圖形化使用者介面之整體,在外觀與視覺上呈現出溫馨、安定、清爽易讀之第一眼整體視覺印象,並有獨特的美感,具有特異之視覺效果。;本案設計係新穎獨特之樣式,藉由獨特地設計顯示螢幕用圖像,可顯現出先前技藝所未有之視覺效果。;圖式所揭露之一點鏈線係本設計所應用之顯示螢幕,為本案不主張設計之部分。;以上說明僅供輔助瞭解本設計而非用以限制其內容,設計專利之保護範圍應以圖面所揭示者為依據。[Object usage]; The objects used in this design are display screens, such as but not limited to: computers, desktop computers, laptops, mobile devices, smart phones, tablet devices, TV walls or displays contained in information boards screen. ;[Design Description];The entire design can be fully revealed through the following front view 1 to front view 2. This design includes multiple graphical user interfaces (GUI) with changing appearances. The work schedule is presented through a series of beautiful, neatly arranged, large color difference color blocks, and a series of professional GUIs with a sense of professionalism. This conveys an efficient, positive, concise and professional style and appearance. ;This design contains multiple graphical windows with changing appearances. This design can produce multiple changes in appearance during use. For example, through the cursor, after clicking or pressing, different appearance changes will occur, such as front view 1 to Shown in front view 2. ;Front view 1 is the designed class schedule display color block matrix GUI. Its design feature is that the top of the GUI is designed to set the search condition filter, and more than 70% of the visual area in the middle of the GUI is used to display the color blocks. The shift schedule presented in the matrix is configured with a search condition filter above the GUI, allowing users to enter search conditions, and according to the search conditions, qualified work schedules are displayed in batches in the color block matrix shift schedule. ;The visual design principle of the color block matrix schedule proposed in this design is to present work schedules of different natures in color blocks of different colors, especially using colors with inconspicuous color differences from the background color to show that everything is normal Work schedules use colors with a significant color difference from the background color to display work schedules for abnormal or empty shifts, or other work schedules that you want to emphasize. Work schedules are for example but not limited to: service available, clocked in , failure to receive service, requesting leave on a case-by-case basis, requesting leave for resident staff, working on holidays, service hours being too short, etc. ;For example, as shown in the front view 1, click the exception button in the search condition filter, and the color block matrix schedule will display the work schedules that meet the conditions in batches, and compare the normal daily work schedules with the normal work schedules. The work schedule on rest days is displayed in a color that is close to the background color. Since the color difference between it and the background color is not obvious, it does not have a strong visual effect. It is suitable for displaying normal work schedules, and the staff who ask for leave are not , case leave, and other work schedules that are preset as abnormal are displayed in colors with a significant color difference from the background color to form an emphasized visual effect, which is suitable for displaying abnormal work schedules. It is worth noting that the abnormal part can also be expressed by methods such as but not limited to: changing the background color, changing the background color, changing the font size, or changing the label color. If necessary, the GUI will make the color blocks flash. Stronger visual effects. ;For example, as shown in the previous view 2, click the abnormal button and the empty shift button in the search condition filter, and the color block matrix shift schedule will display the work schedule that meets the conditions in batches, and the normal daily work schedule will be displayed in batches. Work schedules and normal work schedules on rest days are displayed in colors that are close to the background color. However, abnormal work schedules such as requests for leave for residents and case requests are preset with a more obvious color difference from the background color. The work schedule of the empty shift is displayed in a color with a very significant color difference from the background color to form an emphasized visual effect. It is worth noting that if necessary, the GUI will flash the color blocks to create a stronger visual effect. ;This design of a graphical user interface appropriately arranges the display ratio of each area and color block on the display screen visually, and also controls the outline shape of various graphic elements displayed in the interface, including each small pattern, etc. The art design carried out, as well as the selection and design of text elements, including fonts, numbers, font sizes, etc., combined with the overall layout arrangement, including the arrangement of color levels, font spacing, graphics and text positions of each element, and the placement of each element. The appropriate spacing between the elements makes the overall graphical user interface of this project present a warm, stable, refreshing and easy-to-read first-eye overall visual impression in appearance and vision, and has a unique aesthetic feeling and uniqueness. of visual effects. ;The design of this case is a novel and unique style. Through the unique design of the display screen image, it can show a visual effect that has never been seen before. ;The dotted chain lines disclosed in the diagram are the display screens used in this design and are not part of the design of this case. ;The above description is only to assist in understanding this design and not to limit its content. The scope of protection of a design patent should be based on what is revealed in the drawings.
Description
本設計所應用之物品為顯示螢幕,例如但不限於:電腦、桌上型電腦、筆記型電腦、行動裝置、智慧手機、平板裝置、電視牆或者資訊看板所包含之顯示螢幕。 The objects used in this design are display screens, such as but not limited to: computers, desktop computers, notebook computers, mobile devices, smart phones, tablet devices, video walls or display screens contained in information boards.
本設計之整體可經由下列前視圖1到前視圖2完整揭露。本設計包含多個具變化外觀之圖形化使用者介面(GUI),透過美觀、排列整齊、較大色差的色塊、帶有專業感的一系列圖形化使用者介面,來呈現工作班表,從而傳達出效率、積極、簡潔、專業的風格與外觀設計。
The entirety of the design can be fully disclosed by the following
本設計包含多個具變化外觀之圖形化視窗,本設計在使用過程外觀能產生多個變化,例如透過游標經過、於點擊後或按下後會產生不同變化之外觀,如前視圖1到前視圖2所示。
This design includes a number of graphical windows with changing appearances. This design can produce multiple changes in appearance during use, for example, through the cursor, after clicking or pressing, the appearance of different changes, such as
前視圖1係本設計的班表展示色塊矩陣GUI,其設計特點在於,GUI上方經設計用於設置搜尋條件過濾器,GUI中間約七成以上的視覺面積,則用於展示以色塊矩陣呈現的班表,配置在GUI上方的搜尋條件過濾器,提供使用者輸入搜尋條件,並按照搜尋條件將符合條件的工作排程,
批次展示在色塊矩陣班表之中。
本設計提出的色塊矩陣班表其視覺設計原理在於,將不同性質的工作排程以不同顏色的色塊呈現,特別是採用與背景顏色之間的色差不顯著的顏色來展示一切正常的工作排程,採用與背景顏色之間的色差顯著的顏色來展示異常或空班的工作排程,或其他想要強調的工作排程,工作排程為例如但不限於:有服務、已打卡、服務未遇、個案請假、居服員請假、休息日工作、服務時間太短等。 The visual design principle of the color block matrix class table proposed in this design is to present work schedules of different natures in color blocks of different colors, especially the colors with insignificant color difference from the background color are used to display all normal work. Schedule, use a color with a significant color difference from the background color to display abnormal or empty work schedules, or other work schedules that you want to emphasize, such as but not limited to: service, clocked, Service failure, case leave, resident attendant leave, work on rest days, service time is too short, etc.
舉例來說,如前視圖1所示,在搜尋條件過濾器中點擊異常按鍵,色塊矩陣班表將批次顯示符合條件的工作排程,並將一般正常的日常工作排程與正常的休息日工作排程,皆採用與背景顏色接近的顏色來展示,由於和背景顏色之間的色差不顯著,不具有強調的視覺效果,適合展示一切正常的工作排程,而將居服員請假、個案請假等預設為異常的工作排程,採用與背景顏色之間的色差較顯著的顏色來展示,以形成強調的視覺效果,適合展示有發生異常的工作排程狀況。值得注意的是,異常的部分還可以使用例如但不限於:變化背景顏色、變化底色、變化字體大小或變化標籤顏色等方式表現,如果有需要,GUI會以使色塊閃爍的方式,製造更強烈的視覺效果。
For example, as shown in
舉例來說,如前視圖2所示,在搜尋條件過濾器中點擊異常按鍵加空班按鍵,色塊矩陣班表將批次顯示符合條件的工作排程,並將一般正常的日常工作排程與正常的休息日工作排程,皆採用與背景顏色接近的顏色來展示,而將居服員請假、個案請假等預設為異常的工作排程,採用與背景顏色之間的色差較顯著的顏色來展示,而對於空班的工作排程, 則採用與背景顏色之間的色差非常顯著的顏色來展示,以形成強調的視覺效果。值得注意的是,如果有需要,GUI會以使色塊閃爍的方式,製造更強烈的視覺效果。 For example, as shown in front view 2, click the abnormal button and the empty shift button in the search condition filter, and the color block matrix shift table will display the qualified work schedule in batches, and the normal daily work schedule will be displayed. The normal work schedules on rest days are displayed in colors that are close to the background color, while the default work schedules such as resident service workers requesting leave and individual cases are abnormal work schedules, and the color difference between the background color and the background color is more obvious. Color to show, and for the work schedule of empty shifts, It is displayed in a color with a very significant color difference from the background color to form an emphasized visual effect. It's worth noting that the GUI will make the color blocks flicker, if needed, to create a stronger visual effect.
本設計圖形化使用者介面,從視覺上適當安排各個區域與色塊在顯示螢幕上之顯示比例,加上對介面中所顯示的各種圖形元素,包含每一個小圖案等,對其輪廓形狀所進行之美術設計,以及對文字元素,包含字型、數字、字體大小等的選用與設計,再配合整體之版面安排,包含安排各元素之色階、字距、圖形與文字之位置、每項元素彼此之間的適當間距等,使得本案圖形化使用者介面之整體,在外觀與視覺上呈現出溫馨、安定、清爽易讀之第一眼整體視覺印象,並有獨特的美感,具有特異之視覺效果。 The graphical user interface is designed to visually appropriately arrange the display ratio of each area and color block on the display screen. In addition, the various graphic elements displayed in the interface, including each small pattern, etc. Art design, as well as the selection and design of text elements, including fonts, numbers, font sizes, etc., and then cooperate with the overall layout, including the arrangement of the color level of each element, the kerning, the position of graphics and text, and the layout of each item. The appropriate spacing between elements, etc., makes the overall graphical user interface of this case present a warm, stable, refreshing and easy-to-read overall visual impression at first glance in appearance and vision, and has a unique aesthetic feeling. Visual effects.
本案設計係新穎獨特之樣式,藉由獨特地設計顯示螢幕用圖像,可顯現出先前技藝所未有之視覺效果。 The design of this case is a novel and unique style, through the unique design of the image for the display screen, it can show the visual effect that is unprecedented in the prior art.
圖式所揭露之一點鏈線係本設計所應用之顯示螢幕,為本案不主張設計之部分。 A dot-chain line disclosed in the drawing is the display screen applied in this design, which is a part of the design that is not advocated in this case.
以上說明僅供輔助瞭解本設計而非用以限制其內容,設計專利之保護範圍應以圖面所揭示者為依據。 The above descriptions are only for assisting the understanding of the design and are not intended to limit its content. The protection scope of the design patent shall be based on what is disclosed in the drawings.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW110306675F TWD220734S (en) | 2021-12-08 | 2021-12-08 | Graphical user interface of display screen for displaying different shift condition in color block based information matrix |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW110306675F TWD220734S (en) | 2021-12-08 | 2021-12-08 | Graphical user interface of display screen for displaying different shift condition in color block based information matrix |
Publications (1)
Publication Number | Publication Date |
---|---|
TWD220734S true TWD220734S (en) | 2022-08-21 |
Family
ID=88925116
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW110306675F TWD220734S (en) | 2021-12-08 | 2021-12-08 | Graphical user interface of display screen for displaying different shift condition in color block based information matrix |
Country Status (1)
Country | Link |
---|---|
TW (1) | TWD220734S (en) |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
USD916798S1 (en) | 2017-03-20 | 2021-04-20 | MTL Ventures LLC | Display screen with animated graphical user interface |
-
2021
- 2021-12-08 TW TW110306675F patent/TWD220734S/en unknown
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
USD916798S1 (en) | 2017-03-20 | 2021-04-20 | MTL Ventures LLC | Display screen with animated graphical user interface |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
TWD202879S (en) | Graphical user interface for display screen | |
CN106897075A (en) | Desktop display adjusting method and device | |
USD962987S1 (en) | Display screen with animated icon | |
TWD220734S (en) | Graphical user interface of display screen for displaying different shift condition in color block based information matrix | |
WO2020068047A1 (en) | Monitor with virtual displays | |
TWD220736S (en) | Graphical user interface of display screen for displaying medication administration records | |
TWD223209S (en) | Graphical user interface of display screen for displaying detailed information in work schedule | |
TWD213170S (en) | Graphical user interface displaying overview of write-off state for display screen | |
EP1134635A3 (en) | Page windows for computer-controlled process and method for creating page windows | |
TWD220737S (en) | Graphical user interface of display screen for displaying general table for daily records | |
TWD215929S (en) | Changeable graphical user interface for computer program product | |
TWD209441S (en) | Graphical user interface displaying vital signs for display screen | |
CN104462897A (en) | Terminal | |
TWD220733S (en) | Graphical user interface of display screen for displaying punch in and out status in card style | |
CN104461285A (en) | Unlocking interface processing method | |
TWD214072S (en) | Animated graphical user interfaces used for dial plate of wearable device | |
CN217639959U (en) | Multi-screen desktop clock | |
TWD199311S (en) | Display screen graphical user interface | |
TWD205376S (en) | Graphical user interface displaying range of variation for continuous body temperature records for display screen | |
TWD227934S (en) | Graphical user interfaces for computer program products | |
TWD225224S (en) | Dynamic graphical user interface for display screen | |
TWD205375S (en) | Graphical user interface displaying continuous body temperature records for display screen | |
TWD227415S (en) | Graphical user interface for computer program product | |
TWD225140S (en) | Graphical user interface for display screen | |
TWD220118S (en) | Graphical User Interface for Display Panel |