KR20210089861A - Method and apparatus for customizing object color of an application - Google Patents
Method and apparatus for customizing object color of an application Download PDFInfo
- Publication number
- KR20210089861A KR20210089861A KR1020200002918A KR20200002918A KR20210089861A KR 20210089861 A KR20210089861 A KR 20210089861A KR 1020200002918 A KR1020200002918 A KR 1020200002918A KR 20200002918 A KR20200002918 A KR 20200002918A KR 20210089861 A KR20210089861 A KR 20210089861A
- Authority
- KR
- South Korea
- Prior art keywords
- color
- palette
- partial
- colors
- customize
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
본 개시는 어플리케이션의 오브젝트 색상을 커스터마이징 하는 방법 및 장치에 관한 것이다. 보다 자세하게는 어플리케이션을 이용하여 다양한 오브젝트의 색상들을 자유롭게 커스터마이징 할 수 있는 방법 및 장치에 관한 것이다. The present disclosure relates to a method and apparatus for customizing an object color of an application. More specifically, it relates to a method and apparatus for freely customizing the colors of various objects using an application.
현대인들은 페이스북이나 인스타그램과 같은 소셜 네트워크 서비스(Social Network Service, 이하 "SNS"라 함)를 이용하여 지인들과 소통하고 자신의 감정이나 생각을 표현한다. 이러한 SNS는 일반적으로 서비스 회사에서 제공하는 기본 인터페이스 스타일, 예를 들어 폰트나 창의 색깔, 배치, 디자인 등을 그대로 이용하게 되며, 사용자가 자신의 취향에 맞게 오브젝트 스타일을 바꾸는 것은 매우 어렵거나 제한적으로만 허용되어 왔다.Modern people communicate with their acquaintances and express their feelings and thoughts by using social network services (hereinafter referred to as "SNS") such as Facebook or Instagram. These SNS generally use the basic interface style provided by the service company, for example, font or window color, layout, design, etc., and it is very difficult or limited for users to change the object style to suit their taste. has been allowed
이처럼 기존의 SNS 등의 서비스들이 충분한 커스터마이징 옵션을 제공하지 못함에 따라, 사용자들은 자기 표현의 욕구를 소셜 공간 상에 만족스럽게 표출할 수 없었으며, 항상 동일하고 획일적인 스타일에 쉽게 질리게 되어 서비스에 대한 흥미와 참여도가 떨어지고, 그 결과 서비스가 활성화되고 널리 확산되는 데에 큰 장애가 되어왔다.As such, as existing services such as SNS did not provide sufficient customization options, users could not satisfactorily express their desires for self-expression on social space, and they were easily bored with the same and uniform style. Interest and participation have decreased, and as a result, it has become a major obstacle to the activation and widespread dissemination of services.
본 개시의 몇몇 실시예들을 통해 해결하고자 하는 기술적 과제는, 소셜 네트워크 서비스나 어플리케이션 서비스 상에서 사용자가 자유롭게 다양한 스타일과 오브젝트들을 커스터마이징 할 수 있는 방법 및 장치를 제공하는 것이다.A technical problem to be solved through some embodiments of the present disclosure is to provide a method and apparatus in which a user can freely customize various styles and objects on a social network service or an application service.
본 개시의 몇몇 실시예들을 통해 해결하고자 하는 다른 기술적 과제는, 사용자들이 자신의 취향에 맞는 다양한 색상들을 어플리케이션 내 오브젝트들에 손쉽고 빠르게 적용할 수 있도록 하는 방법 및 장치를 제공하는 것이다.Another technical problem to be solved through some embodiments of the present disclosure is to provide a method and apparatus for allowing users to easily and quickly apply various colors suitable for their taste to objects in an application.
본 개시의 몇몇 실시예들을 통해 해결하고자 하는 기술적 과제는, 사용자가 어플리케이션을 통해 자신의 취향에 맞는 색상들을 다양하게 수집하고 관리할 수 있게 하는 방법 및 장치를 제공하는 것이다.A technical problem to be solved through some embodiments of the present disclosure is to provide a method and an apparatus for enabling a user to collect and manage various colors according to his or her taste through an application.
본 개시의 기술적 과제들은 이상에서 언급한 기술적 과제들로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 본 개시의 기술분야에서의 통상의 기술자에게 명확하게 이해될 수 있을 것이다.The technical problems of the present disclosure are not limited to the technical problems mentioned above, and other technical problems not mentioned will be clearly understood by those skilled in the art from the following description.
상기 기술된 문제점들을 해결하기 위한 본 개시의 일 실시예에 따른 컴퓨팅 장치에 의해 구동되는 어플리케이션은 복수의 팔레트 색상을 포함하는 팔레트를 구성하는 단계, 상기 팔레트의 색상 리스트를 표시하는 단계, 및 상기 색상 리스트 중 사용자가 선택한 팔레트 색상을 오브젝트에 적용하여, 상기 오브젝트의 색상을 커스터마이징 하는 단계를 포함하고, 상기 팔레트 색상은 제1 부분색상 및 상기 제1 부분색상과 구분되는 제2 부분색상을 포함한다. The application driven by the computing device according to an embodiment of the present disclosure for solving the above-described problems comprises the steps of configuring a palette including a plurality of palette colors, displaying a color list of the palette, and the colors and customizing the color of the object by applying the palette color selected by the user from the list to the object, wherein the palette color includes a first partial color and a second partial color distinguished from the first partial color.
일 실시예로서, 상기 팔레트를 구성하는 단계는 보유 색상 리스트를 표시하는 단계, 및 상기 보유 색상 리스트 중 사용자가 선택한 색상을 상기 팔레트에 배치하는 단계를 포함할 수 있다.As an embodiment, the step of configuring the palette may include displaying a list of retained colors, and arranging a color selected by a user from among the list of retained colors in the palette.
일 실시예로서, 상기 팔레트를 구성하는 단계는 상기 배치된 색상의 위치를 변경하거나 상기 배치된 색상을 삭제하는 단계를 더 포함할 수 있다.As an embodiment, configuring the palette may further include changing the position of the arranged color or deleting the arranged color.
일 실시예로서, 상기 제1 부분색상은 상기 팔레트 색상의 제1 영역에 표시되고, 상기 제2 부분색상은 상기 팔레트 색상의 제2 영역에 표시될 수 있다.As an embodiment, the first partial color may be displayed in a first area of the palette color, and the second partial color may be displayed in a second area of the palette color.
일 실시예로서, 상기 팔레트를 구성하는 단계는 상기 제1 부분색상이 표시되는 영역을 상기 제1 영역에서 상기 제2 영역으로 변경하는 단계를 포함할 수 있다.As an embodiment, configuring the palette may include changing an area in which the first partial color is displayed from the first area to the second area.
일 실시예로서, 상기 제1 영역은 상기 팔레트 색상의 바탕 영역이고, 상기 제2 영역은 상기 팔레트 색상의 폰트 영역일 수 있다.As an embodiment, the first area may be a background area of the palette color, and the second area may be a font area of the palette color.
일 실시예로서, 상기 제1 부분색상 및 상기 제2 부분색상 중, 어느 한 부분색상은 상기 오브젝트의 제1 요소에 적용되고 다른 한 부분색상은 상기 오브젝트의 제2 요소에 적용될 수 있다.As an embodiment, one of the first partial color and the second partial color may be applied to a first element of the object and the other partial color may be applied to a second element of the object.
일 실시예로서, 상기 오브젝트는 상기 어플리케이션의 화면 이미지를 구성하는 어플리케이션 헤드(Application Head), 어플리케이션 바디(Application Body), 어플리케이션 바텀(Application Bottom), 또는 콘텐츠 플레이 바(Contents Play Bar) 등을 포함할 수 있다.As an embodiment, the object may include an application head, an application body, an application bottom, or a content play bar constituting a screen image of the application. can
일 실시예로서, 상기 오브젝트는 상기 어플리케이션을 통해 표시되는 마이룸의 마스터 스타일 또는 구성요소 스타일을 포함할 수 있다.As an embodiment, the object may include a master style or a component style of My Room displayed through the application.
일 실시예로서, 상기 오브젝트는 상기 컴퓨팅 장치에 의해 구동되는 응용프로그램의 수행 결과를 표시하거나 상기 응용프로그램을 조작하기 위한 사용자 인터페이스 도구인 피앱을 포함할 수 있다.As an embodiment, the object may include a P-App, which is a user interface tool for displaying an execution result of an application program driven by the computing device or operating the application program.
일 실시예로서, 상기 오브젝트는 상기 어플리케이션을 통해 업로드 되는 콘텐츠를 포함할 수 있다.As an embodiment, the object may include content uploaded through the application.
일 실시예로서, 상기 오브젝트는 콘텐츠를 저장하는 폴더를 포함할 수 있다.As an embodiment, the object may include a folder for storing content.
일 실시예로서, 상기 오브젝트는 음악들의 목록을 저장하는 플레이리스트를 포함할 수 있다.As an embodiment, the object may include a playlist storing a list of songs.
일 실시예로서, 상기 제1 요소는 상기 오브젝트의 배경, 버튼의 배경, 스테이터스바, 제목바 또는 테두리를 포함하고, 상기 제2 요소는 상기 오브젝트의 글씨, 숫자, 문자 또는 버튼의 아이콘을 포함할 수 있다.In one embodiment, the first element may include the object background, button background, status bar, title bar, or border, and the second element may include text, numbers, characters, or button icons of the object. can
일 실시예로서, 상기 팔레트는 제1 팔레트 색상 및 제2 팔레트 색상을 포함하고, 상기 팔레트를 구성하는 단계는 상기 제1 팔레트 색상의 부분색상과 상기 제2 팔레트 색상의 부분색상을 조합하여 제3 팔레트 색상을 생성하는 단계를 포함할 수 있다.In one embodiment, the palette includes a first palette color and a second palette color, and the step of configuring the palette includes combining a partial color of the first palette color and a partial color of the second palette color to obtain a third It may include generating a palette color.
일 실시예로서, 상기 팔레트는 제1 팔레트 색상 및 제2 팔레트 색상을 포함하고, 상기 팔레트를 구성하는 단계는 상기 제1 팔레트 색상의 부분색상과 상기 제2 팔레트 색상의 부분색상을 혼합하여 새로운 색상을 생성하고, 상기 새로운 색상을 포함하는 제3 팔레트 색상을 생성하는 단계를 포함할 수 있다.In one embodiment, the palette includes a first palette color and a second palette color, and the step of configuring the palette includes mixing a partial color of the first palette color and a partial color of the second palette color to create a new color. and generating a third palette color including the new color.
일 실시예로서, 상기 제3 팔레트 색상은 상기 새로운 색상을 상기 제3 팔레트 색상의 어느 한 부분색상으로서 포함하고, 상기 제1 팔레트 색상의 부분색상과 상기 제2 팔레트 색상의 부분색상 중 적어도 하나를 상기 제3 팔레트 색상의 다른 부분색상으로서 포함할 수 있다.In one embodiment, the third palette color includes the new color as any one partial color of the third palette color, and includes at least one of a partial color of the first palette color and a partial color of the second palette color. It may be included as another partial color of the third palette color.
일 실시예로서, 상기 팔레트 색상은 상기 제1 부분색상 및 상기 제2 부분색상과 각각 구분되는 제3 부분색상을 더 포함할 수 있다.As an embodiment, the palette color may further include a third partial color that is respectively distinguished from the first partial color and the second partial color.
일 실시예로서, 상기 제1 부분색상은 상기 팔레트 색상의 제1 영역에 표시되고, 상기 제2 부분색상은 상기 팔레트 색상의 제2 영역에 표시되고, 상기 제3 부분색상은 상기 팔레트 색상의 제3 영역에 표시될 수 있다.In an embodiment, the first partial color is displayed in a first area of the palette color, the second partial color is displayed in a second area of the palette color, and the third partial color is a second area of the palette color. It can be displayed in 3 areas.
일 실시예로서, 상기 제1 영역은 상기 팔레트 색상의 바탕 영역이고, 상기 제2 영역은 상기 팔레트 색상의 폰트 영역이고, 상기 제3 영역은 상기 팔레트 색상의 테두리 영역일 수 있다.As an embodiment, the first area may be a background area of the palette color, the second area may be a font area of the palette color, and the third area may be an edge area of the palette color.
일 실시예로서, 상기 제1 부분색상, 상기 제2 부분색상 및 상기 제3 부분색상 중, 어느 한 부분색상은 상기 오브젝트의 제1 요소에 적용되고, 다른 한 부분색상은 상기 오브젝트의 제2 요소에 적용되고, 또 다른 한 부분색상은 상기 오브젝트의 제3 요소에 적용될 수 있다.In an embodiment, any one of the first partial color, the second partial color and the third partial color is applied to a first element of the object, and the other partial color is a second element of the object. , and another partial color may be applied to the third element of the object.
일 실시예로서, 상기 제1 부분색상, 상기 제2 부분색상 및 상기 제3 부분색상 중, 어느 한 부분색상은 상기 오브젝트의 제1 요소에 적용되고, 다른 한 부분색상은 상기 오브젝트의 제2 요소에 적용되고, 또 다른 한 부분색상은 상기 제1 요소 또는 제2 요소에 특정 이벤트가 발생했을 때 이를 표시하기 위해 상기 어느 한 부분색상 또는 상기 다른 한 부분색상을 대신하여 상기 제1 요소 또는 상기 제2 요소에 적용될 수 있다.In an embodiment, any one of the first partial color, the second partial color and the third partial color is applied to a first element of the object, and the other partial color is a second element of the object. and another partial color is applied to the first element or the second element in place of the one partial color or the other partial color to indicate when a specific event occurs in the first element or the second element. It can be applied to 2 elements.
일 실시예로서, 상기 팔레트 색상의 투명도를 조절하는 단계를 더 포함할 수 있다.As an embodiment, the method may further include adjusting the transparency of the palette color.
일 실시예로서, 상기 투명도 조절은 상기 팔레트 색상에 대해, 상기 제1 부분색상 또는 상기 제2 부분색상에 대해, 또는 상기 오브젝트에 대해 수행될 수 있다.As an embodiment, the transparency adjustment may be performed on the palette color, the first partial color or the second partial color, or the object.
상기 기술된 문제점들을 해결하기 위한 본 개시의 일 실시예에 따른 오브젝트 색상을 커스터마이징 하는 장치는 프로세서, 상기 프로세서에 의해 실행되는 컴퓨터 프로그램을 로드(load)하는 메모리, 및 상기 컴퓨터 프로그램을 저장하는 스토리지를 포함하되, 상기 컴퓨터 프로그램은 복수의 팔레트 색상을 포함하는 팔레트를 구성하는 동작, 상기 팔레트의 색상 리스트를 표시하는 동작, 및 상기 색상 리스트 중 사용자가 선택한 팔레트 색상을 오브젝트에 적용하여 상기 오브젝트의 색상을 커스터마이징 하는 동작을 수행하도록 하는 인스트럭션들(instructions)을 포함하고, 상기 팔레트 색상은 제1 부분색상 및 상기 제1 부분색상과 구분되는 제2 부분색상을 포함한다.An apparatus for customizing an object color according to an embodiment of the present disclosure for solving the above-described problems includes a processor, a memory for loading a computer program executed by the processor, and a storage for storing the computer program. However, the computer program comprises an operation of composing a palette including a plurality of palette colors, an operation of displaying a color list of the palette, and applying a palette color selected by a user from the color list to the object to obtain the color of the object. and instructions for performing a customizing operation, wherein the palette color includes a first partial color and a second partial color differentiated from the first partial color.
일 실시예로서, 상기 팔레트 색상은 상기 제1 부분색상 및 상기 제2 부분색상과 각각 구분되는 제3 부분색상을 더 포함할 수 있다.As an embodiment, the palette color may further include a third partial color that is respectively distinguished from the first partial color and the second partial color.
도 1은 본 개시의 다양한 실시예들에 따른, 오브젝트 색상을 커스터마이징 하는 방법을 나타내는 순서도이다.
도 2는 도 1의 팔레트를 구성하는 단계(S100)를 더욱 구체화한 일 실시예를 나타내는 순서도이다.
도 3은 본 개시의 몇몇 실시예들에서 참조되는 팔레트의 구성을 설명하기 위한 도면이다.
도 4는 본 개시의 일 실시예에 따른, 팔레트 색상의 세부 구성 및 특징을 설명하기 위한 도면이다.
도 5 내지 도 7은 본 개시의 일 실시예에 따른, 오브젝트 색상을 커스터마이징 하는 방법을 어플리케이션의 화면 이미지에 적용한 사례를 설명하기 위한 도면이다.
도 8 내지 도 11은 본 개시의 일 실시예에 따른, 오브젝트 색상을 커스터마이징 하는 방법을 어플리케이션의 마이룸에 적용한 사례를 설명하기 위한 도면이다.
도 12 및 도 13은 도 9에서 참조된 컨트롤러(1240)의 세부 구성 및 특징을 설명하기 위한 도면이다.
도 14 내지 도 19는 본 개시의 몇몇 실시예에 따른, 오브젝트 색상을 커스터마이징 하는 방법의 다양한 변형 실시예 및 확장 사례들을 설명하기 위한 도면이다.
도 20은 본 개시의 다양한 실시예에 따른 장치를 구현할 수 있는 예시적인 컴퓨팅 장치를 나타내는 하드웨어 구성도이다.1 is a flowchart illustrating a method of customizing an object color according to various embodiments of the present disclosure;
FIG. 2 is a flowchart illustrating an embodiment in which the step (S100) of configuring the palette of FIG. 1 is further detailed.
3 is a view for explaining the configuration of the palette referenced in some embodiments of the present disclosure.
4 is a view for explaining a detailed configuration and characteristics of a color palette according to an embodiment of the present disclosure.
5 to 7 are diagrams for explaining an example in which a method of customizing an object color is applied to a screen image of an application, according to an embodiment of the present disclosure.
8 to 11 are diagrams for explaining an example of applying a method of customizing an object color to My Room of an application, according to an embodiment of the present disclosure.
12 and 13 are diagrams for explaining the detailed configuration and characteristics of the
14 to 19 are diagrams for explaining various modified examples and extension examples of a method for customizing an object color, according to some embodiments of the present disclosure.
20 is a hardware configuration diagram illustrating an exemplary computing device capable of implementing an apparatus according to various embodiments of the present disclosure.
이하, 첨부된 도면을 참조하여 본 개시의 바람직한 실시 예들을 상세히 설명한다. 본 개시의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 개시의 기술적 사상은 이하의 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 이하의 실시예들은 본 개시의 기술적 사상을 완전하도록 하고, 본 개시가 속하는 기술분야에서 통상의 지식을 가진 자에게 본 개시의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 개시의 기술적 사상은 청구항의 범주에 의해 정의될 뿐이다.Hereinafter, preferred embodiments of the present disclosure will be described in detail with reference to the accompanying drawings. Advantages and features of the present disclosure, and methods for achieving them, will become apparent with reference to the embodiments described below in detail in conjunction with the accompanying drawings. However, the technical spirit of the present disclosure is not limited to the following embodiments, but may be implemented in various different forms, and only the following embodiments complete the technical spirit of the present disclosure, and in the technical field to which the present disclosure belongs It is provided to fully inform those of ordinary skill in the scope of the present disclosure, and the technical spirit of the present disclosure is only defined by the scope of the claims.
각 도면의 구성요소들에 참조부호를 부가함에 있어서, 동일한 구성요소들에 대해서는 비록 다른 도면상에 표시되더라도 가능한 한 동일한 부호를 가지도록 하고 있음에 유의해야 한다. 또한, 본 개시를 설명함에 있어, 관련된 공지 구성 또는 기능에 대한 구체적인 설명이 본 개시의 요지를 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명은 생략한다.In adding reference numerals to the components of each drawing, it should be noted that the same components are given the same reference numerals as much as possible even though they are indicated on different drawings. In addition, in describing the present disclosure, if it is determined that a detailed description of a related known configuration or function may obscure the gist of the present disclosure, the detailed description thereof will be omitted.
다른 정의가 없다면, 본 명세서에서 사용되는 모든 용어(기술 및 과학적 용어를 포함)는 본 개시가 속하는 기술분야에서 통상의 지식을 가진 자에게 공통적으로 이해될 수 있는 의미로 사용될 수 있다. 또 일반적으로 사용되는 사전에 정의되어 있는 용어들은 명백하게 특별히 정의되어 있지 않는 한 이상적으로 또는 과도하게 해석되지 않는다. 본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 개시를 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다.Unless otherwise defined, all terms (including technical and scientific terms) used herein may be used with the meaning commonly understood by those of ordinary skill in the art to which this disclosure belongs. In addition, terms defined in a commonly used dictionary are not to be interpreted ideally or excessively unless clearly defined in particular. The terminology used herein is for the purpose of describing the embodiments and is not intended to limit the present disclosure. As used herein, the singular also includes the plural unless specifically stated otherwise in the phrase.
또한, 본 개시의 구성 요소를 설명하는 데 있어서, 제1, 제2, A, B, (a), (b) 등의 용어를 사용할 수 있다. 이러한 용어는 그 구성 요소를 다른 구성 요소와 구별하기 위한 것일 뿐, 그 용어에 의해 해당 구성 요소의 본질이나 차례 또는 순서 등이 한정되지 않는다. 어떤 구성 요소가 다른 구성요소에 "연결", "결합" 또는 "접속"된다고 기재된 경우, 그 구성 요소는 그 다른 구성요소에 직접적으로 연결되거나 또는 접속될 수 있지만, 각 구성 요소 사이에 또 다른 구성 요소가 "연결", "결합" 또는 "접속"될 수도 있다고 이해되어야 할 것이다.In addition, in describing the components of the present disclosure, terms such as first, second, A, B, (a), (b), etc. may be used. These terms are only for distinguishing the component from other components, and the essence, order, or order of the component is not limited by the term. When a component is described as being “connected”, “coupled” or “connected” to another component, the component may be directly connected or connected to the other component, but another component is between each component. It should be understood that elements may be “connected,” “coupled,” or “connected.”
명세서에서 사용되는 "포함한다 (comprises)" 및/또는 "포함하는 (comprising)"은 언급된 구성 요소, 단계, 동작 및/또는 소자는 하나 이상의 다른 구성 요소, 단계, 동작 및/또는 소자의 존재 또는 추가를 배제하지 않는다.As used herein, “comprises” and/or “comprising” refers to the presence of one or more other components, steps, operations and/or elements mentioned. or addition is not excluded.
도 1은 본 개시의 다양한 실시예들에 따른 오브젝트 색상을 커스터마이징 하는 방법을 나타내는 순서도이다. 도 1에서 설명되는 방법의 각 단계는 컴퓨팅 장치의 프로세서에 의해 실행되는 하나 이상의 인스트럭션들(instructions)로 구현될 수 있다. 1 is a flowchart illustrating a method of customizing an object color according to various embodiments of the present disclosure. Each step of the method described in FIG. 1 may be implemented as one or more instructions executed by a processor of a computing device.
이때, 인스트럭션이란, 기능을 기준으로 묶인 일련의 컴퓨터 판독가능 명령어로서 컴퓨터 프로그램의 구성 요소이자 프로세서에 의해 실행되는 것을 가리킨다. 도 1에서 설명되는 오브젝트 색상을 커스터마이징 하는 방법의 각 단계들은 하나의 물리적인 컴퓨팅 장치에 의하여 실행될 수도 있지만, 각 단계들 중 일부는 제1 컴퓨팅 장치에서 수행되고 다른 일부는 제2 컴퓨팅 장치에 의하여 수행되는 것과 같은 방식으로 복수의 컴퓨팅 장치에서 나누어 수행될 수도 있다. In this case, the instruction refers to a series of computer readable instructions grouped based on function, which is a component of a computer program and is executed by a processor. Each of the steps of the method for customizing the object color described in FIG. 1 may be executed by one physical computing device, but some of the respective steps are performed by the first computing device and others are performed by the second computing device It may also be performed separately in a plurality of computing devices in the same manner as described above.
본 개시의 다양한 실시예들에 따른 오브젝트 색상을 커스터마이징 하는 방법은 다양한 시스템이나 환경에서 수행된다. 예를 들어, 도 1에서 설명되는 방법의 도 20에서 설명되는 컴퓨팅 장치(500)에서 수행될 수 있다. 상기 방법이 수행되는 시스템 및 환경에 대해서는 도 20에서 더욱 상세히 설명하기로 한다. 한편, 이하에서 후술된 방법들은 필요에 따라 각 동작의 순서가 바뀌어 수행될 수 있다.A method of customizing an object color according to various embodiments of the present disclosure is performed in various systems or environments. For example, the method described in FIG. 1 may be performed in the
이하, 도 1을 참조하여 오브젝트 색상을 커스터마이징 하는 방법을 설명한다. 도 1에서 설명되는 방법의 각 단계들은 도 20의 컴퓨팅 장치(500)에 의해 수행되는 것으로 전제한다.Hereinafter, a method of customizing an object color will be described with reference to FIG. 1 . Each step of the method described in FIG. 1 is assumed to be performed by the
S100 단계에서, 컴퓨팅 장치(500)는 복수의 부분색상을 갖는 하나 이상의 팔레트 색상으로 팔레트를 구성한다. 이때, 컴퓨팅 장치(500)는 사용자의 입력에 따라 사용자가 보유한 색상들 중 적어도 일부를 이용하여 팔레트를 구성할 수 있다. 이때, 팔레트를 구성하는 팔레트 색상은 복수의 부분색상을 가질 수 있다. 예를 들어, 팔레트 색상은 팔레트 색상 내 제1 영역에 배치된 제1 부분색상, 팔레트 색상 내 제2 영역에 배치된 제2 부분색상, 팔레트 색상 내 제3 영역에 배치된 제3 부분색상을 포함할 수 있다. 다만, 이는 예시적인 것으로서 팔레트 색상이 포함할 수 있는 부분색상의 개수는 특별히 한정되지 않는다. In step S100, the
하나 이상의 팔레트 색상을 이용하여 팔레트를 구성하는 방법 및, 팔레트 색상이 갖는 부분색상들에 대해서는 도 3 및 도 4에서 더욱 자세히 후술된다.A method of configuring a palette using one or more palette colors and partial colors of the palette colors will be described in more detail later in FIGS. 3 and 4 .
S200 단계에서, 컴퓨팅 장치(500)는 오브젝트 색상의 변경을 위해 팔레트의 색상 리스트를 표시한다. 이때, 표시되는 팔레트의 색상 리스트는 S100 단계에서 구성한 팔레트의 팔레트 색상을 하나 이상 포함할 수 있다. In step S200, the
일 실시예로서, 이때, 색상 리스트에는 팔레트에 포함된 모든 팔레트 색상들이 전부 표시될 수도 있고, 그중 일부만 표시될 수도 있다. 팔레트 색상들 중 일부만 표시하는 경우, 색상을 변경할 오브젝트의 유형에 따라 미리 지정되거나 사용자에 의해 선택된 팔레트 색상들만 색상 리스트에 표시되도록 할 수 있다.As an embodiment, in this case, all of the palette colors included in the palette may be displayed in the color list, or only some of them may be displayed. If only some of the palette colors are displayed, only palette colors previously specified or selected by the user according to the type of object whose color is to be changed may be displayed in the color list.
S300 단계에서, 컴퓨팅 장치(500)는 색상 리스트 중에서 사용자가 선택한 팔레트 색상을 오브젝트에 적용한다. 이때, 선택된 팔레트 색상이 복수의 부분색상을 갖는 경우, 상기 오브젝트의 서로 다른 요소들에 각 부분색상들이 적용될 수 있다. In step S300 , the
예를 들어, 색상을 변경할 오브젝트가 복수의 요소(예를 들어, 배경, 버튼, 글씨 등)로 구성되고, 선택된 팔레트 색상이 제1 및 제2 부분색상을 갖는다고 가정한다. 이 경우, 선택된 팔레트 색상을 오브젝트에 적용하면, 개별 부분색상들이 오브젝트의 대응하는 요소들에 각각 자동으로 적용된다.For example, it is assumed that an object whose color is to be changed is composed of a plurality of elements (eg, background, button, text, etc.), and that the selected palette color has first and second partial colors. In this case, when the selected palette color is applied to the object, the individual partial colors are automatically applied respectively to the corresponding elements of the object.
구체적으로 풀어서 설명하면, 팔레트 색상의 제1 부분색상이 배경에 대응되고, 제2 부분색상이 버튼 및 글씨에 대응되도록 미리 설정된 경우를 예시하자. 이때, 상기 팔레트 색상을 오브젝트에 적용하면, 컴퓨팅 장치(500)는 자동으로 팔레트 색상의 제1 부분색상으로 오브젝트의 배경색을 변경하고, 팔레트 색상의 제2 부분색상으로 오브젝트의 버튼색 및 글씨색을 변경한다. 즉, 오브젝트의 개별 요소들에 대해 일일이 적용할 색상을 지정하지 않아도, 하나의 팔레트 색상을 선택하는 것만으로 오브젝트에 다양한 색상을 한번에 적용할 수 있다. 이와 관련된 다양한 실시예들에 대해서는 도 3 이하에서 더욱 상세히 설명하기로 한다.To explain in detail, let us exemplify a case in which the first partial color of the palette color corresponds to the background and the second partial color is preset to correspond to the button and the text. At this time, when the palette color is applied to the object, the
이러한 오브젝트 색상을 커스터마이징 하는 방법에 따르면, 사용자들이 자신의 취향에 맞는 다양한 색상들을 어플리케이션 내 오브젝트들에 손쉽고 빠르게 적용할 수 있으며, 그에 따라 소셜 네트워크 서비스나 어플리케이션 서비스 상에서 사용자가 자유롭게 다양한 스타일과 오브젝트들을 커스터마이징 할 수 있게 된다. 이를 통해, 사용자들의 표현 다양성이 향상될 수 있으며, 소셜 네트워크 서비스나 어플리케이션에 대한 사용자의 흥미와 관심도가 증가하게 된다.According to this method of customizing object color, users can easily and quickly apply various colors that fit their taste to objects in the application, and accordingly, users can freely customize various styles and objects on social network services or application services. be able to do Through this, the expression diversity of users can be improved, and the user's interest and interest in a social network service or application increases.
도 2는 도 1의 팔레트를 구성하는 단계(S100)를 더욱 구체화한 일 실시예를 나타내는 순서도이다. 도 2를 참조하면, 팔레트 색상을 구성하기 위한 세부적인 단계들이 설명된다.FIG. 2 is a flowchart illustrating an embodiment in which the step (S100) of configuring the palette of FIG. 1 is further detailed. Referring to FIG. 2 , detailed steps for composing a palette color are described.
S110 단계에서, 컴퓨팅 장치(100)는 사용자가 보유한 색상들의 목록을 표시한다. 이때, 사용자가 보유한 색상들은 사용자가 어플리케이션 내 마켓에서 구매한 색상, 어플리케이션 서비스의 제공자가 기본으로 제공하는 색상, 특정 이벤트나 조건을 충족하여 리워드로 받은 색상, 다른 사용자의 팔레트를 스크랩하여 저장한 색상, 또는 사용자가 보유한 다른 색상들을 조합하여 새롭게 생성한 색상을 포함할 수 있다.In step S110 , the
한편, 여기서 잠깐 다른 사용자의 팔레트를 스크랩하는 경우를 좀 더 구체적으로 설명하기로 한다. 사용자가 다른 사용자의 개인공간이나 홈페이지를 방문할 때, 다른 사용자의 팔레트 화면을 볼 수 있는 조회 버튼이 제공된다. 사용자가 조회 버튼을 클릭하면 다른 사용자의 팔레트 화면이 표시되고, 사용자는 다른 사용자의 팔레트 화면에서 마음에 드는 색상을 선택하여 스크랩할 수 있다. 스크랩 된 색상은 사용자의 보유 색상 리스트에 추가되고, 사용자는 이를 자신의 팔레트에 배치하여 오브젝트의 색상을 커스터마이징 하는 데 이용할 수 있다.Meanwhile, the case of scraping another user's palette for a moment will be described in more detail. When a user visits another user's personal space or homepage, an inquiry button is provided to view the other user's palette screen. When the user clicks the inquiry button, another user's palette screen is displayed, and the user can select and scrap a favorite color from the other user's palette screen. The scraped color is added to the user's own color list, and the user can use it to customize the color of the object by placing it in his or her palette.
S120 단계에서, 컴퓨팅 장치(100)는 사용자의 조작에 따라 보유 색상 리스트 중에서 사용자가 선택한 색상을 팔레트에 배치한다. 상기 팔레트는 오브젝트 색상을 커스터마이징 하는 데 사용할 색상들을 모아놓은 공간이다. 팔레트는 사용자가 어플리케이션 내 마켓에서 구매한 공간, 어플리케이션 서비스의 제공자가 기본으로 제공하는 공간, 또는 특정 이벤트나 조건을 충족하여 리워드로 받은 공간을 포함할 수 있다.In step S120, the
S130 단계에서, 컴퓨팅 장치(100)는 사용자의 조작에 따라 팔레트 상에 배치된 색상의 위치를 변경하거나 배치된 색상을 삭제한다. 이는 팔레트에 색상을 배치하여 팔레트 구성을 1차로 완료한 후라도, 사용자의 필요에 따라 자유롭게 팔레트 구성을 편집 또는 변경할 수 있는 것을 의미한다. 가령, 팔레트 구성을 완료한 후 사용자의 색상 선호도나 우선순위가 바뀐 경우, 사용자는 자신의 선호도 또는 우선순위에 따라 색상들의 위치와 순서를 자유롭게 바꿀 수 있다. 또는, 사용자가 특정 색상을 팔레트 구성에서 제외하고 싶은 경우, 사용자는 팔레트 상에서 그 색상을 삭제할 수도 있다.In step S130 , the
도 3은 본 개시의 몇몇 실시예들에서 참조되는 팔레트의 구성을 설명하기 위한 도면이다. 도 3을 참조하면, 팔레트를 구성하는 화면(100)은 팔레트(110) 및 보유 색상 리스트(120)를 포함한다. 3 is a view for explaining the configuration of the palette referenced in some embodiments of the present disclosure. Referring to FIG. 3 , the
팔레트(110)는 오브젝트 색상을 커스터마이징 하는 데 사용할 색상들을 모아 놓은 공간이다. 보유 색상 리스트(120)는 사용자가 보유한 색상들의 목록을 보여준다. 사용자는 보유 색상 리스트(120)에서 색상들을 선택(또는, 드래그 앤 드랍)하여 팔레트(110)에 배치할 수 있다.The
팔레트(110)는 도 3에 도시된 것처럼, 복수의 칸들로 구성될 수 있다. 각 칸에는 한 개의 팔레트 색상이 배치될 수 있다. 색상이 배치된 칸(111)은 해당 색상을 칸(111) 위에 표시함으로써 색상이 배치된 것을 나타낼 수 있다. 색상이 배치되지 않은 칸(112)은 흰색으로 표시되거나 도 3과 같이 빈칸임을 나타내는 문구(예를 들어,"Empty")를 표시함으로써 색상이 배치되지 않은 것을 나타낼 수 있다. The
일 실시예로서, 팔레트를 구성하는 화면(100)에는 네비게이션 바(130)가 더 포함될 수 있다. 네비게이션 바(130)는 현재 화면(100)에 모든 팔레트(110) 또는 모든 보유 색상 리스트(120)가 표시되지 않을 때, 이를 나누어 표시하는 경우 참조된다. 예를 들어, 네비게이션 바(130)의 첫 번째 버튼은 보유 색상 리스트(120) 중 첫 번째 페이지가 표시되고 있음을 나타내고, 네비게이션 바(130)의 두 번째 버튼은 보유 색상 리스트(120) 중 두 번째 페이지가 표시되고 있음을 나타내고, 네비게이션 바(130)의 세 번째 버튼은 보유 색상 리스트(120) 중 세 번째 페이지가 표시되고 있음을 나타낼 수 있다.As an embodiment, the
한편, 앞서 도 2에서 설명한 바와 같이, 보유 색상 리스트(120)의 색상들은 사용자가 어플리케이션 내 마켓에서 구매한 색상, 어플리케이션 서비스의 제공자가 기본으로 제공하는 색상, 특정 이벤트나 조건을 충족하여 리워드로 받은 색상, 다른 사용자의 팔레트를 스크랩하여 저장한 색상, 또는 사용자가 보유한 다른 색상들을 조합하여 새롭게 생성한 색상을 포함할 수 있다.On the other hand, as described above in FIG. 2 , the colors of the
또한, 팔레트(110)는 사용자가 어플리케이션 내 마켓에서 구매한 공간, 어플리케이션 서비스의 제공자가 기본으로 제공하는 공간, 또는 특정 이벤트나 조건을 충족하여 리워드로 받은 공간을 포함할 수 있다. 이때, 팔레트(110)의 공간은 도 3에 도시된 팔레트(110) 내의 각 칸들을 의미할 수 있다.In addition, the
아울러, 보유 색상 리스트(120)의 색상을 팔레트(110)에 배치하여 팔레트 구성을 완료한 후라도, 사용자의 필요에 따라 자유롭게 팔레트 구성을 편집 또는 변경할 수 있음은 앞에서 설명한 바와 동일하다. 즉, 팔레트 구성을 완료한 후 사용자의 색상 선호도나 우선순위가 바뀐 경우, 사용자는 자신의 선호도 또는 우선순위에 따라 색상들의 위치와 순서를 자유롭게 바꿀 수 있고, 특정 색상을 팔레트 구성에서 제외하고 싶은 경우 사용자는 팔레트 상에서 그 색상을 삭제할 수도 있다. 한편, 팔레트(110) 내에는 동일한 색상이 중복하여 배치될 수도 있다. 예를 들어, 팔레트(110)의 첫 번째 칸(111)에 배치된 색상이 다섯 번째 칸(112)에 중복하여 배치될 수도 있다.In addition, even after completing the palette configuration by arranging the colors of the holding
이렇게 팔레트(110)의 구성을 완료하면, 이후 사용자가 오브젝트의 색상을 변경할 때 색상 편집 메뉴에서 팔레트(110)를 구성하는 팔레트 색상들을 불러올 수 있다. 이때, 팔레트 색상들은 팔레트(110)에 배치된 순서 또는 팔레트(110) 상의 배치 위치대로 나열될 수 있다. 이와 관련된 구체적인 설명은 도 5 이하에서 후술하기로 한다. After completing the configuration of the
도 4는 본 개시의 몇몇 실시예들에 따른 팔레트 색상의 세부 구성 및 특징을 설명하기 위한 도면이다. 도 4에서는 팔레트(110)에 배치된 팔레트 색상(200)의 예시적인 형태를 도시한다. 도 4를 참조하면, 팔레트 색상(200)은 제1 부분색상(210), 제2 부분색상(220), 및 제3 부분색상(230)을 포함할 수 있다. 다만, 이는 예시적인 것으로서 팔레트 색상(200)이 포함하는 부분색상의 개수는 이에 한정되지 않는다. 가령, 팔레트 색상(200)은 2개의 부분색상만 포함할 수도 있고, 4개 이상의 부분색상을 포함할 수도 있다.4 is a view for explaining the detailed configuration and characteristics of a color palette according to some embodiments of the present disclosure. 4 shows an exemplary shape of the
도 4에 도시된 것처럼, 팔레트 색상(200)의 부분색상들(210, 220, 230)은 팔레트 색상(200)의 서로 다른 영역에 표시된다. 가령, 제1 부분색상(210)은 팔레트 색상(200)의 제1 영역(예를 들어, 바탕 영역)에 표시되고, 제2 부분색상(220)은 팔레트 색상(200)의 제2 영역(예를 들어, 폰트 영역)에 표시되고, 제3 부분색상(230)은 팔레트 색상(200)의 제3 영역(예를 들어, 테두리 영역)에 표시될 수 있다.As shown in FIG. 4 , the
일 실시예로서, 팔레트 색상(200)의 부분색상들(210, 220, 230)은 오브젝트를 구성하는 특정 요소들에 각각 대응하도록 미리 결정될 수 있다. 가령, 부분색상들(210, 220, 230) 중 어느 하나는 오브젝트의 요소들 중 제1 요소(예를 들어, 배경, 버튼의 배경, 스테이터스바, 또는 제목바 등)에 대응되고, 부분색상들(210, 220, 230) 중 다른 하나는 오브젝트의 요소들 중 제2 요소(예를 들어, 글씨, 숫자, 문자 또는 버튼의 아이콘 등)에 대응하고, 부분색상들(210, 220, 230) 중 또 다른 하나는 오브젝트의 요소들 중 제3 요소(예를 들어, 테두리)에 대응하도록 미리 결정될 수 있다.As an embodiment, the
다른 실시예로서, 부분색상들(210, 220, 230) 중 어느 하나는 오브젝트의 요소들 중 제1 요소(예를 들어, 배경, 버튼의 배경, 스테이터스바, 또는 제목바 등)에 대응되고, 부분색상들(210, 220, 230) 중 다른 하나는 오브젝트의 요소들 중 제2 요소(예를 들어, 글씨, 숫자, 문자 또는 버튼의 아이콘 등)에 대응하고, 부분색상들(210, 220, 230) 중 또 다른 하나는 상기 제1 요소 또는 제2 요소에 특정 이벤트가 발생했을 때 이를 표시하기 위해 상기 어느 한 부분색상 또는 상기 다른 한 부분색상을 대신하여 상기 제1 요소 또는 상기 제2 요소에 적용되도록 미리 결정될 수 있다. 가령, 아무런 이벤트가 없을 때 버튼 아이콘은 제2 부분색상(220)으로 표시되지만, 버튼이 터치되는 등 특정 이벤트가 발생하면 제3 부분색상(230)이 제2 부분색상(220)을 대신하여 버튼 아이콘에 적용될 수 있다. 즉, 버튼 아이콘의 색상이 제2 부분색상(220)에서 제3 부분색상(230)으로 바뀔 수 있다.As another embodiment, any one of the
일 실시예로서, 팔레트 색상(200)의 부분색상들(210, 220, 230)들은 그 표시되는 영역이 서로 바뀔 수 있다. 예를 들어, 오브젝트 색상을 커스터마이징 하는 방법의 리버스 기능(미도시)을 실행하는 경우, 팔레트 색상(200) 내에서 제1 부분색상(210)과 제2 부분색상(220)이 서로 스왑되어, 제1 부분색상(210)이 제2 영역(폰트 영역)에 표시되고 제2 부분색상(220)이 제1 영역(바탕 영역)에 표시될 수도 있다.As an embodiment, the displayed areas of the
유사하게, 팔레트 색상(200)의 부분색상들(210, 220, 230)들은 그 대응하는 오브젝트 요소가 서로 바뀔 수도 있다. 예를 들어, 제1 부분색상(210)이 제1 요소에 대응되고 제2 부분색상(220)이 제2 요소에 대응되도록 최초 결정된 경우, 리버스 기능을 통해 그 대응되는 대상을 서로 바꾸면, 제1 부분색상(210)이 제2 요소에 대응되고 제2 부분색상(220)은 제1 요소에 대응되도록, 그 대응되는 대상이 서로 바뀌게 된다.Similarly, the
일 실시예로서, 팔레트 색상(200)은 다른 팔레트 색상들의 부분색상들을 조합하여 생성된 것일 수 있다. 예를 들어, 컴퓨팅 장치(500)는 팔레트(110) 내 색상들 중 제1 팔레트 색상의 부분색상들 중 어느 하나의 부분색상을 선택하고, 다시 제2 팔레트 색상의 부분색상들 중 어느 하나의 부분색상을 선택한 후, 상기 선택된 부분색상들을 조합하여 제3 팔레트 색상을 생성할 수 있다. 이때, 제1 팔레트 색상의 부분색상을 제3 팔레트 색상의 제1 부분색상으로, 제2 팔레트 색상의 부분색상을 제3 팔레트 색상의 제2 부분색상으로 조합하여, 제3 팔레트 색상을 생성할 수 있으며, 그 역의 방법도 가능하다. 즉, 제1 팔레트 색상의 부분색상을 제3 팔레트 색상의 제2 부분색상으로, 제2 팔레트 색상의 부분색상을 제3 팔레트 색상의 제1 부분색상으로 조합하는 것도 가능하다.As an embodiment, the
일 실시예로서, 팔레트 색상(200)은 다른 팔레트 색상들의 부분색상들을 혼합하여 생성된 것일 수 있다. 예를 들어, 컴퓨팅 장치(500)는 팔레트(110) 내 색상들 중 제1 팔레트 색상의 부분색상들 중 어느 하나의 부분색상을 선택하고, 다시 제2 팔레트 색상의 부분색상들 중 어느 하나의 부분색상을 선택한 후, 상기 선택된 부분색상들을 혼합하여 그것들과 구분되는 새로운 색상을 생성하고, 그에 기반하여 상기 새로운 색상을 포함하는 제3 팔레트 색상을 생성할 수 있다. 이때, 제3 팔레트 색상은 상기 새로운 색상 한 가지로 구성된 솔리드 색상일 수도 있고, 상기 새로운 색상을 제3 팔레트 색상의 부분색상들 중 어느 하나로서 포함하는 복합 색상일 수도 있다. As an embodiment, the
일 실시예로서, 팔레트 색상(200)은 다른 팔레트 색상들의 부분색상들을 조합 및 혼합하여 생성된 것일 수 있다. 예를 들어, 컴퓨팅 장치(500)는 팔레트(110) 내 색상들 중 제1 팔레트 색상의 부분색상들 중 어느 하나의 부분색상을 선택하고, 다시 제2 팔레트 색상의 부분색상들 중 어느 하나의 부분색상을 선택한 후, 상기 선택된 부분색상들을 혼합하여 그것들과 구분되는 새로운 색상을 생성하고, 상기 새로운 색상과 함께 상기 선택된 부분색상들 중 적어도 일부를 부분색상들로서 포함하는 제3 팔레트 색상을 생성할 수도 있다.As an embodiment, the
일 실시예로서, 팔레트 색상(200)은 솔리드 색상, 그라데이션(Gradation) 색상, 패턴이나 무늬를 포함하는 색상 또는 그것들의 조합일 수 있다. 예를 들어, 팔레트 색상(200)은 솔리드 색상, 그라데이션 색상 또는 패턴이나 무늬를 포함하는 색상 중 어느 하나만으로 구성될 수도 있고, 팔레트 색상(200)의 제1 부분색상은 그라데이션 색상, 제2 부분색상은 패턴이나 무늬를 포함하는 색상, 제3 부분색상은 솔리드 색상인 것과 같이 다양한 유형의 색상이 조합된 형태로 구성될 수도 있다.As an embodiment, the
일 실시예로서, 팔레트 색상(200)은 각 부분색상의 명칭을 나타내는 명칭부들(240, 250)를 더 포함할 수 있다. 이때, 명칭부들(240, 250)은 팔레트 색상(200)의 각 부분색상들에 대한 명칭을 전부 포함할 수도 있고, 팔레트 색상(200)의 부분색상들 중 일부에 대한 명칭만 포함할 수도 있다. 가령, 도 4에 도시된 것처럼, 명칭부들(240, 250)은 제1 부분색상의 명칭(240) 및 제3 부분색상의 명칭(250)만 포함할 수도 있다. 나아가, 도 3에 도시된 것처럼, 화면의 복잡성을 피하기 위해, 팔레트(110) 내에서는 명칭부(240, 250)의 표시를 생략하고, 보유 색상 리스트(120)에서만 명칭부(240, 250)가 표시되도록 할 수도 있다.As an embodiment, the
도 5 내지 도 7은 본 개시의 몇몇 실시예에 따라, 오브젝트 색상을 커스터마이징 하는 방법을 어플리케이션의 화면 이미지에 적용한 케이스를 설명하기 위한 도면이다.5 to 7 are diagrams for explaining a case in which a method of customizing an object color is applied to a screen image of an application, according to some embodiments of the present disclosure.
도 5는 어플리케이션의 화면(1100)을 도시한다. 화면 이미지(1100)는 어플리케이션 헤드(Application Head, 1110), 어플리케이션 바디(Application Body, 1120), 어플리케이션 바텀(Application Bottom, 1130), 또는 콘텐츠 플레이 바(Contents Play Bar, 1140)를 포함할 수 있다.5 shows a
도 5의 실시예에서, 어플리케이션 헤드(1110), 어플리케이션 바디(1120), 어플리케이션 바텀(1130) 및 콘텐츠 플레이 바(1140)는 어플리케이션 화면 이미지(1100)를 구성하는 오브젝트들로서 예시되고 있지만, 본 개시의 범위는 이에 한정되지 않는다. 즉, 어플리케이션 화면(1100)은 어플리케이션 헤드(1110), 어플리케이션 바디(1120), 어플리케이션 바텀(1130) 및 콘텐츠 플레이 바(1140) 중 일부만 포함할 수도 있고, 그 외의 다른 오브젝트들을 더 포함할 수도 있다.In the embodiment of FIG. 5 , the
도 6은 도 5의 어플리케이션 화면(1100) 내 각 오브젝트들의 색상을 커스터마이징 하기 위한 팔레트 메뉴(2100)를 보여준다. 도 6에 도시된 바와 같이, 팔레트 메뉴(2100)는 각 오브젝트들(1110, 1120, 1130, 1140)에 각각 대응하는 복수의 서브 메뉴들(2110, 2120, 2130, 2140)을 포함할 수 있다. 가령, 팔레트 메뉴(2100)는 어플리케이션 헤드(1110)에 대응하는 제1 서브 메뉴(2110), 어플리케이션 바디(1120)에 대응하는 제2 서브 메뉴(2120), 어플리케이션 바텀(1130)에 대응하는 제3 서브 메뉴(2130), 및 콘텐츠 플레이 바(1140)에 대응하는 제4 서브 메뉴(2140)를 포함할 수 있다.6 shows a
각 서브 메뉴(2110, 2120, 2130, 2140)들에는 팔레트(110)를 구성하는 팔레트 색상들의 리스트가 표시된다(A). 이때, 팔레트 색상들은 팔레트(110)에 배치된 순서 또는 팔레트(110) 상의 배치 위치대로 나열될 수 있다. 즉, 팔레트(110)에서 가장 앞쪽에 배치된 색상이 색상 리스트(A)의 첫 번째에 표시하고, 팔레트(110)에서 가장 뒤쪽에 배치된 색상이 색상 리스트(A)의 마지막에 표시될 수 있다. 각 서브 메뉴(2110, 2120, 2130, 2140)에는 사용자가 선택한 팔레트 색상을 다른 팔레트 색상과 구분하기 위한 식별자(B)가 표시될 수 있다. 즉, 도 6을 참조하면, 제1 서브 메뉴(2110)에서는 두 번째 팔레트 색상이, 제2 서브 메뉴(2120)에서는 세 번째 팔레트 색상이, 제3 서브 메뉴(2130)에서는 네 번째 팔레트 색상이, 제4 서브 메뉴(2140)에서는 두 번째 팔레트 색상이 각각 선택되었다. 각 서브 메뉴(2110, 2120, 2130, 2140)에서는 서로 동일한 색상이 선택될 수도 있다. 도 6을 참조하면, 제1 서브 메뉴(2110)와 제4 서브 메뉴(2140)에서 동일하게 두 번째 팔레트 색상이 선택된 것을 볼 수 있다.A list of palette colors constituting the
각 서브 메뉴(2110, 2120, 2130, 2140)에서 선택된 팔레트 색상들은, 그와 대응되는 오브젝트들에 적용된다. 가령, 제1 서브 메뉴(2110)에서 선택된 팔레트 색상은 어플리케이션 헤드(1110)에 적용되어, 어플리케이션 헤드(1110)의 색상을 커스터마이징 하게 된다.The palette colors selected in each sub-menu 2110 , 2120 , 2130 , and 2140 are applied to objects corresponding thereto. For example, the palette color selected in the
도 7은 팔레트 메뉴(2100)를 통해 색상이 커스터마이징 된 어플리케이션 화면(100)을 도시한다. 도 7의 실시예를 참조하면, 어플리케이션 헤드(1110)에 대해서는 제2 팔레트 색상(팔레트 색상 리스트의 두 번째 색상, 1111)이 선택되어, 제2 팔레트 색상(1111)의 제1 부분색상이 어플리케이션 헤드(1110)의 제1 요소(배경)에 적용되고 제2 팔레트 색상(1111)의 제2 부분색상이 어플리케이션 헤드(1110)의 제2 요소(글씨)에 적용된 것을 볼 수 있다. 유사하게, 어플리케이션 바디(1120)에 대해서는 제3 팔레트 색상(팔레트 색상 리스트의 세 번째 색상, 1121)이 선택되어, 제3 팔레트 색상(1121)의 제1 부분색상이 어플리케이션 바디(1120)의 제1 요소(배경)에 적용되고 제3 팔레트 색상(1121)의 제2 부분색상이 어플리케이션 바디(1120)의 제2 요소(아이콘, 글씨)에 적용된 것을 볼 수 있다. 여기서는 설명의 간명화를 위해, 어플리케이션 헤드(1110) 및 어플리케이션 바디(1120)의 색상을 커스터마이징 하는 경우만 예시하였지만, 동일한 방법으로 어플리케이션 바텀(1130) 및 콘텐츠 플레이 바(1140)의 색상도 커스터마이징 할 수 있다.7 illustrates an
한편, 각 오브젝트들마다 부분색상들에 대응되는 요소들을 서로 다르게 지정할 수 있다. 가령, 어플리케이션 헤드(1110)에 대해서는 제1 부분색상에 대응되는 요소(제1 요소)를 배경으로 정하고 제2 부분색상에 대응되는 요소(제2 요소)를 글씨로 정하는 반면, 어플리케이션 바디(1120)에 대해서는 제1 부분색상에 대응되는 요소(제1 요소)는 배경으로 동일하지만 제2 부분색상에 대응되는 요소(제2 요소)는 글씨, 아이콘, 및 댓글 등으로 상이하게 정할 수 있다. 유사하게, 어플리케이션 바텀(1130)에 대해서는 제1 부분색상에 대응되는 요소(제1 요소)를 배경으로 정하고 제2 부분색상에 대응되는 요소(제2 요소)를 아이콘으로 정하는 반면, 콘텐츠 플레이 바(1140)에 대해서는 제1 부분색상에 대응되는 요소(제1 요소)는 배경으로 동일하지만 제2 부분색상에 대응되는 요소(제2 요소)는 글씨 및 버튼으로 상이하게 정할 수 있다.Meanwhile, elements corresponding to partial colors may be differently designated for each object. For example, with respect to the
일 실시예로서, 각 오브젝트들마다 적용되는 부분색상의 개수가 상이할 수도 있다. 예를 들어, 어플리케이션 헤드(1110)에 대해서는 선택된 팔레트 색상(1111)의 부분색상 중 2개의 부분색상(제1 부분색상 및 제2 부분색상)이 적용되고, 어플리케이션 바디(1120)에 대해서는 선택된 팔레트 색상(1121)의 부분색상 중 3개의 부분색상(제1 부분색상, 제2 부분색상 및 제3 부분색상)이 적용될 수도 있다. 이 경우, 오브젝트(1110, 1120) 내의 요소들에 특정 이벤트(가령, 사용자의 터치)가 발생하여도 어플리케이션 헤드(1110)에는 특별한 변화가 없지만, 어플리케이션 바디(1120)에서는 이벤트가 발생한 요소(예를 들어, 아이콘)의 색상이 제3 부분색상으로 바뀌는 변화가 발생하게 될 것이다.As an embodiment, the number of partial colors applied to each object may be different. For example, two partial colors (a first partial color and a second partial color) of the partial colors of the selected
도 8 내지 도 11은 본 개시의 몇몇 실시예에 따라, 오브젝트 색상을 커스터마이징 하는 방법을 어플리케이션의 마이룸에 적용한 케이스를 설명하기 위한 도면이다. 8 to 11 are diagrams for explaining a case in which a method of customizing an object color is applied to My Room of an application, according to some embodiments of the present disclosure.
도 8을 참조하면, 사용자의 마이룸 화면(1200)이 도시된다. 이때, 마이룸은 어플리케이션 내의 개인공간 또는 개인 홈페이지일 수 있다. 마이룸의 오브젝트들은 그 유형에 따라 마스터 스타일(1210) 또는 구성요소 스타일(1220)을 포함할 수 있다. 마스터 스타일(1210)은 마이룸 화면의 전반적인 이미지를 나타내는 스타일로서 마이룸의 전체적인 배경, 폰트, 색조 등을 포함한다. 구성요소 스타일(1220)은 마이룸 화면의 개별 구성요소의 이미지를 나타내는 스타일로서 특정 구성요소(예를 들어, 공지바, 또는 뱃지 등)의 배경, 폰트, 색조 등을 포함한다. Referring to FIG. 8 , the user's My
마이룸 화면에서 오브젝트들의 색상을 커스터마이징 하기 위해, 사용자는 설정 버튼(1230)을 선택하여 팔레트 메뉴를 호출할 수 있다. 일 실시예로서, 설정 버튼(1230)이 선택되면 이에 응답하여 곧바로 팔레트 메뉴가 호출될 수도 있고, 또는, 설정 버튼(1230)이 선택되면 우선 도 9의 컨트롤러(1240)가 호출된 후 다시 컨트롤러(1240)의 팔레트 버튼(1241)이 선택되면 그 때 비로소 팔레트 메뉴가 호출될 수도 있다. 컨트롤러(1240)의 구성 및 기능에 대해서는 도 12 내지 도 13에서 상세히 후술하기로 한다.In order to customize the colors of objects on the My Room screen, the user may select the
이러한 방법들로 호출된 팔레트 메뉴(2200)의 예시적인 형태가 도 10에 도시된다. 도 10을 참조하면, 팔레트 메뉴(2200)는 마이룸의 오브젝트들(1210), 1220)에 각각 대응하는 복수의 서브 메뉴들(2210, 2220)을 포함할 수 있다. 가령, 팔레트 메뉴(2200)는 마스터 스타일(1210)에 대응하는 제1 서브 메뉴(2210), 및 구성요소 스타일(1220)에 대응하는 제2 서브 메뉴(2220)를 포함할 수 있다.An exemplary form of a
도 6의 실시예에서와 유사하게, 각 서브 메뉴(2210, 2220)들에는 팔레트(110)를 구성하는 팔레트 색상들의 리스트가 표시된다(A). 이때, 팔레트 색상들은 팔레트(110)에 배치된 순서 또는 팔레트(110) 상의 배치 위치대로 나열될 수 있다. 즉, 팔레트(110)에서 가장 앞쪽에 배치된 색상이 색상 리스트(A)의 첫 번째에 표시하고, 팔레트(110)에서 가장 뒤쪽에 배치된 색상이 색상 리스트(A)의 마지막에 표시될 수 있다. 각 서브 메뉴(2210, 2220)에는 사용자가 선택한 팔레트 색상을 다른 팔레트 색상과 구분하기 위한 식별자(B)가 표시될 수 있다. 도 10을 참조하면, 제1 서브 메뉴(2210)에서는 두 번째 팔레트 색상이, 제2 서브 메뉴(2220)에서는 세 번째 팔레트 색상이 선택된 것을 확인할 수 있다. Similar to the embodiment of FIG. 6 , a list of palette colors constituting the
각 서브 메뉴(2210, 2220)에서 선택된 팔레트 색상들은, 그와 대응되는 오브젝트들에 적용된다. 가령, 제1 서브 메뉴(2210)에서 선택된 팔레트 색상은 마이룸의 마스터 스타일(1210)에 적용되어 마이룸의 배경을 비롯한 마이룸의 전반적인 색상을 커스터마이징 하게 된다. 유사하게, 제2 서브 메뉴(2220)에서 선택된 팔레트 색상은 마이룸의 구성요소 스타일(1220)에 적용되어 마이룸의 뱃지, 설정 버튼, 공지바 등 개별 구성요소의 색상을 커스터마이징 하게 된다. The palette colors selected in each sub-menu 2210 and 2220 are applied to objects corresponding thereto. For example, the palette color selected in the
이때, 제1 서브 메뉴(2210)에서 선택된 팔레트 색상은 복수의 부분색상을 포함할 수 있고, 각 부분색상은 마스터 스타일(1210)의 대응하는 요소들에 각각 적용된다. 예를 들어, 제1 서브 메뉴(2210)에서 선택된 팔레트 색상의 부분색상들 중 제1 부분색상은 마스터 스타일(1210)의 배경에 적용되고, 제2 부분색상은 마스터 스타일(1210)의 글씨 또는 숫자에 적용될 수 있다. In this case, the palette color selected in the
유사하게, 제2 서브 메뉴(2220)에서 선택된 팔레트 색상 또한 복수의 부분색상을 포함할 수 있고, 각 부분색상은 구성요소 스타일(1220)의 대응하는 요소들에 각각 적용된다. 예를 들어, 제2 서브 메뉴(2220)에서 선택된 팔레트 색상의 부분색상들 중 제1 부분색상은 구성요소 스타일(1220)의 배경에 적용되고, 제2 부분색상은 구성요소 스타일(1220)의 글씨 또는 숫자에 적용될 수 있다.Similarly, the palette color selected in the
도 11은 도 10의 팔레트 메뉴(2200)를 통해 마스터 스타일(1210) 및 구성요소 스타일(1220)에 각각 팔레트 색상들이 적용된 결과가 도시된다. 도 11을 참조하면, 마스터 스타일(1210)의 배경(1211)은 제1 서브 메뉴(2210)에서 선택된 팔레트 색상의 제1 부분색상으로 마스터 스타일(1210)의 글씨(1212)는 제1 서브 메뉴(2210)에서 선택된 팔레트 색상의 제2 부분색상으로 각각 커스터마이징 된 것을 확인할 수 있다. 유사하게, 구성요소 스타일(1220)의 배경(1221)은 제2 서브 메뉴(2220)에서 선택된 팔레트 색상의 제1 부분색상으로 구성요소 스타일(1220)의 글씨(1222)는 제2 서브 메뉴(2220)에서 선택된 팔레트 색상의 제2 부분색상으로 각각 커스터마이징 된 것 또한 확인할 수 있다.FIG. 11 shows a result of applying palette colors to the
도 12 및 도 13은 도 9에서 참조된 컨트롤러(1240)의 세부 구성 및 특징을 설명하기 위한 도면이다. 도 12를 참조하면, 컨트롤러(1240)의 예시적인 형태가 도시된다. 컨트롤러(1240)는 어플리케이션의 다양한 기능을 수행하기 위한 여러 기능 버튼들을 포함한다. 12 and 13 are diagrams for explaining the detailed configuration and characteristics of the
도 12에서, 컨트롤러(1240)는 중심의 큰 원(1241)과 주변의 작은 원(1242)을 포함한다. 컨트롤러(1240)는 도 12에 도시된 것처럼, 중심의 큰 원(1241)을 중심으로 작은 원(1242)들이 둘러 싸는 형태일 수 있다. In FIG. 12 , the
큰 원(1241)은 컨트롤러(1240)를 통해 제공되는 기능 버튼들의 유형을 나타낸다. 예를 들어, 도 12에서 큰 원(1241)에 표기된 'Design'이라는 글자는 현재 컨트롤러(1240)에 표시된 기능 버튼들이 디자인을 위한 기능 버튼들임을 의미한다.A
작은 원(1242)에는 어플리케이션에 의해 수행가능한 개별 기능들이 할당된다. 가령, 작은 원(1242)에 '팔레트 그림'이 표기된 경우, 작은 원(1242)을 선택하면 팔레트 메뉴를 호출하는 기능이 실행된다.
한편, 도 12에서는 컨트롤러(1240)가 디자인 툴인 경우를 예시하였지만, 본 개시는 이에 한정되지 않는다. 예를 들어, 컨트롤러(1240)는 '글꼴 변경', '문단 정렬' 등의 기능이 포함된 문자 편집 툴일 수도 있고, '그림자', '블러', '회전', '불투명도', '수채화 효과' 등의 기능이 포함된 이펙트 편집 툴일 수도 있다. 또는, '그림판', '포토샵', '일러스트레이터', '엑셀', '프리미어' 등의 기능이 포함된 콤플렉스 툴일 수도 있다. Meanwhile, although the
일 실시예로서, 상기 큰 원이 나타내는 컨트롤러(1240)의 기능 유형 또는 상기 작은 원이 나타내는 개별 기능은 변경 또는 추가 가능하다.As an embodiment, the type of function of the
도 13을 참조하면, 컨트롤러(1240)가 제공하는 기능 버튼들의 유형을 전환하는 방법이 설명된다. 앞서 설명한 것처럼, 컨트롤러(1240)가 제공하는 기능 버튼들은 한 가지 유형에 한정되지 않는다. 가령, 컨트롤러(1240)를 이용하여 제1 유형의 기능 버튼들을 사용하다가 제2 유형의 기능 버튼으로 전환하는 것도 가능하다.Referring to FIG. 13 , a method of switching the types of function buttons provided by the
도 13의 (a)와 같이, 현재 컨트롤러(1240)가 디자인 툴이라고 가정하자. 이때, 컨트롤러가 제공하는 기능 버튼들의 유형을 전환하기 위해 중심의 큰 원(1241)을 터치하면 기능 버튼들의 유형이 전환된다. 도 13의 (b)를 참조하면, 컨트롤러(1240)가 제공하는 기능 버튼들의 유형이 피앱(P-App) 편집 툴로 변환된 것을 확인할 수 있다.Assume that the
한편, 컨트롤러(1240)는 터치 및 드래그로 어플리케이션 내에서 자유롭게 이동이 가능할 수 있다.Meanwhile, the
도 14 내지 도 19는 본 개시에 따른, 오브젝트 색상을 커스터마이징 하는 방법의 다양한 변형 실시예 및 확장 케이스들을 설명하기 위한 도면이다.14 to 19 are diagrams for explaining various modified examples and extended cases of a method for customizing an object color according to the present disclosure.
도 14에서는 피앱 오브젝트에 대해 색상을 커스터마이징 하는 실시예가 설명된다. 피앱(P-App)은 컴퓨팅 장치에 의해 구동되는 응용프로그램의 수행 결과를 표시하거나 응용프로그램을 조작하기 위한 사용자 인터페이스 도구로서, 위젯(Widget) 또는 가젯(Gadget)을 포함할 수 있다. An embodiment of customizing a color for a PAPP object is described in FIG. 14 . A P-App is a user interface tool for displaying an execution result of an application driven by a computing device or for manipulating an application, and may include a widget or a gadget.
도 14를 참조하면, 화면(1300) 내 빈 공간(1310)이 있는 것을 확인할 수 있다. 상기 빈 공간(1310)에 피앱을 배치하기 위해 사용자는 설정 버튼(1320)을 선택하여, 피앱 리스트를 호출할 수 있다. Referring to FIG. 14 , it can be confirmed that there is an
도 15는 피앱 리스트(1400)의 예시적인 형태를 도시한다. 피앱 리스트(1400)에는 다양한 유형의 피앱들이 포함될 수 있다. 예를 들어, 피앱 리스트(1400)에는 사진 피앱(1410), 비디오 피앱(1420), 지도 피앱(1430) 또는 플레이리스트 피앱(1440)이 포함될 수 있다. 사용자는 피앱 리스트(1400)를 통해 제공되는 다양한 피앱들을 화면(1300) 내 빈 공간(1310)에 배치할 수 있다.15 shows an exemplary form of the
한편, 사용자는 피앱을 화면(1300) 내 빈 공간(1310)에 배치할 때, 또는 배치한 후에 피앱의 색상을 커스터마이징 할 수 있다. 도 16 내지 도 18은 피앱의 색상을 커스터마이징 하기 위한 팔레트 메뉴(2300, 2400, 2500)의 예시적인 형태들을 도시한다. 각 팔레트 메뉴들(2300, 2400, 2500)은 피앱을 생성한 후 피앱에 생기는 설정 버튼을 눌러 표시되는 피앱의 설정 페이지를 이용하여 호출될 수 있다. 또는, 각 팔레트 메뉴들(2300, 2400, 2500)은 화면(1300)의 설정 버튼(1320)이나 도 12에서 설명된 컨트롤러(1240)를 이용하여 호출될 수도 있다. 상기 팔레트 메뉴들(2300, 2400, 2500)은 서로 함께 또는 각각 독립적으로 호출될 수 있다. 상기 팔레트 메뉴들(2300, 2400, 2500)은 한 화면 상에서 함께 또는 서로 다른 화면 상에서 각각 호출될 수도 있다.On the other hand, the user can customize the color of the P-App when or after placing the P-App in the
도 16을 참조하면, 팔레트 메뉴(2300)는 피앱의 프레임에 대응하는 복수의 서브 메뉴들(2310, 2320)을 포함할 수 있다. 가령, 팔레트 메뉴(2300)는 피앱에 프레임을 삽입하는 제1 서브 메뉴(2310), 및 프레임의 색상을 커스터마이징 하는 제2 서브 메뉴(2320)를 포함할 수 있다. 제1 서브 메뉴(2310)에서 프레임 버튼(2311)을 통해 프레임의 삽입 여부를 결정할 수 있다. 이 경우, 제2 서브 메뉴(2320)는 프레임이 삽입되는 경우에만 활성화된다.Referring to FIG. 16 , the
앞서의 실시예들과 유사하게, 제2 서브 메뉴(2320)에는 팔레트(110)를 구성하는 팔레트 색상들의 리스트가 표시된다(A). 또한, 제2 서브 메뉴(2320)에는 사용자가 선택한 팔레트 색상을 다른 팔레트 색상과 구분하기 위한 식별자(B)가 표시될 수 있다. 도 16을 참조하면, 제2 서브 메뉴(2320)에서는 세 번째 팔레트 색상이 선택된 것을 확인할 수 있다. Similar to the previous embodiments, a list of palette colors constituting the
한편, 도 16의 실시예에서와 같이, 리스트(A)에 표시되는 팔레트 색상은 1개의 부분색상만 포함할 수도 있다. 이는 팔레트 색상이 적용되는 오브젝트의 특성에 따라 달라질 수 있는 것으로, 도 16에서 예시된 프레임의 경우 일반적으로 프레임 그 자체 외에 다른 요소를 포함하지 않기 때문에 팔레트 색상에 1개의 부분색상만 표시된 것이다.Meanwhile, as in the embodiment of FIG. 16 , the palette color displayed in the list A may include only one partial color. This may vary depending on the characteristics of the object to which the palette color is applied, and in the case of the frame illustrated in FIG. 16 , in general, only one partial color is displayed in the palette color because it does not include other elements other than the frame itself.
도 17을 참조하면, 팔레트 메뉴(2400)는 피앱의 배경 및 폰트에 대응하는 서브 메뉴(2410)를 포함할 수 있다. 앞서의 실시예들과 유사하게, 서브 메뉴(2410)에는 팔레트(110)를 구성하는 팔레트 색상들의 리스트가 표시된다(A). 또한, 서브 메뉴(2410)에는 사용자가 선택한 팔레트 색상을 다른 팔레트 색상과 구분하기 위한 식별자(B)가 표시될 수 있다. Referring to FIG. 17 , the
도 17을 참조하면, 팔레트 색상은 복수의 부분색상을 포함할 수 있다. 일 실시예로서, 팔레트 색상의 제1 부분색상(바탕 부분의 색상)은 피앱의 배경에 대응하고, 팔레트 색상의 제2 부분색상(폰트 부분의 색상)은 피앱의 폰트에 대응할 수 있다. 가령, 도 17에서 선택된 팔레트 색상의 제1 부분색상으로 피앱의 배경 색상이 커스터마이징 되고, 제2 부분색상으로 피앱의 폰트 색상이 커스터마이징 될 수 있다.Referring to FIG. 17 , the palette color may include a plurality of partial colors. As an embodiment, the first partial color (color of the background part) of the palette color may correspond to the background of the P-App, and the second partial color (the color of the font part) of the palette color may correspond to the font of the P-App. For example, the background color of the P-App may be customized with the first partial color of the palette color selected in FIG. 17, and the font color of the P-App may be customized with the second partial color.
도 18을 참조하면, 팔레트 메뉴(2500)는 피앱의 버튼 또는 아이콘에 대응하는 서브 메뉴(2510)를 포함할 수 있다. 앞서의 실시예들과 유사하게, 서브 메뉴(2510)에는 팔레트(110)를 구성하는 팔레트 색상들의 리스트가 표시된다(A). 또한, 서브 메뉴(2510)에는 사용자가 선택한 팔레트 색상을 다른 팔레트 색상과 구분하기 위한 식별자(B)가 표시될 수 있다. Referring to FIG. 18 , the
도 18을 참조하면, 팔레트 색상은 복수의 부분색상을 포함할 수 있다. 일 실시예로서, 팔레트 색상의 제1 부분색상(바탕 부분의 색상)은 피앱 내 버튼의 배경에 대응하고, 팔레트 색상의 제2 부분색상(버튼의 중앙에 위치한 "▶"모양의 아이콘 부분의 색상)은 피앱 내 버튼의 아이콘에 대응할 수 있다. 이때, 도 18에서 선택된 팔레트 색상의 제1 부분색상으로 피앱 내 버튼의 배경 색상이 커스터마이징 되고, 제2 부분색상으로 피앱 내 버튼의 아이콘 색상이 커스터마이징 될 수 있다.Referring to FIG. 18 , the palette color may include a plurality of partial colors. As an embodiment, the first partial color of the palette color (the color of the background part) corresponds to the background of the button in the P-App, and the second partial color of the palette color (the color of the “▶”-shaped icon located in the center of the button ) may correspond to the icon of the button in the P-App. In this case, the background color of the button in the P-App may be customized as the first partial color of the palette color selected in FIG. 18, and the icon color of the button in the P-App may be customized as the second partial color.
도 19에는 오브젝트에 적용되는 색상의 투명도를 설정할 수 있는 투명도 메뉴(2600)가 도시된다. 투명도 메뉴(2600)는 서브 메뉴(2610) 내에 투명도 조절 기능을 on/off할 수 있는 활성화 버튼(2611) 및 투명도 수준을 조절할 수 있는 조절바(2612)를 포함한다. 사용자는 조절바(2612) 내의 동그란 버튼을 터치 앤 드래그하여 0%에서 100%까지 사용자가 지정하는 임의의 투명도로 오브젝트에 적용되는 색상의 투명도를 조절할 수 있다. 19 shows a
일 실시예로서, 투명도 조절은 팔레트 색상 별로, 팔레트 색상의 부분색상 별로, 또는 커스터마이징 되는 오브젝트 별로 수행될 수 있다. 예를 들어, 조절바(2612)를 통해 특정 팔레트 색상의 투명도를 조절할 수도 있고, 특정 팔레트 색상의 어느 한 부분색상의 투명도만을 조절할 수도 있고, 특정 오브젝트의 적용된 모든 색상의 투명도를 한번에 조절할 수도 있다. As an embodiment, the transparency adjustment may be performed for each palette color, for each partial color of the palette color, or for each customized object. For example, the transparency of a specific palette color may be adjusted through the
일 실시예로서, 투명도 조절은 새로운 색상을 선택할 때 뿐만 아니라 기존 색상의 투명도를 변경할 때도 적용될 수 있다. 이를 통해 기존 색상을 변경하거나 새로운 색상을 선택하지 않더라도 투명도 조절을 통해 기존 색상과 다른 색상을 선택 및 적용한 것과 같은 효과를 얻을 수 있다.As an embodiment, the transparency adjustment may be applied not only when selecting a new color but also when changing the transparency of an existing color. Through this, even if you do not change the existing color or select a new color, you can achieve the same effect as selecting and applying a color different from the existing color by adjusting the transparency.
지금까지, 도 14 내지 도 19에서는 색상 커스터마이징의 대상이 피앱인 경우를 예시하였으나, 본 개시의 범위는 이에 한정되지 않는다. 예를 들어, 도 14 내지 도 19에서 설명된 방법은 어플리케이션을 통해 업로드 되는 콘텐츠, 콘텐츠를 저장하는 폴더, 또는 음악들의 목록을 저장하는 플레이리스트 등의 색상을 커스터마이징 하는 데에도 동일하게 적용될 수 있다. 즉, 팔레트 메뉴를 호출하고, 팔레트 메뉴의 서브 메뉴에서 팔레트 색상을 선택하고, 선택된 팔레트 색상이 상기 콘텐츠, 폴더 또는 플레이리스트에 적용되되, 팔레트 색상이 복수의 부분색상을 갖는 경우 각 부분색상이 상기 콘텐츠, 폴더 또는 플레이리스트의 대응되는 요소들에 각각 적용되고, 투명도 조절부(2612)를 통해 적용되는 색상의 투명도를 적용하는 방법으로, 상기 콘텐츠, 폴더 또는 플레이리스트의 색상을 커스터마이징 할 수 있다.So far, although the case where the object of color customization is P-App has been exemplified in FIGS. 14 to 19 , the scope of the present disclosure is not limited thereto. For example, the method described in FIGS. 14 to 19 may be equally applied to customizing the color of content uploaded through an application, a folder storing content, or a playlist storing a list of music. That is, when the palette menu is called, a palette color is selected from a submenu of the palette menu, the selected palette color is applied to the content, folder or playlist, and when the palette color has a plurality of partial colors, each partial color is The color of the content, folder, or playlist can be customized by applying the transparency of the color applied to the corresponding elements of the content, folder, or playlist, respectively, and applied through the
이하에서는, 도 20을 참조하여 본 발명의 다양한 실시예에서 설명된 방법들을 구현할 수 있는 예시적인 컴퓨팅 장치(500)에 대하여 설명하도록 한다.Hereinafter, an
도 20은 컴퓨팅 장치(500)를 나타내는 예시적인 하드웨어 구성도이다. 도 20에 도시된 바와 같이, 컴퓨팅 장치(500)는 하나 이상의 프로세서(510), 버스(550), 통신 인터페이스(570), 프로세서(510)에 의하여 수행되는 컴퓨터 프로그램(591)을 로드(load)하는 메모리(530)와, 컴퓨터 프로그램(591)를 저장하는 스토리지(590)를 포함할 수 있다. 20 is an exemplary hardware configuration diagram illustrating the
다만, 도 20에는 본 발명의 실시예와 관련 있는 구성요소들 만이 도시되어 있다. 따라서, 본 발명이 속한 기술분야의 통상의 기술자라면 도 20에 도시된 구성요소들 외에 다른 범용적인 구성 요소들이 더 포함될 수 있음을 알 수 있다. 도 20에 도시된 컴퓨팅 장치(500)는 IaaS(Infrastructure-as-a-Service) 방식의 클라우드 서비스를 제공하는 서버팜(server farm)에 소속된 물리 서버 중 어느 하나를 가리킬 수 있다.However, only the components related to the embodiment of the present invention are illustrated in FIG. 20 . Accordingly, a person skilled in the art to which the present invention pertains can see that other general-purpose components other than the components shown in FIG. 20 may be further included. The
프로세서(510)는 컴퓨팅 장치(500)의 각 구성의 전반적인 동작을 제어한다. 프로세서(510)는 CPU(Central Processing Unit), MPU(Micro Processor Unit), MCU(Micro Controller Unit), GPU(Graphic Processing Unit) 또는 본 발명의 기술 분야에 잘 알려진 임의의 형태의 프로세서 중 적어도 하나를 포함하여 구성될 수 있다. 또한, 프로세서(510)는 본 발명의 다양한 실시예들에 따른 방법/동작을 실행하기 위한 적어도 하나의 애플리케이션 또는 프로그램에 대한 연산을 수행할 수 있다. 컴퓨팅 장치(500)는 하나 이상의 프로세서를 구비할 수 있다.The
메모리(530)는 각종 데이터, 명령 및/또는 정보를 저장한다. 메모리(530)는 본 발명의 다양한 실시예들에 따른 방법/동작들을 실행하기 위하여 스토리지(590)로부터 하나 이상의 프로그램(591)을 로드(load) 할 수 있다. 메모리(530)의 예시는 RAM이 될 수 있으나, 이에 한정되는 것은 아니다.The
버스(550)는 컴퓨팅 장치(500)의 구성 요소 간 통신 기능을 제공한다. 버스(550)는 주소 버스(Address Bus), 데이터 버스(Data Bus) 및 제어 버스(Control Bus) 등 다양한 형태의 버스로 구현될 수 있다.The
통신 인터페이스(570)는 컴퓨팅 장치(500)의 유무선 인터넷 통신을 지원한다. 통신 인터페이스(570)는 인터넷 통신 외의 다양한 통신 방식을 지원할 수도 있다. 이를 위해, 통신 인터페이스(570)는 본 발명의 기술 분야에 잘 알려진 통신 모듈을 포함하여 구성될 수 있다.The
스토리지(590)는 하나 이상의 컴퓨터 프로그램(591)을 비임시적으로 저장할 수 있다. 스토리지(590)는 플래시 메모리 등과 같은 비휘발성 메모리, 하드 디스크, 착탈형 디스크, 또는 본 발명이 속하는 기술 분야에서 잘 알려진 임의의 형태의 컴퓨터로 읽을 수 있는 기록 매체를 포함하여 구성될 수 있다.The
컴퓨터 프로그램(591)은 본 발명의 다양한 실시예들에 따른 방법/동작들이 구현된 하나 이상의 인스트럭션들을 포함할 수 있다. 컴퓨터 프로그램(591)이 메모리(530)에 로드 되면, 프로세서(510)는 상기 하나 이상의 인스트럭션들을 실행시킴으로써 본 발명의 다양한 실시예들에 따른 방법/동작들을 수행할 수 있다.The
예를 들어, 컴퓨터 프로그램(591)은 하나 이상의 팔레트 색상을 포함하는 팔레트를 구성하는 동작, 상기 팔레트의 색상 리스트를 표시하는 동작, 및 상기 색상 리스트 중 사용자가 선택한 팔레트 색상을 오브젝트에 적용하여 상기 오브젝트의 색상을 커스터마이징 하는 동작을 수행하도록 하는 인스트럭션들(instructions)을 포함할 수 있고, 이때 상기 팔레트 색상은 제1 부분색상 및 상기 제1 부분색상과 구분되는 제2 부분색상을 포함할 수 있다.For example, the
지금까지 도 1 내지 도 20을 참조하여 본 개시의 다양한 실시예들 및 그 실시예들에 따른 효과들을 언급하였다. 본 개시의 기술적 사상에 따른 효과들은 이상에서 언급한 효과들로 제한되지 않으며, 언급되지 않은 또 다른 효과들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해될 수 있을 것이다.So far, various embodiments of the present disclosure and effects according to the embodiments have been described with reference to FIGS. 1 to 20 . Effects according to the technical spirit of the present disclosure are not limited to the above-mentioned effects, and other effects not mentioned will be clearly understood by those skilled in the art from the following description.
지금까지 도 1 내지 도 20을 참조하여 설명된 본 개시의 기술적 사상은 컴퓨터가 읽을 수 있는 매체 상에 컴퓨터가 읽을 수 있는 코드로 구현될 수 있다. 상기 컴퓨터로 읽을 수 있는 기록 매체는, 예를 들어 이동형 기록 매체(CD, DVD, 블루레이 디스크, USB 저장 장치, 이동식 하드 디스크)이거나, 고정식 기록 매체(ROM, RAM, 컴퓨터 구비 형 하드 디스크)일 수 있다. 상기 컴퓨터로 읽을 수 있는 기록 매체에 기록된 상기 컴퓨터 프로그램은 인터넷 등의 네트워크를 통하여 다른 컴퓨팅 장치에 전송되어 상기 다른 컴퓨팅 장치에 설치될 수 있고, 이로써 상기 다른 컴퓨팅 장치에서 사용될 수 있다.The technical idea of the present disclosure described with reference to FIGS. 1 to 20 may be implemented as computer-readable codes on a computer-readable medium. The computer-readable recording medium may be, for example, a removable recording medium (CD, DVD, Blu-ray disk, USB storage device, removable hard disk) or a fixed recording medium (ROM, RAM, computer-equipped hard disk). can The computer program recorded in the computer-readable recording medium may be transmitted to another computing device through a network such as the Internet and installed in the other computing device, thereby being used in the other computing device.
이상에서, 본 개시의 실시예를 구성하는 모든 구성 요소들이 하나로 결합되거나 결합되어 동작하는 것으로 설명되었다고 해서, 본 개시의 기술적 사상이 반드시 이러한 실시예에 한정되는 것은 아니다. 즉, 본 개시의 목적 범위 안에서라면, 그 모든 구성요소들이 하나 이상으로 선택적으로 결합하여 동작할 수도 있다.In the above, even though all components constituting the embodiment of the present disclosure are described as being combined or operated in combination, the technical spirit of the present disclosure is not necessarily limited to this embodiment. That is, within the scope of the object of the present disclosure, all of the components may operate by selectively combining one or more.
도면에서 동작들이 특정한 순서로 도시되어 있지만, 반드시 동작들이 도시된 특정한 순서로 또는 순차적 순서로 실행되어야만 하거나 또는 모든 도시 된 동작들이 실행되어야만 원하는 결과를 얻을 수 있는 것으로 이해되어서는 안 된다. 특정 상황에서는, 멀티태스킹 및 병렬 처리가 유리할 수도 있다. 더욱이, 위에 설명한 실시예들에서 다양한 구성들의 분리는 그러한 분리가 반드시 필요한 것으로 이해되어서는 안 되고, 설명된 프로그램 컴포넌트들 및 시스템들은 일반적으로 단일 소프트웨어 제품으로 함께 통합되거나 다수의 소프트웨어 제품으로 패키지 될 수 있음을 이해하여야 한다.Although acts are shown in a specific order in the drawings, it should not be understood that the acts must be performed in the specific order or sequential order shown, or that all shown acts must be performed to obtain a desired result. In certain circumstances, multitasking and parallel processing may be advantageous. Moreover, the separation of the various components in the embodiments described above should not be construed as necessarily requiring such separation, and the described program components and systems may generally be integrated together into a single software product or packaged into multiple software products. It should be understood that there is
이상 첨부된 도면을 참조하여 본 개시의 실시예들을 설명하였지만, 본 개시가 속하는 기술분야에서 통상의 지식을 가진 자는 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 본 개시가 다른 구체적인 형태로도 실시될 수 있다는 것을 이해할 수 있다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적인 것이 아닌 것으로 이해해야만 한다. 본 개시의 보호 범위는 아래의 청구범위에 의하여 해석되어야 하며, 그와 동등한 범위 내에 있는 모든 기술 사상은 본 개시에 의해 정의되는 기술적 사상의 권리범위에 포함되는 것으로 해석되어야 할 것이다.Although embodiments of the present disclosure have been described above with reference to the accompanying drawings, those of ordinary skill in the art to which the present disclosure pertains may practice the present disclosure in other specific forms without changing the technical spirit or essential features. can understand that there is Therefore, it should be understood that the embodiments described above are illustrative in all respects and not restrictive. The protection scope of the present disclosure should be interpreted by the following claims, and all technical ideas within the equivalent range should be construed as being included in the scope of the technical ideas defined by the present disclosure.
Claims (25)
복수의 팔레트 색상을 포함하는 팔레트를 구성하는 단계;
상기 팔레트의 색상 리스트를 표시하는 단계; 및
상기 색상 리스트 중 사용자가 선택한 팔레트 색상을 오브젝트에 적용하여, 상기 오브젝트의 색상을 커스터마이징 하는 단계를 포함하고,
상기 팔레트 색상은,
제1 부분색상 및 상기 제1 부분색상과 구분되는 제2 부분색상을 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.In an application driven by a computing device,
composing a palette including a plurality of palette colors;
displaying a list of colors in the palette; and
and customizing the color of the object by applying the palette color selected by the user from the color list to the object,
The color palette is
comprising a first partial color and a second partial color distinct from the first partial color;
How to customize object color.
상기 팔레트를 구성하는 단계는,
보유 색상 리스트를 표시하는 단계; 및
상기 보유 색상 리스트 중 사용자가 선택한 색상을 상기 팔레트에 배치하는 단계를 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.According to claim 1,
The step of composing the palette,
displaying a list of retained colors; and
Comprising the step of arranging the color selected by the user from the list of holding colors in the palette,
How to customize object color.
상기 팔레트를 구성하는 단계는,
상기 배치된 색상의 위치를 변경하거나 상기 배치된 색상을 삭제하는 단계를 더 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.3. The method of claim 2,
The step of composing the palette,
Further comprising the step of changing the position of the arranged color or deleting the arranged color,
How to customize object color.
상기 제1 부분색상은 상기 팔레트 색상의 제1 영역에 표시되고,
상기 제2 부분색상은 상기 팔레트 색상의 제2 영역에 표시되는,
오브젝트 색상을 커스터마이징 하는 방법.According to claim 1,
The first partial color is displayed in a first area of the palette color,
The second partial color is displayed in a second area of the palette color,
How to customize object color.
상기 팔레트를 구성하는 단계는,
상기 제1 부분색상이 표시되는 영역을 상기 제1 영역에서 상기 제2 영역으로 변경하는 단계를 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.5. The method of claim 4,
The step of composing the palette,
changing an area in which the first partial color is displayed from the first area to the second area;
How to customize object color.
상기 제1 영역은 상기 팔레트 색상의 바탕 영역이고,
상기 제2 영역은 상기 팔레트 색상의 폰트 영역인,
오브젝트 색상을 커스터마이징 하는 방법.5. The method of claim 4,
The first area is a background area of the palette color,
The second area is a font area of the palette color,
How to customize object color.
상기 제1 부분색상 및 상기 제2 부분색상 중,
어느 한 부분색상은 상기 오브젝트의 제1 요소에 적용되고,
다른 한 부분색상은 상기 오브젝트의 제2 요소에 적용되는,
오브젝트 색상을 커스터마이징 하는 방법.According to claim 1,
Among the first partial color and the second partial color,
Any partial color is applied to the first element of the object,
the other partial color is applied to the second element of the object,
How to customize object color.
상기 오브젝트는,
상기 어플리케이션의 화면 이미지를 구성하는 어플리케이션 헤드(Application Head), 어플리케이션 바디(Application Body), 어플리케이션 바텀(Application Bottom), 또는 콘텐츠 플레이 바(Contents Play Bar)를 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.8. The method of claim 7,
The object is
Containing an application head (Application Head), an application body (Application Body), an application bottom (Application Bottom), or a content play bar (Contents Play Bar) constituting the screen image of the application,
How to customize object color.
상기 오브젝트는,
상기 어플리케이션을 통해 표시되는 마이룸의 마스터 스타일 또는 구성요소 스타일을 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.8. The method of claim 7,
The object is
Including the master style or component style of My Room displayed through the application,
How to customize object color.
상기 오브젝트는,
상기 컴퓨팅 장치에 의해 구동되는 응용프로그램의 수행 결과를 표시하거나 상기 응용프로그램을 조작하기 위한 사용자 인터페이스 도구인 피앱을 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.8. The method of claim 7,
The object is
Displaying the execution result of an application program driven by the computing device or including a P-App which is a user interface tool for operating the application program,
How to customize object color.
상기 오브젝트는,
상기 어플리케이션을 통해 업로드 되는 콘텐츠를 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.8. The method of claim 7,
The object is
Including content uploaded through the application,
How to customize object color.
상기 오브젝트는,
콘텐츠를 저장하는 폴더를 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.8. The method of claim 7,
The object is
containing a folder to store content;
How to customize object color.
상기 오브젝트는,
음악들의 목록을 저장하는 플레이리스트를 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.8. The method of claim 7,
The object is
comprising a playlist storing a list of songs;
How to customize object color.
상기 제1 요소는 상기 오브젝트의 배경, 버튼의 배경, 스테이터스바, 또는 제목바를 포함하고,
상기 제2 요소는 상기 오브젝트의 글씨, 숫자, 문자 또는 버튼의 아이콘을 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.8. The method of claim 7,
The first element includes a background of the object, a background of a button, a status bar, or a title bar,
The second element includes the letter, number, letter or icon of the button of the object,
How to customize object color.
상기 팔레트는,
제1 팔레트 색상 및 제2 팔레트 색상을 포함하고,
상기 팔레트를 구성하는 단계는,
상기 제1 팔레트 색상의 부분색상과 상기 제2 팔레트 색상의 부분색상을 조합하여 제3 팔레트 색상을 생성하는 단계를 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.According to claim 1,
The palette is
a first palette color and a second palette color;
The step of composing the palette,
generating a third palette color by combining a partial color of the first palette color and a partial color of the second palette color;
How to customize object color.
상기 팔레트는,
제1 팔레트 색상 및 제2 팔레트 색상을 포함하고,
상기 팔레트를 구성하는 단계는,
상기 제1 팔레트 색상의 부분색상과 상기 제2 팔레트 색상의 부분색상을 혼합하여 새로운 색상을 생성하고, 상기 새로운 색상을 포함하는 제3 팔레트 색상을 생성하는 단계를 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.According to claim 1,
The palette is
a first palette color and a second palette color;
The step of composing the palette,
generating a new color by mixing the partial color of the first palette color and the partial color of the second palette color, and generating a third palette color including the new color;
How to customize object color.
상기 제3 팔레트 색상은,
상기 새로운 색상을 상기 제3 팔레트 색상의 어느 한 부분색상으로서 포함하고, 상기 제1 팔레트 색상의 부분색상과 상기 제2 팔레트 색상의 부분색상 중 적어도 하나를 상기 제3 팔레트 색상의 다른 부분색상으로서 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.17. The method of claim 16,
The third palette color is,
including the new color as a partial color of the third palette color, and including at least one of the partial color of the first palette color and the partial color of the second palette color as another partial color of the third palette color doing,
How to customize object color.
상기 팔레트 색상은,
상기 제1 부분색상 및 상기 제2 부분색상과 각각 구분되는 제3 부분색상을 더 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.According to claim 1,
The color palette is
Further comprising a third partial color distinct from the first partial color and the second partial color,
How to customize object color.
상기 제1 부분색상은 상기 팔레트 색상의 제1 영역에 표시되고,
상기 제2 부분색상은 상기 팔레트 색상의 제2 영역에 표시되고,
상기 제3 부분색상은 상기 팔레트 색상의 제3 영역에 표시되는,
오브젝트 색상을 커스터마이징 하는 방법.19. The method of claim 18,
The first partial color is displayed in a first area of the palette color,
The second partial color is displayed in a second area of the palette color,
The third partial color is displayed in a third area of the palette color,
How to customize object color.
상기 제1 영역은 상기 팔레트 색상의 바탕 영역이고,
상기 제2 영역은 상기 팔레트 색상의 폰트 영역이고,
상기 제3 영역은 상기 팔레트 색상의 테두리 영역인,
오브젝트 색상을 커스터마이징 하는 방법.20. The method of claim 19,
The first area is a background area of the palette color,
The second area is a font area of the palette color,
The third area is a border area of the palette color,
How to customize object color.
상기 제1 부분색상, 상기 제2 부분색상 및 상기 제3 부분색상 중,
어느 한 부분색상은 상기 오브젝트의 제1 요소에 적용되고,
다른 한 부분색상은 상기 오브젝트의 제2 요소에 적용되고,
또 다른 한 부분색상은 상기 오브젝트의 제3 요소에 적용되는,
오브젝트 색상을 커스터마이징 하는 방법. 19. The method of claim 18,
of the first partial color, the second partial color, and the third partial color;
Any partial color is applied to the first element of the object,
the other partial color is applied to the second element of the object,
Another partial color is applied to the third element of the object,
How to customize object color.
상기 제1 부분색상, 상기 제2 부분색상 및 상기 제3 부분색상 중,
어느 한 부분색상은 상기 오브젝트의 제1 요소에 적용되고,
다른 한 부분색상은 상기 오브젝트의 제2 요소에 적용되고,
또 다른 한 부분색상은 상기 제1 요소 또는 제2 요소에 특정 이벤트가 발생했을 때 이를 표시하기 위해 상기 어느 한 부분색상 또는 상기 다른 한 부분색상을 대신하여 상기 제1 요소 또는 상기 제2 요소에 적용되는,
오브젝트 색상을 커스터마이징 하는 방법.19. The method of claim 18,
of the first partial color, the second partial color, and the third partial color;
Any partial color is applied to the first element of the object,
the other partial color is applied to the second element of the object,
Another partial color is applied to the first element or the second element in place of the one partial color or the other partial color to indicate when a specific event occurs in the first or second element. felled,
How to customize object color.
상기 팔레트 색상의 투명도를 조절하는 단계를 더 포함하는,
오브젝트 색상을 커스터마이징 하는 방법.According to claim 1,
Further comprising the step of adjusting the transparency of the palette color,
How to customize object color.
상기 투명도 조절은 상기 팔레트 색상에 대해, 상기 제1 부분색상 또는 상기 제2 부분색상에 대해, 또는 상기 오브젝트에 대해 수행되는,
오브젝트 색상을 커스터마이징 하는 방법.24. The method of claim 23,
The transparency adjustment is performed for the palette color, for the first partial color or the second partial color, or for the object,
How to customize object color.
상기 프로세서에 의해 실행되는 컴퓨터 프로그램을 로드(load)하는 메모리; 및
상기 컴퓨터 프로그램을 저장하는 스토리지를 포함하되,
상기 컴퓨터 프로그램은,
복수의 팔레트 색상을 포함하는 팔레트를 구성하는 동작,
상기 팔레트의 색상 리스트를 표시하는 동작, 및
상기 색상 리스트 중 사용자가 선택한 팔레트 색상을 오브젝트에 적용하여 상기 오브젝트의 색상을 커스터마이징 하는 동작을 수행하도록 하는 인스트럭션들(instructions)을 포함하고,
상기 팔레트 색상은,
제1 부분색상 및 상기 제1 부분색상과 구분되는 제2 부분색상을 포함하는,
오브젝트 색상을 커스터마이징 하는 장치.
processor;
a memory for loading a computer program executed by the processor; and
a storage for storing the computer program;
The computer program is
an operation of constructing a palette including a plurality of palette colors;
displaying a list of colors in the palette; and
and instructions for customizing the color of the object by applying the palette color selected by the user from the color list to the object,
The color palette is
including a first partial color and a second partial color distinct from the first partial color;
A device for customizing object colors.
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020200002918A KR102331342B1 (en) | 2020-01-09 | 2020-01-09 | Method and apparatus for customizing object color of an application |
US16/812,227 US20200285355A1 (en) | 2019-03-08 | 2020-03-06 | Method and apparatus for customizing color of object on application |
PCT/KR2020/003244 WO2020184933A1 (en) | 2019-03-08 | 2020-03-09 | Method and device for customizing object color of application |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020200002918A KR102331342B1 (en) | 2020-01-09 | 2020-01-09 | Method and apparatus for customizing object color of an application |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20210089861A true KR20210089861A (en) | 2021-07-19 |
KR102331342B1 KR102331342B1 (en) | 2021-11-24 |
Family
ID=77125784
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020200002918A KR102331342B1 (en) | 2019-03-08 | 2020-01-09 | Method and apparatus for customizing object color of an application |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR102331342B1 (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20230017649A (en) * | 2021-07-28 | 2023-02-06 | 주식회사 디자이노블 | Pallet-based shoe design creation method and device therefor |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO1995004987A1 (en) * | 1993-08-11 | 1995-02-16 | Taligent, Inc. | Object-oriented palette system |
US5995087A (en) * | 1996-09-11 | 1999-11-30 | Minolta Co., Ltd. | Apparatus for automatically deciding characteristic colors of an image |
JP2011160030A (en) * | 2010-01-29 | 2011-08-18 | Hitachi Ltd | Method of color customization of content screen |
WO2012071045A1 (en) * | 2010-11-26 | 2012-05-31 | Hewlett-Packard Development Company, L.P. | Method and system for creating a customized print |
KR20140120240A (en) | 2013-04-02 | 2014-10-13 | 셍 비 | Method of object customization by high-speed and realistic 3d rendering through web pages |
KR20180055687A (en) * | 2016-11-16 | 2018-05-25 | 주식회사 케이티 | Method and server for generating customize application |
US20180173408A1 (en) * | 2016-12-20 | 2018-06-21 | Fuji Xerox Co., Ltd. | Information processing device and non-transitory computer readable medium |
-
2020
- 2020-01-09 KR KR1020200002918A patent/KR102331342B1/en active IP Right Grant
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO1995004987A1 (en) * | 1993-08-11 | 1995-02-16 | Taligent, Inc. | Object-oriented palette system |
US5995087A (en) * | 1996-09-11 | 1999-11-30 | Minolta Co., Ltd. | Apparatus for automatically deciding characteristic colors of an image |
JP2011160030A (en) * | 2010-01-29 | 2011-08-18 | Hitachi Ltd | Method of color customization of content screen |
WO2012071045A1 (en) * | 2010-11-26 | 2012-05-31 | Hewlett-Packard Development Company, L.P. | Method and system for creating a customized print |
US20130235398A1 (en) * | 2010-11-26 | 2013-09-12 | Hewlett-Packard Development Company, L.P. | Method and system for creating a customized print |
KR20140120240A (en) | 2013-04-02 | 2014-10-13 | 셍 비 | Method of object customization by high-speed and realistic 3d rendering through web pages |
KR20180055687A (en) * | 2016-11-16 | 2018-05-25 | 주식회사 케이티 | Method and server for generating customize application |
US20180173408A1 (en) * | 2016-12-20 | 2018-06-21 | Fuji Xerox Co., Ltd. | Information processing device and non-transitory computer readable medium |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20230017649A (en) * | 2021-07-28 | 2023-02-06 | 주식회사 디자이노블 | Pallet-based shoe design creation method and device therefor |
Also Published As
Publication number | Publication date |
---|---|
KR102331342B1 (en) | 2021-11-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6121439B2 (en) | Dynamic navigation bar for extended communication services | |
JP6121438B2 (en) | Dynamic minimized navigation bar for extended communication services | |
TWI539358B (en) | Method for providing context based menu, and computing touch-enabled device and computer-readable memory device thereof | |
US11048484B2 (en) | Automated responsive grid-based layout design system | |
US9269110B2 (en) | System and method for interface and interaction with internet applications | |
US9465529B1 (en) | Platform-independent environments for customizing user interfaces of native applications for portable electronic devices | |
US20060225094A1 (en) | Enabling customization and personalization of views in content aggregation frameworks | |
US20170131874A1 (en) | Software Design Tool For A User Interface And The Administration Of Proximity Responsive Information Displays In Augmented Reality Or Virtual Reality Environments | |
US20150074825A1 (en) | System and method for controlling privacy settings of user interface with internet applications | |
TW201229875A (en) | Managing an immersive environment | |
KR102331342B1 (en) | Method and apparatus for customizing object color of an application | |
KR101154996B1 (en) | Mobile terminal and Method for making of Menu Screen in thereof | |
CN112445564A (en) | Interface display method, electronic device and computer readable storage medium | |
TW591533B (en) | Method to set up a re-configurable task bar | |
JPH08129469A (en) | Optimization display method for computer processing operation button | |
US9250793B2 (en) | Interface management systems and methods | |
WO2017201956A1 (en) | Methods and devices for configuring and displaying screen-lock interface | |
JP7152023B2 (en) | animation editing program | |
US20200285355A1 (en) | Method and apparatus for customizing color of object on application | |
KR20120063018A (en) | Method for realizing editing function of user menu | |
KR20200107779A (en) | Method for providing a customized identification card and apparatus thereof | |
US10163170B2 (en) | Method and system for designing a product configuration | |
US20200285674A1 (en) | Method and apparatus for providing customized identification card | |
CN115951811B (en) | Component generation method and device | |
US10162477B2 (en) | System and method for personalized fast navigation |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
AMND | Amendment | ||
E601 | Decision to refuse application | ||
X091 | Application refused [patent] | ||
AMND | Amendment | ||
X701 | Decision to grant (after re-examination) | ||
GRNT | Written decision to grant |