Electronic device and panel screen display method of electronic device

Abstract

An electronic device according to various embodiments of the present invention comprises: a display; memory for storing instructions; and at least one processor. The instructions, when executed by the at least one processor, cause the electronic device to: identify display configuration information of the electronic device in response to receiving a panel screen display request including a plurality of cards from a user; determine the colors of the plurality of cards on the basis of the display configuration information; generate a plurality of cards in which predetermined transparency and brightness have been applied to the determined colors; and display a panel screen, including the plurality of generated cards, on the display.

Description

Electronic device and panel screen display method of electronic device

[0001] Various embodiments of the present invention relate to an electronic device and a method for displaying a panel screen through said electronic device, and specifically to an electronic device and a method for displaying a panel screen that display a panel screen differently according to display setting information.

[0002] With the recent advancement of electronic technology, electronic devices can provide information to users in various forms and through various output methods, such as smartphones, wearable devices, tablet PCs, and smart TVs.

[0003] For example, an electronic device can provide the user with setting information, status information, or notification information received through a communication system via a panel screen. A panel screen containing such information is displayed superimposed on a portion of an image displayed on the display part of the electronic device, and the visibility of the information is ensured by using various effects such as blur, dim, and transparency effects.

[0004] The information described above may be provided as related art for the purpose of aiding understanding of the present disclosure. No claim or determination is made as to whether any of the foregoing may be applied as prior art in relation to the present disclosure.

[0005] The electronic device provides more and a wider variety of setting, status, and notification information compared to existing devices through the panel screen.

[0006] The panel screen is currently displayed superimposed on a portion of the image area shown on the display of electronic devices. Conventional electronic devices uniformly apply the card color, transparency, and brightness of the panel screen regardless of the superimposed image, which has the problem of reducing the aesthetic appeal and visibility of information regarding the panel screen.

[0007] Accordingly, the various embodiments disclosed in this document disclose a technology for ensuring consistent tone and high visibility by checking display setting information for an electronic device upon a user’s call to a panel screen and adjusting the card color, transparency, and brightness of the panel screen for each superimposed image.

[0008] The technical problems to be solved in this disclosure are not limited to those mentioned above, and other unmentioned technical problems will be clearly understood by those skilled in the art from the description below.

[0009] An electronic device according to one embodiment of the present invention may include a display.

[0010] An electronic device according to one embodiment of the present invention may include a memory for storing instructions.

[0011] An electronic device according to one embodiment of the present invention may include at least one processor.

[0012] In an electronic device according to one embodiment of the present invention, the instructions may, when executed by the at least one processor, enable the electronic device to check display setting information of the electronic device in response to receiving a panel screen display request including a plurality of cards from a user.

[0013] In an electronic device according to one embodiment of the present invention, the instructions may determine the color of the plurality of cards based on the display setting information when executed by the at least one processor.

[0014] In an electronic device according to one embodiment of the present invention, the instructions may generate a plurality of cards having a predetermined transparency and brightness applied to the determined color when executed by the at least one processor.

[0015] In an electronic device according to one embodiment of the present invention, the instructions may, when executed by the at least one processor, cause a panel screen including the generated plurality of cards to be displayed on the display.

[0016] A method for providing a panel screen of an electronic device including a display and a memory according to one embodiment of the present invention may include an operation of checking display setting information of the electronic device in response to receiving a request from a user to display a panel screen including a plurality of cards.

[0017] A method for providing a panel screen of an electronic device according to one embodiment of the present invention may include an operation of determining the colors of the plurality of cards based on the display setting information.

[0018] A method for providing a panel screen of an electronic device according to one embodiment of the present invention may include the operation of generating a plurality of cards to which a predetermined transparency and brightness are applied to the determined color.

[0019] A method for providing a panel screen of an electronic device according to one embodiment of the present invention may include an operation of displaying a panel screen comprising a plurality of generated cards on the display.

[0020] An electronic device according to one embodiment of the present invention can provide a method and device for maintaining the aesthetic appeal of a panel screen by checking display setting information upon receiving a panel screen display request from a user, and adjusting the color of a card included in the panel screen based on the display setting information so as to be consistent with an image displayed on the display.

[0021] An electronic device according to one embodiment of the present invention can provide a method and device that can increase the visibility of information along with a unified aesthetic with a background image by applying consistent transparency and brightness to a panel screen including a card related to the settings and notifications of the electronic device.

[0022] The effects obtainable from the present disclosure are not limited to those mentioned above, and other unmentioned effects will be clearly understood by those skilled in the art to which the present disclosure belongs from the description below.

[0023] In relation to the description of the drawings, the same or similar reference numerals may be used for identical or similar components.

[0024] FIG. 1 is a block diagram of an electronic device in a network environment according to various embodiments of the present invention.

[0025] FIG. 2 is a block diagram of a display module according to various embodiments of the present invention.

[0026] FIG. 3 is a block diagram of an electronic device according to one embodiment of the present invention.

[0027] FIG. 4 is a flowchart illustrating a method for displaying a panel screen including a plurality of cards of an electronic device according to one embodiment of the present invention.

[0028] FIG. 5 is a flowchart illustrating a method for displaying a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a power saving mode.

[0029] FIG. 6 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a power saving mode.

[0030] FIG. 7 is a flowchart illustrating a method for displaying a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in theme mode.

[0031] FIG. 8 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in theme mode.

[0032] FIG. 9 is a flowchart illustrating a method for displaying a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a general mode.

[0033] FIG. 10 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a general mode.

[0034] FIG. 11 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a general mode.

[0035] FIG. 12 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a general mode.

[0036] FIG. 13 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a general mode.

[0037] FIG. 14 is a flowchart illustrating a method for displaying a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in normal mode and dark mode.

[0038] FIG. 15 is a flowchart illustrating the change in graphic effects of a panel screen background as information of an electronic device lock screen is updated according to an embodiment of the present invention.

[0039] FIG. 16 illustrates that the panel screen background graphic effect changes as information on the electronic device lock screen is updated according to one embodiment of the present invention.

[0040] FIG. 17 illustrates that the panel screen background graphic effect changes as information on the electronic device lock screen is updated according to one embodiment of the present invention.

[0041] FIG. 18 illustrates a change in panel screen background graphic effect according to one embodiment of the present invention.

[0042] FIG. 19 illustrates an example of a panel screen according to an embodiment of the present invention.

[0043] FIG. 20 illustrates an example of a panel screen according to an embodiment of the present invention.

[0044] Hereinafter, embodiments of the present disclosure are described in detail with reference to the drawings so that those skilled in the art can easily practice them. However, the present disclosure may be embodied in various different forms and is not limited to the embodiments described herein. In relation to the description of the drawings, the same or similar reference numerals may be used for identical or similar components. Furthermore, in the drawings and related descriptions, descriptions of well-known functions and configurations may be omitted for clarity and brevity.

[0045] FIG. 1 is a block diagram of an electronic device (101) in a network environment (100) according to one embodiment of the present disclosure.

[0046] Referring to FIG. 1, in a network environment (100), an electronic device (101) may communicate with an electronic device (102) through a first network (198) (e.g., a short-range wireless communication network) or with at least one of an electronic device (104) or a server (108) through a second network (199) (e.g., a long-range wireless communication network). According to one embodiment, the electronic device (101) may communicate with the electronic device (104) through a server (108). According to one embodiment, the electronic device (101) may include a processor (120), memory (130), input module (150), sound output module (155), display module (160), audio module (170), sensor module (176), interface (177), connection terminal (178), haptic module (179), camera module (180), power management module (188), battery (189), communication module (190), subscriber identification module (196), or antenna module (197). In some embodiments, at least one of these components (e.g., connection terminal (178)) may be omitted from the electronic device (101), or one or more other components may be added. In some embodiments, some of these components (e.g., sensor module (176), camera module (180), or antenna module (197)) may be integrated into a single component (e.g., display module (160)).

[0047] The processor (120) can control at least one other component (e.g., a hardware or software component) of the electronic device (101) connected to the processor (120) by executing software (e.g., a program (140)), and can perform various data processing or operations. According to one embodiment, as at least part of the data processing or operations, the processor (120) can store commands or data received from other components (e.g., a sensor module (176) or a communication module (190)) in volatile memory (132), process the commands or data stored in volatile memory (132), and store the resulting data in non-volatile memory (134). According to one embodiment, the processor (120) may include a main processor (121) (e.g., a central processing unit or an application processor) or an auxiliary processor (123) that can operate independently or together with it (e.g., a graphics processing unit, a neural processing unit (NPU), an image signal processor, a sensor hub processor, or a communication processor). For example, if the electronic device (101) includes a main processor (121) and an auxiliary processor (123), the auxiliary processor (123) may be configured to use lower power than the main processor (121) or to be specialized for a designated function. The auxiliary processor (123) may be implemented separately from the main processor (121) or as part thereof.

[0048] The auxiliary processor (123) may control at least some of the functions or states associated with at least one component of the electronic device (101) (e.g., display module (160), sensor module (176), or communication module (190)) on behalf of the main processor (121) while the main processor (121) is in an inactive (e.g., sleep) state, or together with the main processor (121) while the main processor (121) is in an active (e.g., application execution) state. According to one embodiment, the auxiliary processor (123) (e.g., image signal processor or communication processor) may be implemented as part of another functionally related component (e.g., camera module (180) or communication module (190)). According to one embodiment, the auxiliary processor (123) (e.g., neural network processing unit) may include a hardware structure specialized for processing an artificial intelligence model. The artificial intelligence model may be generated through machine learning. Such learning may be performed, for example, on the electronic device (101) itself where the artificial intelligence model is executed, or through a separate server (e.g., server (108)). The learning algorithm may include, for example, supervised learning, unsupervised learning, semi-supervised learning, or reinforcement learning, but is not limited to the examples described above. The artificial intelligence model may include a plurality of artificial neural network layers.An artificial neural network may be a deep neural network (DNN), a convolutional neural network (CNN), a recurrent neural network (RNN), a restricted Boltzmann machine (RBM), a deep belief network (DBN), a bidirectional recurrent deep neural network (BRDNN), a deep Q-network, or a combination of two or more of the above, but is not limited to the examples described above. In addition to the hardware structure, the artificial intelligence model may include a software structure, either additionally or substantially.

[0049] The memory (130) can store various data used by at least one component of the electronic device (101) (e.g., processor (120) or sensor module (176)). The data may include, for example, input data or output data for software (e.g., program (140)) and related commands. The memory (130) may include volatile memory (132) or non-volatile memory (134).

[0050] The program (140) may be stored as software in memory (130) and may include, for example, an operating system (142), middleware (144), or an application (146).

[0051] The input module (150) can receive commands or data to be used for a component of the electronic device (101) (e.g., processor (120)) from outside the electronic device (101) (e.g., user). The input module (150) may include, for example, a microphone, a mouse, a keyboard, a key (e.g., a button), or a digital pen (e.g., a stylus pen).

[0052] The sound output module (155) can output a sound signal to the outside of the electronic device (101). The sound output module (155) may include, for example, a speaker or a receiver. The speaker may be used for general purposes, such as multimedia playback or recording playback. The receiver may be used to receive incoming calls. According to one embodiment, the receiver may be implemented separately from the speaker or as part thereof.

[0053] The display module (160) can visually provide information to an external (e.g., user) of the electronic device (101). The display module (160) may include, for example, a display, a holographic device, or a projector and a control circuit for controlling said device. According to one embodiment, the display module (160) may include a touch sensor configured to detect a touch, or a pressure sensor configured to measure the intensity of the force generated by said touch.

[0054] The audio module (170) can convert sound into an electrical signal or, conversely, convert an electrical signal into sound. According to one embodiment, the audio module (170) can acquire sound through the input module (150) or output sound through the sound output module (155) or an external electronic device (e.g., electronic device (102)) (e.g., speaker or headphones) connected directly or wirelessly to the electronic device (101).

[0055] The sensor module (176) can detect the operating state of the electronic device (101) (e.g., power or temperature) or the external environmental state (e.g., user state) and generate an electrical signal or data value corresponding to the detected state. According to one embodiment, the sensor module (176) may include, for example, a gesture sensor, a gyroscope sensor, a barometric pressure sensor, a magnetic sensor, an accelerometer sensor, a grip sensor, a proximity sensor, a color sensor, an IR (infrared) sensor, a biosensor, a temperature sensor, a humidity sensor, or an illuminance sensor.

[0056] The interface (177) may support one or more specified protocols that can be used for the electronic device (101) to be connected directly or wirelessly to an external electronic device (e.g., electronic device (102)). According to one embodiment, the interface (177) may include, for example, a high definition multimedia interface (HDMI), a universal serial bus (USB) interface, an SD card interface, or an audio interface.

[0057] The connection terminal (178) may include a connector through which the electronic device (101) can be physically connected to an external electronic device (e.g., electronic device (102)). According to one embodiment, the connection terminal (178) may include, for example, an HDMI connector, a USB connector, an SD card connector, or an audio connector (e.g., a headphone connector).

[0058] The haptic module (179) can convert an electrical signal into a mechanical stimulus (e.g., vibration or movement) or an electrical stimulus that can be perceived by the user through tactile or kinesthetic senses. According to one embodiment, the haptic module (179) may include, for example, a motor, a piezoelectric element, or an electric stimulation device.

[0059] The camera module (180) can capture still images and video. According to one embodiment, the camera module (180) may include one or more lenses, image sensors, image signal processors, or flashes.

[0060] The power management module (188) can manage power supplied to the electronic device (101). According to one embodiment, the power management module (188) can be implemented, for example, as at least part of a power management integrated circuit (PMIC).

[0061] The battery (189) can supply power to at least one component of the electronic device (101). According to one embodiment, the battery (189) may include, for example, a non-rechargeable primary battery, a rechargeable secondary battery, or a fuel cell.

[0062] The communication module (190) can support the establishment of a direct (e.g., wired) communication channel or a wireless communication channel between an electronic device (101) and an external electronic device (e.g., electronic device (102), electronic device (104), or server (108)), and the performance of communication through the established communication channel. The communication module (190) may include one or more communication processors that operate independently of the processor (120) (e.g., application processor) and support direct (e.g., wired) communication or wireless communication. According to one embodiment, the communication module (190) may include a wireless communication module (192) (e.g., cellular communication module, short-range wireless communication module, or GNSS (global navigation satellite system) communication module) or a wired communication module (194) (e.g., LAN (local area network) communication module, or power line communication module). The corresponding communication module among these communication modules can communicate with an external electronic device (104) through a first network (198) (e.g., a short-range communication network such as Bluetooth, WiFi (wireless fidelity) direct, or IrDA (infrared data association)) or a second network (199) (e.g., a legacy cellular network, a 5G network, a next-generation communication network, the Internet, or a computer network (e.g., a LAN or WAN). These various types of communication modules may be integrated into a single component (e.g., a single chip) or implemented as multiple separate components (e.g., multiple chips). The wireless communication module (192) can identify or authenticate the electronic device (101) within a communication network such as the first network (198) or the second network (199) using subscriber information (e.g., International Mobile Subscriber Identifier (IMSI)) stored in the subscriber identification module (196).

[0063] The wireless communication module (192) can support 5G networks and next-generation communication technologies following 4G networks, for example, new radio access technology. NR access technology can support high-speed transmission of high-capacity data (enhanced mobile broadband (eMBB)), minimization of terminal power and connection of multiple terminals (massive machine type communications (mMTC)), or high reliability and low latency (ultra-reliable and low-latency communications (URLLC)). The wireless communication module (192) can support a high-frequency band (e.g., mmWave band) to achieve a high data transmission rate, for example. The wireless communication module (192) can support various technologies for securing performance in the high-frequency band, such as beamforming, massive MIMO (multiple-input and multiple-output), full-dimensional MIMO (FD-MIMO), array antenna, analog beam-forming, or large-scale antenna. The wireless communication module (192) can support various requirements specified in the electronic device (101), external electronic device (e.g., electronic device (104)), or network system (e.g., second network (199)). According to one embodiment, the wireless communication module (192) may support a Peak data rate (e.g., 20 Gbps or more) for eMBB realization, loss coverage (e.g., 164 dB or less) for mMTC realization, or U-plane latency (e.g., downlink (DL) and uplink (UL) each 0.5 ms or less, or round trip 1 ms or less) for URLLC realization.

[0064] An antenna module (197) can transmit a signal or power to or from an external source (e.g., an external electronic device). According to one embodiment, the antenna module (197) may include an antenna comprising a radiator made of a conductor or a conductive pattern formed on a substrate (e.g., a printed circuit board (PCB)). According to one embodiment, the antenna module (197) may include a plurality of antennas (e.g., an array antenna). In this case, at least one antenna suitable for a communication method used in a communication network, such as a first network (198) or a second network (199), may be selected from the plurality of antennas, for example, by a communication module (190). A signal or power may be transmitted or received between the communication module (190) and an external electronic device through the selected at least one antenna. According to some embodiments, in addition to the radiator, other components (e.g., a radio frequency integrated circuit (RFIC)) may be additionally formed as part of the antenna module (197).

[0065] According to various embodiments, the antenna module (197) may form a mmWave antenna module. According to one embodiment, the mmWave antenna module may include a printed circuit board, an RFIC disposed on or adjacent to a first surface (e.g., bottom surface) of the printed circuit board and capable of supporting a specified high frequency band (e.g., mmWave band), and a plurality of antennas (e.g., array antennas) disposed on or adjacent to a second surface (e.g., top surface or side surface) of the printed circuit board and capable of transmitting or receiving a signal of the specified high frequency band.

[0066] At least some of the above components can be connected to each other via a communication method between peripheral devices (e.g., bus, GPIO (general purpose input and output), SPI (serial peripheral interface), or MIPI (mobile industry processor interface)) and exchange signals (e.g., commands or data) with each other.

[0067] According to one embodiment, commands or data may be transmitted or received between an electronic device (101) and an external electronic device (104) through a server (108) connected to a second network (199). Each of the external electronic devices (102, or 104) may be the same or a different type of device as the electronic device (101). According to one embodiment, all or part of the operations performed on the electronic device (101) may be performed on one or more of the external electronic devices (102, 104, or 108). For example, if the electronic device (101) needs to perform a function or service automatically or in response to a request from a user or another device, the electronic device (101) may request one or more external electronic devices to perform at least part of the function or service instead of performing the function or service itself or additionally. One or more external electronic devices that receive the above request may execute at least part of the requested function or service, or additional function or service related to the request, and transmit the result of the execution to the electronic device (101). The electronic device (101) may provide the result as is or additionally processed as at least part of the response to the request. For this purpose, for example, cloud computing, distributed computing, mobile edge computing (MEC), or client-server computing technology may be used. The electronic device (101) may provide ultra-low latency services using, for example, distributed computing or mobile edge computing. In another embodiment, the external electronic device (104) may include an Internet of Things (IoT) device. The server (108) may be an intelligent server using machine learning and / or neural networks. According to one embodiment, the external electronic device (104) or the server (108) may be included within a second network (199).The electronic device (101) can be applied to intelligent services (e.g., smart home, smart city, smart car, or healthcare) based on 5G communication technology and IoT-related technology.

[0068] FIG. 2 is a block diagram (105) of a display module (160) according to various embodiments of the present invention.

[0069] Referring to FIG. 2, the display module (160) may include a display (161) and a display driver IC (DDI) (165) for controlling the display. The DDI (165) may include an interface module (165a), a memory (165b) (e.g., buffer memory), an image processing module (165c), or a mapping module (165d). The DDI (165) may receive image information, including, for example, image data or an image control signal corresponding to a command for controlling said image data, from another component of the electronic device (101) through the interface module (165a). According to one embodiment, the image information may be received from a processor (120) (e.g., a main processor (121) (e.g., an application processor) or an auxiliary processor (123) (e.g., a graphics processing unit) that operates independently of the function of the main processor (121). The DDI (165) can communicate with the touch circuit (168) or sensor module (176) through the interface module (165a). Additionally, the DDI (165) can store at least a portion of the received image information in memory (165b), for example, in frame units. The image processing module (165c) can perform preprocessing or postprocessing (e.g., resolution, brightness, or size adjustment) on at least a portion of the image data based at least on the characteristics of the image data or the characteristics of the display (161), for example. The mapping module (165d) can generate voltage values ​​or current values ​​corresponding to the image data preprocessed or postprocessed through the image processing module (165c). According to one embodiment, the generation of voltage values ​​or current values ​​can be performed based at least partially on the attributes of the pixels of the display (161), for example, (e.g., array of pixels (RGB stripe or pentile structure), or the size of each subpixel).At least some pixels of the display (161) are driven, for example, based on at least some of the voltage value or current value, so that visual information (e.g., text, image, or icon) corresponding to the image data can be displayed through the display (161).

[0070] According to one embodiment, the display module (160) may further include a touch circuit (168). The touch circuit (168) may include a touch sensor (168a) and a touch sensor IC (168b) for controlling the same. The touch sensor IC (168b) may control the touch sensor (168a) to detect a touch input or hovering input for a specific location on the display (161), for example. For example, the touch sensor IC (168b) may detect a touch input or hovering input by measuring a change in a signal (e.g., voltage, light intensity, resistance, or charge) for a specific location on the display (161). The touch sensor IC (168b) may provide information regarding the detected touch input or hovering input (e.g., location, area, pressure, or time) to the processor (120). According to one embodiment, at least a portion of the touch circuit (168) (e.g., touch sensor IC (168b)) may be included as part of the display driver IC (165) or the display (161), or as part of another component (e.g., auxiliary processor (123)) placed outside the display module (160).

[0071] According to one embodiment, the display module (160) may further include at least one sensor of the sensor module (176) (e.g., fingerprint sensor, iris sensor, pressure sensor, or light sensor) or a control circuit for the same. In this case, the at least one sensor or the control circuit for the same may be embedded in a part of the display module (160) (e.g., display (161) or DDI (165)) or a part of the touch circuit (168). For example, if the sensor module (176) embedded in the display module (160) includes a biometric sensor (e.g., fingerprint sensor), the biometric sensor may obtain biometric information (e.g., fingerprint image) associated with a touch input through a part of the display (161). For example, if the sensor module (176) embedded in the display module (160) includes a pressure sensor, the pressure sensor may obtain pressure information associated with a touch input through a part or the entire area of ​​the display (161). According to one embodiment, a touch sensor (168a) or a sensor module (176) may be placed between pixels of a pixel layer of a display (161), or on top of or below the pixel layer.

[0072] FIG. 3 is a block diagram of an electronic device according to one embodiment of the present invention.

[0073] Referring to FIG. 3, an electronic device (101) according to one embodiment of the present invention may include an input module (150), a display (161), a memory (130) and / or a processor (120).

[0074] According to one embodiment, the input module (150), display (161), memory (130) and / or processor (120) may be electrically or operationally connected.

[0075] According to one embodiment, the input module (150) can receive commands or data to be used in a component (e.g., processor (120)) of the electronic device (101) from outside the electronic device (101) (e.g., user).

[0076] The input module (150) can receive input from the user regarding the display (161) settings. The display (161) can be set to power saving mode, theme mode, normal mode and / or dark mode, and the display setting information may include power saving mode, theme mode, normal mode and / or dark mode.

[0077] The display (161) power saving mode is a mode for extending the usage time of the electronic device (101) by reducing battery consumption through a method of limiting the performance and function of the electronic device (101). When the power saving mode is set, the color of the display (161) of the electronic device (101) changes to a very dark color (e.g., black) and the brightness may be reduced. That is, when the display setting information is in power saving mode, the background color may automatically be black (or a dark color).

[0078] The display (161) theme mode is a mode that groups a unified design and color tone while maintaining consistency with the icons, fonts, and / or UI displayed on the display (161) of the electronic device (101), and allows the user to select a theme according to their preference.

[0079] The theme mode may include a first theme mode that changes the overall design and color of the screen and / or UI of the display (161) of the electronic device (101). That is, the first theme mode may be related to design such as icons, fonts, backgrounds, typefaces, and / or layouts. The first theme mode may be built into the electronic device (101) by default, and may also be downloaded by communicating with an external electronic device via a server (108).

[0080] The theme mode may include a second theme mode that controls the colors of the UI of the electronic device (101). That is, the second theme mode may relate to the colors of the system's status bar, notification window, button colors, and / or settings screen. The second theme mode may be generated based on colors extracted from the current screen colors of the electronic device (101). The second theme mode may be built into the system of the electronic device (101), and the user may increase the types of the second theme mode by selecting colors according to their preference.

[0081] The display (161) normal mode means a mode in which the user can freely select an image to be displayed on the display (161) screen, unlike power saving mode or theme mode.

[0082] The dark mode of the display (161) is a mode for reducing battery consumption of the electronic device (101) and relieving eye strain of the user of the electronic device (101) by changing the color of the display (161) of the electronic device (101) to a dark color (black or gray, etc.). When the dark mode is set, the color of the display (161) of the electronic device (101) can be changed to a dark color.

[0083] The input module (150) may be requested by the user to display a panel screen (162) containing a plurality of cards (163) related to the settings and notifications of the electronic device (101). The input module (150) may be requested by the user to display a panel screen (162) containing a plurality of cards (163) related to the settings and notifications of the electronic device (101) on the home screen or lock screen of the electronic device (101).

[0084] A plurality of cards (163) may include first information related to the functions and notifications of the electronic device (101) system itself. Additionally, a plurality of cards (163) may include second information related to the functions and application notifications of an application running on the electronic device (101).

[0085] A plurality of cards (163) may be composed of at least one of a shape, name, or UI icon capable of operating functions and notifications in response to the first information and the second information.

[0086] The input module (150) may include, for example, a display (161), a microphone, a mouse, a keyboard, a key (e.g., a button), or a digital pen (e.g., a stylus pen).

[0087] According to one embodiment, the memory (130) performs the function of storing a program (e.g., program (140) of FIG. 1) for processing and controlling the processor (120) of the electronic device (101), an operating system (OS) (e.g., operating system (142) of FIG. 1), various applications, and / or input / output data, and can store a program that controls the overall operation of the electronic device (101). The memory (130) can store various configuration information required for processing functions related to various embodiments of the present disclosure in the electronic device (101). The memory (130) can store executable instructions. For example, the memory (130) can store instructions that cause the electronic device (101) to perform operations when executed by the processor (120). For example, the instructions may be stored on a computer-readable recording medium. The above recording medium may be tangible and non-transitory. The memory (130) and / or the recording medium may store one or more programs containing instructions.

[0088] In various embodiments, the memory (130) may store display setting information received by the user through the input module (150) and the colors of a plurality of cards (163) of the panel screen (162) determined based thereon. For example, if the user sets a power saving mode for the display (161), the memory (130) may store that the current display setting information of the electronic device (101) is in a power saving mode. In addition, information regarding the first color, which is a plurality of cards (163) of the panel screen (162) determined based on this setting information, may also be stored.

[0089] In various embodiments, the memory (130) may store information regarding a predetermined transparency and a predetermined brightness for displaying a plurality of cards (163) of the panel screen (162).

[0090] For example, the predetermined transparency may be 76% (equivalent to 24% opacity), but is not limited thereto. The transparency standard may be set in a way that enhances aesthetic appeal by better displaying the graphic effects of the panel screen (162) in harmony with the background of the electronic device (101).

[0091] The predetermined brightness may be a value that is 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be a value that is 1 / n of the brightness extracted from the current background. The brightness may be set to be darker than the current brightness to increase the visibility of the information of the electronic device (101) present on the multiple cards (163).

[0092] In various embodiments, the memory (130) can store the degree to which the graphic effect of the background (166) of the panel screen changes differentially as the information contained in the lock screen is updated when the panel screen (162) is displayed on the lock screen.

[0093] In one embodiment, the memory (130) can store instructions for determining the color of a plurality of cards (163) included in a panel screen (162) displayed on a display (161) and expressing them with a predetermined transparency and brightness, under the control of the processor (120).

[0094] For example, the memory (130) may receive a request from a user, under the control of the processor (120), to display a panel screen (162) containing a plurality of cards (163) related to the settings and notifications of the electronic device (101) on the display (161), check the display setting information of the electronic device (101), determine the color of the plurality of cards (163) based on the display setting information, and store instructions for displaying the plurality of cards (163) of the determined color with a predetermined transparency and brightness.

[0095] In one embodiment, the memory (130) can store instructions for determining the color of a plurality of cards (163) as a first color when the display setting information is in power saving mode, under the control of the processor (120).

[0096] In one embodiment, the memory (130) can store instructions for determining the colors of a plurality of cards (163) to be preset colors in the theme mode when the display setting information is in theme mode, under the control of the processor (120).

[0097] In one embodiment, the memory (130) can detect the color of an image, such as a home screen or lock screen, displayed on the display (161) when the display setting information is in normal mode under the control of the processor (120), and store instructions for determining the color of a plurality of cards (163) based on the detected color.

[0098] In another embodiment, the memory (130) may, under the control of the processor (120), detect the image color of an application execution screen and / or a specific screen displayed on the display (161) when the display setting information is in normal mode, and store instructions for determining the color of a plurality of cards (163) based on the detected color.

[0099] At this time, the home screen, lock screen, application execution screen and / or specific screen displayed on the display (161) may refer to the home screen or lock screen at the time when a request to display a panel screen (162) including a plurality of cards (163) is received from the user.

[0100] In one embodiment, the memory (130) can store instructions for determining the color of a plurality of cards (163) as a second color in correspondence with the color of the home screen or lock screen, etc., displayed on the display (161) being achromatic when the display setting information is in normal mode, under the control of the processor (120).

[0101] In another embodiment, the memory (130) may store instructions for determining the color of a plurality of cards (163) as a second color in correspondence with the image color of an application execution screen and / or a specific screen displayed on the display (161) being achromatic when the display setting information is in normal mode, under the control of the processor (120).

[0102] In one embodiment, the memory (130) may store instructions for extracting a representative color from the color of the home screen or lock screen, etc., in correspondence with the fact that the color of the home screen or lock screen, etc., displayed on the display (161) is not achromatic when the display setting information is in normal mode, under the control of the processor (120). It may also store instructions for determining the color of a plurality of cards (163) as a representative color.

[0103] In another embodiment, the memory (130) may store instructions for extracting a representative color from the color of a home screen or a lock screen, etc., in correspondence with the fact that the image color of an application execution screen and / or a specific screen displayed on the display (161) is not achromatic when the display setting information is in normal mode, under the control of the processor (120). It may also store instructions for determining the color of a plurality of cards (163) as a representative color.

[0104] In one embodiment, the memory (130) can store instructions to display the brightness of a plurality of cards (163) brighter than a predetermined brightness when the display setting information includes a dark mode added to the normal mode, under the control of the processor (120).

[0105] In one embodiment, the memory (130) receives a request from a user to display a panel screen (162) containing a plurality of cards (163) related to the settings and notifications of an electronic device (101) on a lock screen under the control of a processor (120), and can store instructions for differentially changing the background graphic effect of the panel screen (162) as the information included in the lock screen is updated.

[0106] According to one embodiment, the processor (120) may be electrically or operatively connected to the input module (150), the display (161), and the memory (130). The processor (120) may control the functions and operations of the input module (150), the display (161), and the memory (130). The processor (120) may be configured to access the memory (130) and execute at least one instruction. The electronic device (101) may include at least one processor (120).

[0107] According to various embodiments, the processor (120) can check display setting information of the electronic device (101) in response to receiving a request from a user to display a panel screen (162) including a plurality of cards (163).

[0108] A plurality of cards (163) may include first information related to the functions and notifications of the electronic device (101) itself system. Additionally, a plurality of cards (163) may include second information related to the functions and application notifications of an application running on the electronic device (101). A plurality of cards (163) may be configured with at least one of a shape, name, or UI icon that enables operation of the functions and notifications in correspondence with the first information and the second information.

[0109] The processor (120) can check the display setting information of the electronic device (101) and determine the colors of a plurality of cards (163) based on the checked display setting information. The processor (120) can generate a plurality of cards with a predetermined transparency and brightness applied to the determined colors and display a panel screen (162) including the generated plurality of cards (163) on the display (161).

[0110] The predetermined transparency may be 76% (equivalent to 24% opacity), but is not limited thereto. The transparency standard may be set in a way that enhances aesthetic appeal by better displaying the graphic effects of the panel screen (162) in harmony with the background of the electronic device (101).

[0111] The predetermined brightness may be a value that is 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be a value that is 1 / n of the brightness extracted from the current background. The brightness may be set to be darker than the current brightness to increase the visibility of the information of the electronic device (101) present on the multiple cards (163).

[0112] The display settings information may include power saving mode, theme mode, normal mode, and / or dark mode.

[0113] According to one embodiment, the processor (120) can determine the color of a plurality of cards (163) as a first color based on the fact that the display setting information is in power saving mode.

[0114] The display (161) power saving mode is a mode for extending the usage time of the electronic device (101) by reducing battery consumption through a method of limiting the performance and functions of the electronic device (101). When the power saving mode is set, the color of the display (161) of the electronic device (101) changes to black (or a dark color) and the brightness may be reduced. That is, when the display setting information is in power saving mode, the background color may be automatically extracted as black.

[0115] Therefore, when the panel screen (162) is displayed on the display (161) in power saving mode, the color of the multiple cards (163) of the panel screen (162) must be determined as the first color to ensure visibility against a black background. The first color may be a color that ensures visibility of the information contained in the cards while maintaining visual aesthetics with black. For example, the first color may be a gray-based color, specifically the color #565656.

[0116] According to one embodiment, the processor (120) can determine the colors of a plurality of cards (163) to be colors preset in the theme mode based on the display setting information being in the theme mode.

[0117] The display (161) theme mode is a mode that groups a unified design and color tone while maintaining consistency with the icons, fonts, and / or UI displayed on the display (161) of the electronic device (101), and allows the user to select a theme according to their preference.

[0118] The theme mode may include a first theme mode that changes the overall design and color of the screen and / or UI of the electronic device (101) display (161). That is, the first theme mode may be related to design such as icons, fonts, backgrounds, typefaces, and / or layouts. The first theme mode may be built into the electronic device (101) by default, and may also be downloaded by communicating externally with the server (108).

[0119] The theme mode may include a second theme mode that controls the colors of the UI of the electronic device (101). That is, the second theme mode may relate to the colors of the system's status bar, notification window, buttons, and / or settings screen. The second theme mode may be generated based on colors extracted from the current screen colors of the electronic device (101). The second theme mode may be built into the system of the electronic device (101), and the user may increase the types of the second theme mode by selecting colors according to their preference.

[0120] That is, when the first theme mode or the second theme mode is set, the processor (120) can display the plurality of cards (163) of the display panel screen (162) with a color, a predetermined transparency, and a predetermined brightness that are preset in the first theme mode or the second theme mode.

[0121] According to one embodiment, the processor (120) detects the color of a home screen or lock screen displayed on the display (161) based on the display setting information being in normal mode, and can determine the color of a plurality of cards (163) based on the detected color. According to another embodiment, the processor (120) detects the color of an image such as an application execution screen and / or a specific screen displayed on the display (161) based on the display setting information being in normal mode, and can determine the color of a plurality of cards (163) based on the detected color.

[0122] At this time, the home screen, lock screen, application execution screen and / or specific screen displayed on the display (161) may refer to the home screen or lock screen at the time when a request to display a panel screen (162) including a plurality of cards (163) is received from the user.

[0123] The display (161) normal mode means a mode in which the user can freely select an image to be displayed on the display (161) screen, unlike power saving mode or theme mode.

[0124] According to one embodiment, the processor (120) may determine the color of a plurality of cards (163) as a second color when the color detected from the home screen or lock screen in normal mode is achromatic. The second color may be a color that ensures visibility of the information contained in the card while maintaining visual aesthetics with achromatic color. For example, the second color may be black, specifically the color #000000.

[0125] According to another embodiment, the processor (120) can determine the color of a plurality of cards (163) as a second color when the image color, such as an application execution screen and / or a specific screen displayed on the display (161) in normal mode, is achromatic.

[0126] According to one embodiment, if the color detected from the home screen or lock screen in normal mode is not achromatic, the processor (120) may extract a representative color from the detected color and determine the color of a plurality of cards (163) as the representative color. The representative color is extracted from the home screen and can induce a consistent aesthetic.

[0127] According to another embodiment, the processor (120) can extract a representative color from the detected color and determine the color of a plurality of cards (163) as the representative color when the image color, such as an application execution screen and / or a specific screen displayed on the display (161) in normal mode, is not achromatic.

[0128] According to one embodiment, the processor (120) can display a card (163) of a color determined based on the addition of a dark mode to a normal mode brighter than a predetermined brightness. That is, it can generate a plurality of cards (163) with a brightness brighter than a predetermined brightness applied to the determined color.

[0129] The dark mode of the display (161) is a mode for reducing battery consumption of the electronic device (101) and relieving eye strain of the user of the electronic device (101) by changing the color of the display (161) of the electronic device (101) to a dark color (black or gray, etc.). When the dark mode is set, the color of the display (161) of the electronic device (101) can be changed to a dark color.

[0130] When a panel screen (162) is displayed on a display (161) in dark mode, the brightness of a plurality of cards (163) of the panel screen (162) must be displayed brighter than a predetermined brightness to ensure visibility against a dark background. The predetermined brightness may be a value that is 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be a value that is 1 / n of the brightness extracted from the current background. For example, if the predetermined brightness is 1 / 3 of the brightness extracted from the current background, the brightness in dark mode may be set to 1 / 2 of the brightness extracted from the current background.

[0131] According to one embodiment, the processor (120) may display a panel screen (162) on a lock screen that includes a plurality of cards (163) related to settings and notifications of an electronic device (101) in response to user input. The processor (120) may differentially change the graphic effect of the background (166) of the panel screen based on the update of information included in the lock screen.

[0132] In one embodiment, the background of the panel screen (162) can basically be displayed by applying graphic effects to the screen displayed on the display (161) at the time the user requests the display of the panel screen (162). That is, when the user requests the display of the panel screen (162) on the lock screen, the processor (120) can blur the lock screen and display it as the background of the panel screen (162).

[0133] The information included in the lock screen may include information about timer operations, notification information about delivery apps, information about sports matches, and / or information about camera timers. For example, as the timer time set for a timer widget displayed on the lock screen approaches, the processor (120) may determine that the information included in the lock screen has been updated. The processor (120) may increase the visibility of the timer information included in the lock screen by methods such as differentially or gradually reducing the blur effect of the background (166) of the panel screen as the end of the timer time approaches, thereby allowing the user to recognize the update of the information.

[0134] The graphic effects of the background (166) of the panel screen may include a blur effect, a depth of field (DoF) effect, a dim effect, or a blend effect.

[0135] In addition, in one embodiment, the processor (120) may differentially change the transparency of a plurality of cards (163) as well as the graphic effect of the background (166) of the panel screen to increase the visibility of the information based on the update of the information contained in the lock screen. That is, the transparency of the plurality of cards (163) may be increased so that the user can clearly recognize the information on the lock screen.

[0136] According to various embodiments, the processor (120) may perform the function of controlling the overall operation of the electronic device (101) and the flow of signals between internal components, and processing data. The processor (120) may include, for example, a central processing unit (CPU), an application processor, and / or a communication processor. The processor (120) may include a single-core processor or a multi-core processor. The processor (120) may be composed of at least one processor. For example, the processor (120) may include an application processor (e.g., the main processor (121) of FIG. 1) and a sensor hub processor (e.g., the auxiliary processor (123) of FIG. 1).

[0137] According to various embodiments, an operation performed in the electronic device (101) may be performed and / or executed by at least one instruction stored in the processor (120) and / or memory (130). For example, in this document, an embodiment in which the electronic device (101) can perform any operation may be interpreted to mean that it is performed by at least one instruction stored in the processor (120) and / or memory (130).

[0138] According to various embodiments, the display (161) may display an initial screen, a settings screen, and / or an execution screen of various applications of the electronic device (101). The display (161) may provide a user interface (UI) capable of providing various services to the user of the electronic device (101).

[0139] According to various embodiments, the display (161) may display various content such as a home screen, a lock screen, text, images and / or videos.

[0140] According to various embodiments, the display (161) can perform display and input functions. To perform display and input functions, the display (161) may include a display (e.g., the display (161) of FIG. 2) and a touch circuit (e.g., the touch circuit (168) of FIG. 2). The display (161) can visually provide the user with a menu of the multi-electronic device (101), input data, function setting information, and various information. The display (161) may include at least one of a liquid crystal display (LCD), organic light emitting diodes (OLED), and active matrix organic light emitting diodes (AMOLED). The touch circuit (168) may include a touch sensor (e.g., the touch sensor (168a) of FIG. 2) or a pressure sensor, such as a capacitive overlay, a resistive overlay, or an infrared beam.

[0141] FIG. 4 is a flowchart illustrating a method for displaying a panel screen including a plurality of cards of an electronic device according to one embodiment of the present invention.

[0142] In the following embodiments, each operation of FIG. 4 may be performed sequentially, but is not necessarily performed sequentially. For example, the order of each operation of FIG. 4 may be changed, and at least two operations may be performed in parallel.

[0143] According to one embodiment, the 1000 to 1400 operations of FIG. 4 may be understood as being performed in a processor (e.g., processor (120) of FIG. 3) of an electronic device (e.g., electronic device (101) of FIG. 3).

[0144] In various embodiments, before performing the operation, the electronic device (101) may perform an operation to establish communication with an external electronic device (e.g., pairing).

[0145] In one embodiment, the processor (120) of the electronic device (101) (or the electronic device (101)) may receive a request from a user to display a panel screen (162) including a plurality of cards (163) (1000). The plurality of cards (163) may include information related to the settings and notifications of the electronic device (101).

[0146] Based on receiving a request from a user to display a panel screen (162) (e.g., 1000), the processor (120) can check the current display setting information of the electronic device (101) (1100). The display setting information may include a power saving mode, a theme mode, a normal mode, and / or a dark mode.

[0147] The processor (120) can determine the colors of a plurality of cards (163) displayed on the panel screen (162) based on display setting information (1200). At this time, the colors may be colors that increase the visibility of information while creating an aesthetic sense unified with the screen and / or UI displayed on the display based on the display setting information.

[0148] The processor (120) can generate multiple cards with a predetermined transparency and brightness applied to a determined color (1300).

[0149] For example, the predetermined transparency may be 76% (equivalent to 24% opacity), but is not limited thereto. The transparency standard may be set in a way that enhances aesthetic appeal by better displaying the graphic effects of the panel screen (162) in harmony with the background of the electronic device (101).

[0150] The predetermined brightness may be a value that is 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be a value that is 1 / n of the brightness extracted from the current background. The brightness may be set to be darker than the current brightness to increase the visibility of the information of the electronic device (101) present on the multiple cards (163).

[0151] The processor (120) can display a panel screen (162) containing a plurality of cards having a predetermined transparency and brightness in a determined color on a display (161) (1400).

[0152] FIG. 5 is a flowchart illustrating a method for displaying a panel screen including a plurality of cards when the display setting information of an electronic device according to an embodiment of the present invention is in a power saving mode. (See FIG. 6)

[0153] In the following embodiments, each operation of FIG. 5 may be performed sequentially, but is not necessarily performed sequentially. For example, the order of each operation of FIG. 5 may be changed, and at least two operations may be performed in parallel.

[0154] According to one embodiment, the 2000 to 2400 operations of FIG. 5 may be understood to be performed in a processor (e.g., processor (120) of FIG. 3) of an electronic device (e.g., electronic device (101) of FIG. 3).

[0155] Since the 2000 operation of FIG. 5 according to one embodiment is substantially the same as the 1000 operation of FIG. 4 described above, a detailed description thereof may be replaced by the description of FIG. 4.

[0156] In one embodiment, the processor (120) can determine that the current display setting information of the electronic device (101) is in power saving mode (2100). The display (161) power saving mode is a mode for extending the usage time of the electronic device (101) by reducing battery consumption by limiting the performance and functions of the electronic device (101). When the power saving mode is set, the color of the display (161) of the electronic device (101) changes to black (or a dark color) and the brightness may be reduced. That is, when the display setting information is in power saving mode, the background color may be automatically extracted as black.

[0157] Accordingly, when the panel screen (162) is displayed on the display (161) in power saving mode, the processor (120) may determine the color of a plurality of cards (163) of the panel screen (162) as the first color (2200) to ensure visibility against a black background. The first color may be a color that ensures visibility of the information contained in the cards while maintaining visual aesthetics with black. For example, the first color may be a grayish color, specifically the color #565656.

[0158] The processor (120) can generate a plurality of cards with a predetermined transparency and brightness applied to a first color (2300). For example, the predetermined transparency may be 76% (equivalent to opacity of 24%), but is not limited thereto. The predetermined brightness may be a value that is 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be a value that is 1 / n of the brightness extracted from the current background.

[0159] The processor (120) can display a panel screen (162) including a plurality of cards having a predetermined transparency and brightness of a first color on a display (161) (2400).

[0160] FIG. 6 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a power saving mode.

[0161] Referring to FIG. 6, A shows a panel screen (162) including a plurality of cards (163) when the display setting information of the electronic device (101) is in power saving mode, and A' shows a card-shaped widget displayed on the home screen when the display setting information is in power saving mode.

[0162] Referring to A and A', it can be seen that the electronic device (101) is set to power saving mode and the display (161) is set to black. In power saving mode, the panel screen (162) is displayed in response to a user's request to display the panel screen, and the colors of the multiple cards (163) (card-shaped widgets) related to the settings and notifications of the electronic device (101) included therein have a first color to ensure visibility against the black background. For example, the first color may be a gray-based color, specifically the color #565656. Additionally, the multiple cards (163) are displayed with a predetermined transparency and a predetermined brightness. For example, the predetermined transparency may be 76% (equivalent to 24% opacity), but is not limited thereto. The predetermined brightness may be a value that is 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be a value that is 1 / n of the brightness extracted from the current background.

[0163] FIG. 7 is a flowchart illustrating a method for displaying a panel screen including a plurality of cards when the display setting information of an electronic device according to an embodiment of the present invention is in theme mode. (See FIG. 8)

[0164] In the following embodiments, each operation of FIG. 7 may be performed sequentially, but is not necessarily performed sequentially. For example, the order of each operation of FIG. 7 may be changed, and at least two operations may be performed in parallel.

[0165] According to one embodiment, the 3000 to 3400 operations of FIG. 7 can be understood as being performed in a processor (e.g., processor (120) of FIG. 3) of an electronic device (e.g., electronic device (101) of FIG. 3).

[0166] Since the 3000 operation of FIG. 7 according to one embodiment is substantially the same as the 1000 operation of FIG. 4 described above, a detailed description thereof may be replaced by the description of FIG. 4.

[0167] In one embodiment, the processor (120) can confirm that the current display setting information of the electronic device (101) is in theme mode (3100). The theme mode is a mode that groups a unified design and color tone while maintaining consistency with the icons, fonts, and / or UI displayed on the display (161) of the electronic device (101), and provides a mode that allows the user to select a theme according to their preference.

[0168] The theme mode may include a first theme mode that changes the overall design and color of the screen and / or UI of the electronic device (101) display (161). That is, the first theme mode may be related to the design of icons, fonts, backgrounds, typefaces, and / or layouts. The first theme mode may be built into the electronic device (101) by default, and may also be downloaded by communicating with the outside via a server (108).

[0169] The theme mode may include a second theme mode that controls the colors of the UI of the electronic device (101). That is, the second theme mode may relate to the colors of the system's status bar, notification window, buttons, and / or settings screen. The second theme mode may be generated based on colors extracted from the current screen colors of the electronic device (101). The second theme mode may be built into the system of the electronic device (101), and the user may increase the types of the second theme mode by selecting colors according to their preference.

[0170] When the first theme mode or the second theme mode is set, the processor (120) can determine the colors of the plurality of cards (163) of the display (161) panel screen (162) to the colors preset in the first theme mode or the second theme mode (3200). The colors preset in the theme mode may be built into the electronic device (101) and may be determined by the theme provider.

[0171] The processor (120) can generate multiple cards (3300) with a preset transparency and brightness applied to a preset color in the theme mode. For example, the preset transparency may be 76% (equivalent to 24% opacity), but is not limited thereto. The preset brightness may be a value that is 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be a value that is 1 / n of the brightness extracted from the current background.

[0172] The processor (120) can display a panel screen (162) on the display (161) that includes a plurality of cards having a predetermined transparency and brightness in a color preset in the theme mode (3400).

[0173] FIG. 8 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in theme mode.

[0174] Referring to FIG. 8, B illustrates a panel screen (162) including a plurality of cards (163) when the display setting information of the electronic device (101) is in a second theme mode, and B' illustrates a panel screen (162) including a plurality of cards (163) when the display setting information is in a first theme mode.

[0175] Referring to B and B', it can be seen that as the electronic device (101) is set to theme mode, the colors of the multiple cards (163) present on the panel screen (162) are determined to be colors pre-set in the theme mode. At this time, the colors pre-set in the theme mode may be built into the electronic device (101) and may be predetermined by a theme provider.

[0176] Additionally, multiple cards (163) are displayed with a predetermined transparency and a predetermined brightness. For example, the predetermined transparency may be 76% (equivalent to 24% opacity), but is not limited thereto. The predetermined brightness may be 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be 1 / n of the brightness extracted from the current background.

[0177] FIG. 9 is a flowchart illustrating a method for displaying a panel screen including a plurality of cards when the display setting information of an electronic device according to an embodiment of the present invention is in a general mode. (See FIG. 10 to 13)

[0178] In the following embodiments, each operation of FIG. 9 may be performed sequentially, but is not necessarily performed sequentially. For example, the order of each operation of FIG. 9 may be changed, and at least two operations may be performed in parallel.

[0179] According to one embodiment, operations 4000 to 4600 of FIG. 9 may be understood as being performed in a processor (e.g., processor (120) of FIG. 3) of an electronic device (e.g., electronic device (101) of FIG. 3).

[0180] Since the 4000 operation of FIG. 9 according to one embodiment is substantially the same as the 1000 operation of FIG. 4 described above, a detailed description thereof may be replaced by the description of FIG. 4.

[0181] In one embodiment, the processor (120) can confirm that the current display setting information of the electronic device (101) is in normal mode (4100). The normal mode of the display (161) means a mode in which the user can freely select an image to be displayed on the display (161) screen, unlike power saving mode or theme mode.

[0182] The processor (120) can detect the color of the home screen or lock screen displayed on the display (161) when the display setting information is in normal mode (4200). At this time, the home screen or lock screen displayed on the display (161) may refer to the home screen or lock screen at the time the request to display the panel screen (162) including a plurality of cards (163) is received from the user.

[0183] The processor (120) may determine the color of a plurality of cards (163) included in the panel screen (162) as a second color (4400) when the color of the home screen or lock screen is detected as achromatic (example of 4300). The second color may be a color that ensures visibility of the information contained in the cards while maintaining visual aesthetics with achromatic colors. For example, the second color may be black, specifically the color #000000.

[0184] If the color of the home screen or lock screen is not detected as achromatic (No to 4300), the processor (120) may extract a representative color from the detected color of the home screen or lock screen and determine the color of a plurality of cards (163) as the representative color (4310, 4410). The representative color is extracted from the home screen or lock screen and may produce a consistent aesthetic.

[0185] The processor (120) can generate a plurality of cards with a predetermined transparency and brightness applied to a second color or a representative color (4500, 4510). For example, the predetermined transparency may be 76% (equivalent to opacity 24%), but is not limited thereto. The predetermined brightness may be a value that is 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be a value that is 1 / n of the brightness extracted from the current background.

[0186] The processor (120) can display a panel screen (162) on a display (161) that includes a plurality of cards having a predetermined transparency and brightness for a second color or a representative color (4600).

[0187] FIG. 10 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a general mode.

[0188] FIG. 11 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a general mode.

[0189] Referring to FIGS. 10 and 11, C, C', D, and D' illustrate a panel screen (162) including a plurality of cards (163) when the display setting information of the electronic device (101) is in normal mode and the color of the home screen or lock screen is achromatic.

[0190] Referring to C and C', it can be seen that the user has arbitrarily set the home screen background according to preference, based on the fact that the display setting information of the electronic device (101) is in normal mode (161 of C). The home screen background color is detected as achromatic, and the colors of the multiple cards (163) related to the settings and notifications of the electronic device (101) included in the panel screen (162) shown in C' have a second color to ensure visibility against the achromatic background. The second color may be a color that ensures visibility of the information contained in the cards while maintaining visual aesthetics with the achromatic color. For example, the second color may be black, and specifically, may be the color #000000.

[0191] Additionally, multiple cards (163) are displayed with a predetermined transparency and a predetermined brightness. For example, the predetermined transparency may be 76% (equivalent to 24% opacity), but is not limited thereto. The predetermined brightness may be 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be 1 / n of the brightness extracted from the current background.

[0192] Referring to D and D', it can be seen that the home screen background is arbitrarily set according to user preference based on the fact that the display setting information of the electronic device (101) is in normal mode (161 of D). The home screen background color is detected as achromatic, and the colors of the multiple cards (163) related to the settings and notifications of the electronic device (101) included in the panel screen (162) shown in D' have a second color to ensure visibility against the achromatic background. The second color may be a color that ensures visibility of the information contained in the cards while maintaining visual aesthetics with the achromatic color. For example, the second color may be black, and specifically, may be the color #000000.

[0193] Additionally, multiple cards (163) are displayed with a predetermined transparency and a predetermined brightness. For example, the predetermined transparency may be 76% (equivalent to 24% opacity), but is not limited thereto. The predetermined brightness may be 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be 1 / n of the brightness extracted from the current background.

[0194] FIG. 12 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a general mode.

[0195] FIG. 13 illustrates a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in a general mode.

[0196] Referring to FIGS. 12 and 13, E, E', F, F' illustrate a panel screen (162) including a plurality of cards (163) when the display setting information of the electronic device (101) is in normal mode and the color of the home screen or lock screen is not achromatic.

[0197] Referring to E and E', it can be seen that the home screen background is arbitrarily set according to user preference based on the display setting information of the electronic device (101) being in normal mode (161 of E). It can be seen that the home screen background color is detected as not being achromatic, and a representative color is extracted from the home screen, and the color of a plurality of cards (163) related to the settings and notifications of the electronic device (101) included in the panel screen (162) shown in E' is set as the representative color (arrow between E and E'). The representative color is extracted from the home screen and can induce a consistent aesthetic.

[0198] Additionally, multiple cards (163) are displayed with a predetermined transparency and a predetermined brightness. For example, the predetermined transparency may be 76% (equivalent to 24% opacity), but is not limited thereto. The predetermined brightness may be 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be 1 / n of the brightness extracted from the current background.

[0199] Referring to F and F', it can be seen that the lock screen background is arbitrarily set according to user preference based on the display setting information of the electronic device (101) being in normal mode (161 of F). It can be seen that the lock screen background color is detected as not being achromatic, and a representative color is extracted from the lock screen, and the color of a plurality of cards (163) related to the settings and notifications of the electronic device (101) included in the panel screen (162) shown in F' is set as the representative color (arrow between F and F'). The representative color is extracted from the lock screen and can induce a consistent aesthetic.

[0200] Additionally, multiple cards (163) are displayed with a predetermined transparency and a predetermined brightness. For example, the predetermined transparency may be 76% (equivalent to 24% opacity), but is not limited thereto. The predetermined brightness may be 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be 1 / n of the brightness extracted from the current background.

[0201] FIG. 14 is a flowchart illustrating a method for displaying a panel screen including a plurality of cards when the display setting information of an electronic device according to one embodiment of the present invention is in normal mode and dark mode.

[0202] In the following embodiments, each operation of FIG. 14 may be performed sequentially, but is not necessarily performed sequentially. For example, the order of each operation of FIG. 14 may be changed, and at least two operations may be performed in parallel.

[0203] According to one embodiment, operations 5000 to 5800 of FIG. 14 may be understood to be performed in a processor (e.g., processor (120) of FIG. 3) of an electronic device (e.g., electronic device (101) of FIG. 3).

[0204] Since the 5000 to 5100 operations and 5300 to 5610 operations of FIG. 14 according to one embodiment are substantially the same as the 4000 to 4510 operations of FIG. 9 described above, a detailed description thereof may be replaced by the description of FIG. 9.

[0205] After confirming that the display setting information of the electronic device (101) is in normal mode, the processor (120) can additionally confirm that the display setting information of the electronic device (101) is in dark mode (5200). The dark mode of the display (161) is a mode for reducing battery consumption of the electronic device (101) and relieving eye strain of the user of the electronic device (101) by changing the color of the display (161) of the electronic device (101) to a dark color (black or gray, etc.). When dark mode is set, the color of the display (161) of the electronic device (101) can be changed to a dark color.

[0206] The processor (120) can detect the color of the home screen or lock screen displayed on the display (161) when the display setting information is normal mode and dark mode (5300).

[0207] The processor (120) may determine the color of a plurality of cards (163) included in the panel screen (162) as a second color (5500) when the color of the home screen or lock screen is detected as achromatic (e.g., 5400). The second color may be a color that ensures visibility of the information contained in the cards while maintaining visual aesthetics with achromatic colors. For example, the second color may be black, specifically the color #000000.

[0208] If the color of the home screen or lock screen is not detected as achromatic (No in 5400), the processor (120) can extract a representative color from the detected home screen or lock screen color and determine the color of a plurality of cards (163) as the representative color (5410, 5510). The representative color is extracted from the home screen and can induce a consistent aesthetic.

[0209] The processor (120) can generate multiple cards with a predetermined transparency applied to a second color or a representative color (5600, 5610). For example, the predetermined transparency may be 76% (equivalent to 24% opacity), but is not limited thereto.

[0210] The processor (120) can generate a plurality of cards that apply a brightness brighter than a predetermined brightness to a second color or a representative color (5700, 5710). When a panel screen (162) is displayed on the display (161) in dark mode, the brightness of the plurality of cards (163) of the panel screen (162) must be displayed brighter than a predetermined brightness in order to ensure visibility against a dark background. The predetermined brightness may be a value that is 1 / 3 of the brightness extracted from the current background, but is not limited thereto, and may be a value that is 1 / n of the brightness extracted from the current background. For example, if the predetermined brightness is 1 / 3 of the brightness extracted from the current background, the brightness in dark mode may be set to 1 / 2 of the brightness extracted from the current background.

[0211] The processor (120) can display a panel screen (162) on a display (161) that includes a plurality of cards having a transparency and brightness brighter than a predetermined brightness of a second color or a representative color (5800).

[0212] FIG. 15 is a flowchart illustrating a change in the graphic effect of a panel screen background as information of an electronic device lock screen is updated according to an embodiment of the present invention. (See FIG. 16 to 18)

[0213] In the following embodiments, each operation of FIG. 15 may be performed sequentially, but is not necessarily performed sequentially. For example, the order of each operation of FIG. 15 may be changed, and at least two operations may be performed in parallel.

[0214] According to one embodiment, the 6000 to 6300 operations of FIG. 15 can be understood as being performed in a processor (e.g., processor (120) of FIG. 3) of an electronic device (e.g., electronic device (101) of FIG. 3).

[0215] In one embodiment, the processor (120) of the electronic device (101) (or the electronic device (101)) may receive a request from a user to display a panel screen (162) including a plurality of cards (163) on a lock screen (6000).

[0216] The processor (120) can display the panel screen (162) on the lock screen of the display (161) of the electronic device (101) based on receiving a request from the user to display the panel screen (162) (6100). The background of the panel screen (162) can basically be displayed by applying graphic effects to the screen displayed on the display (161) at the time the request to display the panel screen (162) is received from the user. That is, when the user requests to display the panel screen (162) on the lock screen, the processor (120) can blur the lock screen and display it as the background of the panel screen (162).

[0217] After the processor (120) displays the panel screen (162) on the lock screen, it can determine whether the information contained in the lock screen has been updated (6200). The information contained in the lock screen may include information about timer operations, notification information about delivery apps, information about sports matches, and / or information about camera timers. For example, as the timer time set for the timer widget displayed on the lock screen approaches, the processor (120) can determine that the information contained in the lock screen has been updated.

[0218] The processor (120) can differentially change the graphic effect of the background (166) of the panel screen when the information included on the lock screen is updated (e.g., 6200) (6300). The graphic effect of the background (166) of the panel screen may include various effects such as a blur effect, a depth of field (DoF) effect, a dim effect, or a blend effect. For example, the processor (120) can increase the visibility of the timer information included on the lock screen by methods such as differentially or gradually reducing the blur effect of the background (166) of the panel screen as the timer time approaches the end of the timer time, so that the user can know that the information has been updated.

[0219] FIG. 16 illustrates that the panel screen background graphic effect changes as information on the electronic device lock screen is updated according to one embodiment of the present invention.

[0220] FIG. 17 illustrates that the panel screen background graphic effect changes as information on the electronic device lock screen is updated according to one embodiment of the present invention.

[0221] FIG. 18 illustrates a change in panel screen background graphic effect according to one embodiment of the present invention.

[0222] Referring to FIGS. 16 and 17, it can be seen that after the panel screen (162) is displayed on the lock screen, the graphic effect of the panel screen background (166) changes differentially as the information on the lock screen is updated.

[0223] Referring to G through G3, it can be seen that a lock screen is displayed on the display (161) of the electronic device (101). At the bottom of the lock screen, a timer (164) is displayed as an example of information included in the lock screen. The timer operates according to the time set by the user, and as the timer (164) approaches its end, it can be determined that the information included in the lock screen has been updated. Therefore, as the timer (164) approaches its end, it can be seen that the graphic effect of the background (166) of the panel screen changes differentially. Specifically, the visibility of the timer information included in the lock screen can be increased by methods such as differentially or gradually reducing the blur effect of the background (166) of the panel screen, thereby allowing the user to recognize the update of the information.

[0224] Likewise, referring to FIG. 18, after the panel screen (162) is displayed on the lock screen, the degree to which the graphic effect of the panel screen background (166) changes differentially as the information of the lock screen is updated can be seen.

[0225] After the panel screen (162) is displayed on the lock screen, if the information on the lock screen is updated, as the update progresses, the graphic effect of the panel screen background (166) (e.g., blur effect, depth of field (DoF) effect, dim effect, or blend effect) is gradually reduced as H to H3, so that the visibility of the information contained on the lock screen can be gradually increased.

[0226] FIG. 19 illustrates an example of a panel screen according to an embodiment of the present invention.

[0227] FIG. 20 illustrates an example of a panel screen according to an embodiment of the present invention.

[0228] Referring to FIG. 19, a panel screen (162) according to one embodiment may include a plurality of cards (163) related to the settings of an electronic device (101), as well as a plurality of cards (163) related to information about notifications received from the electronic device (101) and / or an installed application.

[0229] Referring to FIG. 20, a panel screen (162) according to one embodiment can be displayed on various types of wireless terminal electronic devices, such as various wearable devices, tablet PCs and / or smart TVs, as well as on an electronic device (101) associated with a smartphone.

[0230] An electronic device according to one embodiment of the present invention may include a display, a memory for storing instructions, and at least one processor. According to one embodiment, when the instructions are executed by the at least one processor, the electronic device may check display setting information of the electronic device in response to receiving a request from a user to display a panel screen including a plurality of cards, determine the color of the plurality of cards based on the display setting information, generate a plurality of cards with a predetermined transparency and brightness applied to the determined color, and display a panel screen including the generated plurality of cards on the display.

[0231] According to one embodiment, when the instructions are executed by the at least one processor, the electronic device can determine the color of the plurality of cards as a first color based on the fact that the display setting information is in a power saving mode.

[0232] According to one embodiment, when the instructions are executed by the at least one processor, the electronic device can determine the color of the plurality of cards to be a color preset in the theme mode based on the fact that the display setting information is a theme mode.

[0233] According to one embodiment, when the instructions are executed by the at least one processor, the electronic device can detect the color of a home screen or lock screen displayed on the display based on the fact that the display setting information is in a normal mode, and determine the color of the plurality of cards based on the detected color of the home screen or lock screen.

[0234] According to one embodiment, when the instructions are executed by the at least one processor, the electronic device may determine the color of the plurality of cards as a second color when the color of the detected home screen or lock screen is achromatic.

[0235] According to one embodiment, when the instructions are executed by the at least one processor, the electronic device may extract a representative color from the color of the detected home screen or lock screen when the color of the detected home screen or lock screen is not achromatic, and determine the color of the plurality of cards as the representative color.

[0236] According to one embodiment, when the instructions are executed by the at least one processor, the electronic device may generate a plurality of cards that apply a brightness brighter than a predetermined brightness to the determined color based on the display setting information that a dark mode is added to the normal mode.

[0237] According to one embodiment, when the instructions are executed by the at least one processor, the electronic device may display the panel screen containing a plurality of cards related to the settings and notifications of the electronic device on the lock screen in response to receiving a request from a user to display the panel screen containing a plurality of cards, and may differentially change the graphic effect of the panel screen background based on the update of information included in the lock screen.

[0238] According to one embodiment, the plurality of cards may include first information related to the function and notification of the electronic device or second information related to the function and notification of an application running on the electronic device, and may be composed of at least one of a shape, name, or UI icon corresponding to the first information and the second information.

[0239] A method for providing a panel screen of an electronic device including a display and a memory according to an embodiment of the present invention may include: an operation of checking display setting information of the electronic device in response to receiving a request from a user to display a panel screen including a plurality of cards; an operation of determining the color of the plurality of cards based on the display setting information; an operation of generating a plurality of cards with a predetermined transparency and brightness applied to the determined color; and an operation of displaying a panel screen including the generated plurality of cards on the display.

[0240] According to one embodiment, the method may further include an operation of determining the color of the plurality of cards as a first color based on the fact that the display setting information is in a power saving mode.

[0241] According to one embodiment, the method may further include an operation of determining the color of the plurality of cards to a color preset in the theme mode based on the fact that the display setting information is in the theme mode.

[0242] According to one embodiment, the method may further include the operation of detecting the color of a home screen or lock screen displayed on the display based on the fact that the display setting information is in a normal mode, and the operation of determining the color of the plurality of cards based on the detected color of the home screen or lock screen.

[0243] According to one embodiment, the method may further include the operation of determining the color of the plurality of cards as a second color when the color of the detected home screen or lock screen is achromatic.

[0244] According to one embodiment, the method may further include the operation of extracting a representative color from the color of the detected home screen or lock screen when the color of the detected home screen or lock screen is not achromatic, and the operation of determining the color of the plurality of cards as the representative color.

[0245] According to one embodiment, the method may further include the operation of generating a plurality of cards that apply a brightness brighter than a predetermined brightness to the determined color based on the display setting information that a dark mode has been added to the normal mode.

[0246] According to one embodiment, the method may further include the operation of displaying the panel screen containing a plurality of cards related to the settings and notifications of the electronic device on a lock screen in response to receiving a request from a user to display the panel screen containing a plurality of cards, and the operation of differentially changing the graphic effect of the panel screen background based on the update of information included in the lock screen.

[0247] According to one embodiment, the plurality of cards may include first information related to the function and notification of the electronic device or second information related to the function and notification of an application running on the electronic device, and may be composed of at least one of a shape, name, or UI icon corresponding to the first information and the second information.

[0248] An electronic device according to one embodiment of the present invention can provide a method and device for maintaining the aesthetic appeal of a panel screen by checking display setting information upon receiving a panel screen display request from a user, and adjusting the color of a card included in the panel screen based on the display setting information so as to be consistent with an image displayed on the display.

[0249] An electronic device according to one embodiment of the present invention can provide a method and device that can increase the visibility of information along with a unified aesthetic with a background image by applying consistent transparency and brightness to a panel screen including a card related to the settings and notifications of the electronic device.

[0250] The electronic device according to the various embodiments disclosed in this document may be of various forms. The electronic device may include, for example, a portable communication device (e.g., a smartphone), a computer device, a portable multimedia device, a portable medical device, a camera, a wearable device, or a consumer electronics device. The electronic device according to the embodiments of this document is not limited to the devices described above.

[0251] The various embodiments of this document and the terms used therein are not intended to limit the technical features described in this document to specific embodiments, and should be understood to include various modifications, equivalents, or substitutions of said embodiments. In connection with the description of the drawings, similar reference numerals may be used for similar or related components. The singular form of a noun corresponding to an item may include one or more of said items unless the relevant context clearly indicates otherwise. In this document, phrases such as "A or B," "at least one of A and B," "at least one of A or B," "A, B or C," "at least one of A, B and C," and "at least one of A, B, or C" may each include any one of the items listed together in the corresponding phrase, or all possible combinations thereof. Terms such as "first," "second," or "first" or "second" may be used simply to distinguish said components from other said components and do not limit said components in any other aspect (e.g., importance or order). Where any (e.g., 1st) component is referred to as "coupled" or "connected" to another (e.g., 2nd) component, with or without the terms "functionally" or "communicationly," it means that said any component may be connected to said other component directly (e.g., via a wire), wirelessly, or through a third component.

[0252] The term “module” as used in the various embodiments of this document may include a unit implemented in hardware, software, or firmware, and may be used interchangeably with terms such as logic, logic block, component, or circuit, for example. A module may be a component formed integrally, or a minimum unit of said component or a part thereof that performs one or more functions. For example, according to one embodiment, a module may be implemented in the form of an application-specific integrated circuit (ASIC).

[0253] Various embodiments of the present document may be implemented as software (e.g., program (140)) comprising one or more instructions stored in a storage medium (e.g., internal memory (36) or external memory (38)) readable by a machine (e.g., electronic device (101)). For example, a processor (e.g., processor (120)) of the machine (e.g., electronic device (101)) may call at least one of the one or more instructions stored from the storage medium and execute it. This enables the machine to operate to perform at least one function according to the at least one called instruction. The one or more instructions may include code generated by a compiler or code that can be executed by an interpreter. The storage medium readable by the machine may be provided in the form of a non-transitory storage medium. Here, 'non-temporary' simply means that the storage medium is a tangible device and does not contain a signal (e.g., electromagnetic waves), and the term does not distinguish between cases where data is stored semi-permanently and cases where it is stored temporarily.

[0254] According to one embodiment, the method according to the various embodiments disclosed herein may be provided by being included in a computer program product. The computer program product may be traded between a seller and a buyer as a product. The computer program product may be distributed in the form of a device-readable storage medium (e.g., compact disc read-only memory (CD-ROM)) or an application store (e.g., Play Store). TM It can be distributed online (e.g., downloaded or uploaded) through ) or directly between two user devices (e.g., smartphones). In the case of online distribution, at least a portion of the computer program product may be temporarily stored or temporarily created on a device-readable storage medium, such as the memory of a manufacturer's server, an application store's server, or a relay server.

[0255] According to various embodiments, each component (e.g., module or program) of the components described above may include a singular or multiple entities, and some of the multiple entities may be separated and placed in other components. According to various embodiments, one or more of the components or operations of the aforementioned components may be omitted, or one or more other components or operations may be added. Generally or additionally, multiple components (e.g., module or program) may be integrated into a single component. In this case, the integrated component may perform one or more functions of each of the multiple components in the same or similar manner as those performed by the corresponding component among the multiple components prior to integration. According to various embodiments, operations performed by the module, program, or other components may be executed sequentially, in parallel, iteratively, or heuristically, or one or more of the operations may be executed in a different order, omitted, or one or more other operations may be added.

[0256] The embodiments disclosed in this specification and drawings are merely specific examples provided to facilitate the explanation of the technical content according to the embodiments of this disclosure and to aid in understanding the embodiments of this disclosure, and are not intended to limit the scope of the embodiments of this disclosure. Accordingly, the scope of an embodiment of this disclosure should be interpreted as including all modifications or variations derived based on the technical features of an embodiment of this disclosure, in addition to the embodiments disclosed herein.

Claims

1. In electronic devices display; Memory for storing instructions; and It includes at least one processor; and When the above instructions are executed by the above at least one processor, the electronic device, In response to receiving a request from a user to display a panel screen including multiple cards, the display setting information of the electronic device is checked, and The colors of the plurality of cards are determined based on the above display setting information, and Generate a plurality of cards with predetermined transparency and brightness applied to the above-determined color, and An electronic device that displays a panel screen including a plurality of cards generated above on the display.

2. In Paragraph 1, When the above instructions are executed by the above at least one processor, the electronic device, An electronic device that determines the color of the plurality of cards as the first color based on the fact that the above display setting information is in power saving mode.

3. In Paragraph 1, When the above instructions are executed by the above at least one processor, the electronic device, An electronic device that determines the colors of the plurality of cards to be colors preset in the theme mode based on the fact that the display setting information is in the theme mode.

4. In Paragraph 1, When the above instructions are executed by the above at least one processor, the electronic device, Based on the fact that the above display setting information is in normal mode, the color of the home screen or lock screen displayed on the above display is detected, and An electronic device that determines the color of the plurality of cards based on the color of the detected home screen or lock screen.

5. In Paragraph 4, When the above instructions are executed by the above at least one processor, the electronic device, An electronic device that determines the color of the plurality of cards as a second color when the color of the detected home screen or lock screen is achromatic.

6. In Paragraph 4, When the above instructions are executed by the above at least one processor, the electronic device, If the color of the detected home screen or lock screen is not achromatic, a representative color is extracted from the color of the detected home screen or lock screen, and An electronic device that determines the color of the plurality of cards above as the representative color.

7. In Paragraph 4, When the above instructions are executed by the above at least one processor, the electronic device, An electronic device that generates a plurality of cards with a brightness brighter than a predetermined brightness applied to the determined color based on the display setting information that a dark mode has been added to the normal mode.

8. In Paragraph 1, When the above instructions are executed by the above at least one processor, the electronic device, In response to receiving a request from a user to display a panel screen including multiple cards, the panel screen including multiple cards related to the settings and notifications of the electronic device is displayed on the lock screen, and An electronic device that differentially changes the graphic effect of the panel screen background based on the update of information included in the lock screen.

9. Regarding Paragraph 1, The above plurality of cards are, It includes first information related to the functions and notifications of the electronic device or second information related to the functions and notifications of an application running on the electronic device, and An electronic device comprising at least one of a shape, name, or UI icon corresponding to the first information and the second information.

10. A method for providing a panel screen of an electronic device including a display and a memory, An operation to check display setting information of the electronic device in response to receiving a request from a user to display a panel screen including multiple cards; An operation to determine the color of the plurality of cards based on the above display setting information; The operation of generating a plurality of cards with predetermined transparency and brightness applied to the above-determined color; and A method comprising the operation of displaying a panel screen containing a plurality of cards generated above on the display.

11. In Paragraph 10, The operation of determining the colors of the above plurality of cards is A method further comprising the operation of determining the color of the plurality of cards as a first color based on the fact that the display setting information is in power saving mode.

12. In Paragraph 10, The operation of determining the colors of the above plurality of cards is A method further comprising the operation of determining the colors of the plurality of cards to be colors preset in the theme mode based on the fact that the display setting information is in the theme mode.

13. In Paragraph 10, The operation of determining the colors of the above plurality of cards is An operation to detect the color of the home screen or lock screen displayed on the display based on the fact that the above display setting information is in normal mode; and A method further comprising the operation of determining the color of the plurality of cards based on the color of the detected home screen or lock screen.

14. In Paragraph 10, The above method An operation of displaying the panel screen containing multiple cards related to the settings and notifications of the electronic device on the lock screen in response to receiving a request from a user to display the panel screen containing multiple cards; and A method further comprising an operation to differentially change the graphic effect of the panel screen background based on the update of information included in the lock screen.

15. Regarding Paragraph 10, The above plurality of cards are, It includes first information related to the functions and notifications of the electronic device or second information related to the functions and notifications of an application running on the electronic device, and A method comprising at least one of a shape, name, or UI icon corresponding to the first information and the second information.

Images