Editing sticky notes graphical user interface for electronic devices

Abstract

1. Name of the design product: Graphical user interface for editing sticky notes for electronic devices. 2. Purpose of this design product: for use in an electronic device. 3. The key design point of this design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: main view. 5. Conventional design, omitting rear view, elevation view, left and right view. 6.Purpose of Graphical User Interface: Graphical user interface for editing sticky notes in electronic devices. The main view is the interface display in standby mode. The upper half of the interface uses the refrigerator 3D scene model as the background, with the status bar, time and weather, date, and week displayed on the top. The four commonly used buttons of child lock, lock screen, settings, and personal center are displayed on the right. The card below shows the operating status of the device; the two sections of Happy Life and Applications & Services are displayed at the bottom. Swipe left to see more functions. Click on the sticky note in the Happy Life section to enter the interface change state Figure 1. Interface change state diagram 1 is the interface after clicking the sticky note function but no information has been created yet, mainly displaying default pictures and texts. Click the "Create" button in the upper right corner to enter interface change state diagram 2. Interface change state diagram 2 is an interface for selecting the type of sticky note to create. Currently, clicking the "Create Note" button enters interface change state diagram 3. Change state diagram 3 is the interface for creating a note, which displays the note title, edit button, and text input range. Two buttons, "Reminder Time" and "Font Style", are displayed at the bottom. Click the text input area to enter interface change state diagram 4. Interface change state diagram 4 is the interface for note input. The "Reminder Time" and "Font Style" buttons at the bottom rise as the keyboard is called out. Currently, click the "Font Style" button to enter interface change state diagram 5. Interface change state diagram 5 is a semi-modal pop-up interface of custom text style. The user can select the font color and font style, as shown in interface change state diagram 6. At this time, the font color of the note content changes to the color and font selected by the user. Click the "Save" button in the upper right corner of interface change state diagram 6 to enter interface change state diagram 7. Interface change status Figure 7 is the sticky note interface after the note is successfully created. Click the "Note 1" area to enter the interface change status Figure 8. Interface change status Figure 8 is a note viewing pop-up window that displays the specific text content, color, and font style of the note.

Images