KR101968950B1 - Ｇｕｉ 표시 방법 및 그 장치 - Google Patents

Ｇｕｉ 표시 방법 및 그 장치 Download PDF

Info

Publication number
KR101968950B1
KR101968950B1 KR1020120087704A KR20120087704A KR101968950B1 KR 101968950 B1 KR101968950 B1 KR 101968950B1 KR 1020120087704 A KR1020120087704 A KR 1020120087704A KR 20120087704 A KR20120087704 A KR 20120087704A KR 101968950 B1 KR101968950 B1 KR 101968950B1
Authority
KR
South Korea
Prior art keywords
gui
image
chroma key
state
color code
Prior art date
Application number
KR1020120087704A
Other languages
English (en)
Other versions
KR20140021346A (ko
Inventor
이승명
Original Assignee
삼성전자 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 삼성전자 주식회사 filed Critical 삼성전자 주식회사
Priority to KR1020120087704A priority Critical patent/KR101968950B1/ko
Priority to PCT/KR2013/004895 priority patent/WO2014025131A1/en
Priority to US13/916,900 priority patent/US9727200B2/en
Priority to EP13179729.2A priority patent/EP2696328A3/en
Publication of KR20140021346A publication Critical patent/KR20140021346A/ko
Application granted granted Critical
Publication of KR101968950B1 publication Critical patent/KR101968950B1/ko

Links

Images

Classifications

    • 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
    • G06F3/04817—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 using icons
    • 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]
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • 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
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/02—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed
    • G09G5/024—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed using colour registers, e.g. to control background, foreground, surface filling

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Digital Computer Display Output (AREA)

Abstract

본 발명은 GUI 표시 방법 및 그 장치에 관한 것으로, 특히 색상 코드를 적용한 크로마키 레이어 및 효과 이미지를 다층으로 결합하여 다양한 상태의 GUI를 표시하는 GUI 표시 방법 및 그 장치에 관한 것이다.
이에 따른 본 발명은, GUI를 위한 임의의 형태를 갖는 크로마키 이미지를 로드하는 단계, 상기 크로마키 이미지에 상기 GUI에 대응하는 색상 코드를 적용하는 단계, 상기 GUI에 대응하는 효과 이미지를 상기 색상 코드가 적용된 크로마키 이미지와 결합하여 GUI 이미지를 생성하는 단계 및 상기 GUI 이미지를 표시하는 단계를 포함하는 것을 특징으로 하는 GUI 표시 방법 및 그 장치에 관한 것이다.

Description

ＧＵＩ 표시 방법 및 그 장치{METHOD FOR DISPLAYING GRAPHIC USER INTERFACE AND APPARATUS THEREOF}
본 발명은 GUI 표시 방법 및 그 장치에 관한 것으로, 특히 색상 코드를 적용한 크로마키 레이어 및 효과 이미지를 다층으로 결합하여 다양한 상태의 GUI를 표시하는 GUI 표시 방법 및 그 장치에 관한 것이다.
컴퓨터 기술이 발전하면서, 사용자가 손쉽게 컴퓨터를 제어할 수 있도록 하기 위한 다양한 인터페이스가 함께 발전해왔다. 이에 따라 키보드를 통해 명령어를 입력하던 인터페이스를 대신하여, 현재는 화면에 메뉴를 표시하고 이를 선택하여 작업을 지시하는 그래픽 사용자 인터페이스(Graphic User Interface; 이하 GUI)가 사용되고 있다. GUI는 도스(DOS)의 명령어 인터페이스와는 대조적으로, 윈도우(Windows), 스크롤 바, 아이콘, 단추 등의 다양한 이미지를 포함한다.
최근에는, 심미성을 추구하는 구매자의 GUI에 대한 욕구를 반영하여, GUI의 상태, 예를 들어 정상 상태, 클릭 상태, 선택 상태, 활성 상태, 비활성 상태를 다양한 효과에 따라 표현하려는 시도가 증가하고 있다. 이러한 시도에 따라 현재는, 메모리에 제공되는 모든 GUI에 대해 각각의 상태에 대응하는 GUI 이미지를 모두 저장하였다가, GUI의 상태에 따라 대응하는 이미지를 로드하여 표시하는 방법을 사용하고 있다.
그러나, 이러한 방법은 한정된 메모리 용량이 GUI 이미지로 인해 불필요하게 소모되어 메모리 부족을 가져오고, 구현 성능의 저하를 가져와 장치의 품질에 악영향을 끼친다. 또한, 너무 많은 이미지 소스가 필요하게 되어 GUI 운용 및 관리에 불편함이 따르는 문제가 있다.
본 발명은 크로마키(chromakey) 이미지에 GUI에 대응하는 컬러 코드를 적용하여 다양한 색상 효과를 제공하는 GUI 표시 방법 및 그 장치를 제공한다.
또한, 본 발명은 크로마키 이미지에 GUI 상태에 대응하는 효과 이미지를 적용하여 질감 또는 입체 효과를 제공하는 GUI 표시 방법 및 그 장치를 제공한다.
상기 과제를 해결하기 위한 본 발명에 따른 GUI 표시 방법은, GUI를 위한 임의의 형태를 갖는 크로마키 이미지를 로드하는 단계, 상기 크로마키 이미지에 상기 GUI에 대응하는 색상 코드를 적용하는 단계, 상기 GUI에 대응하는 효과 이미지를 상기 색상 코드가 적용된 크로마키 이미지와 결합하여 GUI 이미지를 형성하는 단계, 및 상기 GUI 이미지를 표시하는 단계를 포함하는 것을 특징으로 한다.
또한, 상기 GUI는, 다이얼, 키보드, 아이콘, 단추, 스크롤 바 및 인디케이터 바 중 어느 하나인 것을 특징으로 한다.
또한, 상기 색상 코드는, RGB 값, Hexa 코드 및 임의의 팔레트에 대한 색상 값 중 어느 하나에 따른 코드인 것을 특징으로 한다.
또한, 상기 효과 이미지는, 정상 상태, 누름 상태, 선택 상태, 하이라이트 상태, 활성 상태 및 비활성 상태 중 적어도 하나를 포함하는 상기 GUI의 상태에 대응하는 효과 이미지인 것을 특징으로 한다.
또한, 상기 효과 이미지는, 상기 GUI의 질감(Texture) 효과 및 음영(Shadow)에 따른 입체 효과를 위한 이미지 중 적어도 하나를 포함하는 것을 특징으로 한다.
또한, 상기 색상 코드를 연속적으로(successively) 변경하여 적용하는 단계, 및 상기 연속적으로(successively) 변경되는 색상 코드를 기초로 상기 GUI 이미지를 표시하는 단계를 포함하는 것을 특징으로 한다.
또한, 상기 GUI에 대한 사용자의 입력을 감지하는 단계, 상기 입력에 대응하여 상기 색상 코드 및 상기 효과 이미지 중 적어도 하나를 결정하는 단계를 더 포함하는 것을 특징으로 한다.
또한, 크로마키 이미지를 로드하는 단계는, 상기 입력에 대응하여 상기 GUI를 결정하는 단계, 및 상기 GUI를 위한 상기 크로마키 이미지를 로드하는 단계를 포함하는 것을 특징으로 한다.
또한, 상기 입력에 대응하여 상기 색상 코드를 연속적으로(successively) 변경하여 적용하는 단계, 및 상기 연속적으로(successively) 변경되는 색상 코드를 기초로 상기 GUI 이미지를 표시하는 단계를 포함하는 것을 특징으로 한다.
또한, 상기 과제를 해결하기 위한 본 발명에 따른 GUI 표시 장치는, 적어도 하나의 GUI를 표시하는 표시부, 및 상기 GUI를 위한 임의의 형태를 갖는 크로마키 이미지를 로드하고, 상기 크로마키 이미지에 상기 GUI에 대응하는 색상 코드를 적용하고, 상기 GUI에 대응하는 효과 이미지를 상기 색상 코드가 적용된 크로마키 이미지와 결합하여 GUI 이미지를 형성하고, 상기 GUI 이미지를 표시하도록 상기 표시부를 제어하는 제어부를 포함하는 것을 특징으로 한다.
또한, 상기 GUI는, 다이얼, 키보드, 아이콘, 단추, 스크롤 바 및 인디케이터 바 중 어느 하나인 것을 특징으로 한다.
또한, 상기 색상 코드는, RGB 값, Hexa 코드 및 임의의 팔레트에 대한 색상 값 중 어느 하나에 따른 코드인 것을 특징으로 한다.
또한, 상기 효과 이미지는, 정상 상태, 누름 상태, 선택 상태, 하이라이트 상태, 활성 상태 및 비활성 상태 중 적어도 하나를 포함하는 상기 GUI의 상태에 대응하는 효과 이미지인 것을 특징으로 한다.
또한, 상기 효과 이미지는, 상기 GUI의 질감(Texture) 효과 및 음영(Shadow)에 따른 입체 효과를 위한 이미지 중 적어도 하나를 포함하는 것을 특징으로 한다.
또한, 상기 제어부는, 상기 색상 코드를 연속적으로(successively) 변경하여 적용하고, 상기 연속적으로(successively) 변경되는 색상 코드를 기초로 상기 GUI 이미지를 표시하도록 상기 표시부를 제어하는 것을 특징으로 한다.
또한, 상기 GUI에 대한 사용자의 입력부를 더 포함하고, 상기 제어부는, 상기 입력에 대응하여 상기 색상 코드 및 상기 효과 이미지 중 적어도 하나를 결정하는 것을 특징으로 한다.
또한, 상기 제어부는, 상기 입력에 대응하여 상기 GUI를 결정하고, 상기 GUI를 위한 상기 크로마키 이미지를 로드하는 것을 특징으로 한다.
본 발명에 따른 GUI 표시 방법 및 그 장치는 크로마키 이미지에 컬러 코드를 적용하고 몇 가지의 효과 이미지를 결합함으로써 다양한 색상 및 효과의 표현이 가능하도록 한다.
또한, 본 발명에 따른 GUI 표시 방법 및 그 장치는 적은 이미지 리소스를 이용함으로써 메모리를 확보하고 GUI 구현 속도를 향상시키며, 다양한 GUI 효과를 제공할 수 있도록 한다.
도 1은 본 발명에 따른 GUI 표시 장치의 구성을 나타낸 블록도이다.
도 2는 본 발명에 따른 GUI 표시 방법을 나타낸 순서도이다.
도 3은 크로마키 이미지의 일 예를 나타낸 도면이다.
도 4는 색상 코드를 적용한 크로마키 이미지의 일 예를 나타낸 도면이다.
도 5는 정상 상태에 대응하는 효과 이미지의 일 예를 나타낸 도면이다.
도 6은 누름 상태 또는 선택 상태에 대응하는 효과 이미지의 일 예를 나타낸 도면이다.
도 7은 활성 상태 또는 하이라이트 상태에 대응하는 효과 이미지의 일 예를 나타낸 도면이다.
도 8은 비활성 상태에 대응하는 효과 이미지의 일 예를 나타낸 도면이다.
도 9는 형성된 GUI 이미지의 일 예를 나타낸 도면이다.
도 10은 색상 코드를 연속적으로(successively) 변경하는 예를 나타낸 도면이다.
도 11은 본 발명에 따른 입력에 대응한 GUI 표시 방법을 나타낸 순서도이다.
도 12는 입력에 대응한 GUI 표시의 일 예를 나타낸 도면이다.
본 발명은 GUI를 표시하는 장치 및 장치의 제어를 위해 적용될 수 있다.
또한, 본 발명은 GUI를 표시하는 장치로써, 스마트 폰(Smart Phone), 휴대 단말(Portable Terminal), 이동 단말(Mobile Terminal), 개인 정보 단말(Personal Digital Assistant: PDA), PMP(Portable Multimedia Player) 단말, 컴퓨터, 노트북 컴퓨터, 노트 패드(Note Pad), 와이브로(Wibro) 단말, 타블렛 PC(Tablet PC), 스마트 TV, 스마트 냉장고 등의 일반적인 전자 단말뿐만 아니라, GUI를 표시하는 모든 장치를 위하여 적용될 수 있다.
본 명세서에서 사용되는 기술적 용어는 단지 특정한 실시 예를 설명하기 위해 사용된 것으로, 본 발명의 사상을 한정하려는 의도가 아님을 유의해야 한다. 또한, 본 명세서에서 사용되는 기술적 용어는 본 명세서에서 특별히 다른 의미로 정의되지 않는 한, 본 발명이 속하는 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 의미로 해석되어야 하며, 과도하게 포괄적인 의미로 해석되거나, 과도하게 축소된 의미로 해석되지 않아야 한다.
또한, 본 명세서에서 사용되는 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 명세서에서, "구성된다." 또는 "포함한다." 등의 용어는 명세서상에 기재된 여러 구성 요소들, 또는 여러 단계를 반드시 모두 포함하는 것으로 해석되지 않아야 한다.
이하, 첨부된 도면을 참조하여 본 발명의 실시 예들을 보다 구체적으로 설명하도록 한다.
도 1은 본 발명에 따른 GUI 표시 장치의 구성을 나타낸 블록도이다.
도 1을 참조하면, GUI 표시 장치(100)는 입력부(110), 저장부(120), 제어부(130) 및 표시부(140)를 포함하여 구성될 수 있다.
입력부(110)는 사용자에 의한 입력에 따라 조작 신호를 생성할 수 있다. 입력부(110)는 키 패드(key pad), 돔 스위치 (dome switch), 조그 휠, 조그 스위치 등으로 구성될 수 있다. 입력부(110)는 터치 센서, 압력 센서, 근접 센서, 전자기 센서 등을 구비할 수 있으며, 터치 패드(정압/정전), EMR(Electro Magnetic Resonance) 패드, EMI(Eletro Magnetic Interferenc) 패드 등의 패드 형태로 구성될 수 있다. 입력부(110)는 센서를 통해, 사용자의 인체(예를 들어, 손)나 물리적인 도구, 스타일러스 펜(Stylus Pen) 등 다양한 입력 수단에 의하여 사용자의 입력을 감지할 수 있다. 입력부(110)는 복수의 패드를 레이어 구조로 구비할 수 있고, 표시부(140)와 레이어 구조를 이루어 터치 스크린으로 동작할 수 있다.
본 발명의 실시 예에 따르면, 입력부(110)는 적어도 하나의 GUI에 대한 사용자의 입력을 감지할 수 있다. 입력부(110)는 누름(press), 드래그(drag), 플릭(flick), 쓸기(sweep) 등의 동작으로 구성되는 입력을 감지할 수 있으며, 복수의 입력 수단에 의하여 감지되는 다점 입력을 감지할 수도 있다.
저장부(120)는 GUI 표시 장치(100)를 위한 프로그램 또는 명령들이 저장될 수 있다. 제어부(130)는 저장부(120)에 저장된 프로그램 또는 명령들을 수행할 수 있다.
저장부(120)는 플래시 메모리 타입(flash memory type), 하드디스크 타입(hard disk type), 멀티미디어 카드 마이크로 타입(multimedia card micro type), 카드 타입의 메모리(예를 들어 SD 또는 XD 메모리 등), 램(Random Access Memory, RAM), SRAM(Static Random Access Memory), 롬(Read-Only Memory, ROM), EEPROM(Electrically Erasable Programmable Read-Only Memory), PROM(Programmable Read-Only Memory), 자기 메모리, 자기 디스크, 광디스크 중 적어도 하나의 타입의 저장매체를 포함할 수 있다.
본 발명의 실시 예에 따르면, 저장부(120)는 적어도 하나의 GUI 및/또는 GUI를 형성하기 위한 이미지를 저장할 수 있다. 저장부(120)는 GUI에 대응하는 크로마키 이미지, 색상 코드, 효과 이미지 등을 저장할 수 있다. 저장부(120)는 단말(100)의 동작, 기능, 상태 또는 사용자의 입력에 대응하는 GUI에 대한 정보를 저장할 수 있다. 저장부(120)는 제어부(130)에 의하여 형성된 GUI를 임시 또는 영구적으로 저장할 수도 있다.
제어부(130)는 GUI 표시 장치(100)의 전반적인 동작을 위하여 각 구성 요소를 제어할 수 있다. 예를 들어, 제어부(130)는 GUI 표시 장치(100)에 GUI를 표시하기 위하여 각 구성 요소를 제어할 수 있다.
제어부(130)는 GUI 표시 장치(100)의 동작, 기능, 상태 또는 사용자의 입력에 대응하는 GUI를 표시할 수 있다. 구체적으로, 제어부(130)는 GUI를 위한 임의의 형태를 갖는 크로마키 이미지를 로드하고, 크로마키 이미지에 GUI에 대응하는 색상 코드를 적용할 수 있다. 제어부(130)는 GUI의 종류, 상태 등에 대응하여 RGB 값, Hexa 코드 및 단말(100)이 제공하는 임의의 팔레트에 대한 색상 값 중 어느 하나에 따른 코드인 색상 코드를 크로마키 이미지에 적용할 수 있다.
또한, 제어부(130)는 GUI에 대응하는 효과 이미지를 크로마키 이미지에 결합할 수 있다. 효과 이미지는 GUI의 정상 상태, 클릭 상태, 선택 상태, 활성 상태 및 비활성 상태 중 적어도 하나를 포함하는 상기 GUI의 상태에 대응하는 효과 이미지일 수 있다. 또한, 효과 이미지는 GUI의 질감(Texture) 효과 및 음영(Shadow)에 따른 입체 효과를 위한 이미지 중 적어도 하나를 포함할 수 있다.
제어부(130)는 색상 코드 및 효과 이미지에 의하여 크로마키 이미지상에 형성된 GUI 이미지를 표시하도록 표시부(140)를 제어할 수 있다. 이때, 제어부(130)는 시간의 경과, 사용 빈도, 선호도, 중요도 등에 따라 또는 사용자 입력에 의하여 색상 코드 또는 효과 이미지를 연속적으로(successively) 변경하여 GUI를 표시할 수 있다.
제어부(130)의 보다 구체적인 동작은 하기에서 도면을 참조하여 상세히 설명하도록 한다.
표시부(140)는 GUI 표시 장치(100)에서 처리되는 정보를 표시(출력)한다. 예를 들어, 표시부(140)는 GUI 표시 장치(100)의 기능 제어와 관련된 UI(User Interface) 또는 GUI(Graphic User Interface)를 표시할 수 있다.
표시부(140)는 액정 디스플레이(liquid crystal display, LCD), 박막 트랜지스터 액정 디스플레이(thin film transistor-liquid crystal display, TFT LCD), 유기 발광 다이오드(organic light-emitting diode, OLED), 플렉시블 디스플레이(flexible display), 3차원 디스플레이(3D display) 중에서 적어도 하나를 포함할 수 있다.
표시부(140)는 입력부(110)를 구성하는 터치 센서와 상호 레이어 구조를 이루어 터치 스크린으로 동작할 수 있다. 표시부(110)는 터치 센서와 결합된 디스플레이 패널 형태를 가질 수 있으며, 예를 들어 TSP 패널일 수 있다. 이때, 터치 스크린으로 동작하는 표시부(140)는 입력 장치의 기능을 수행할 수도 있다.
본 발명의 실시 예에 따르면, 표시부(140)는 적어도 하나의 GUI를 표시할 수 있다. 표시부(140)는 제어부(130)에 의하여 형성된 GUI 이미지를 표시할 수 있다. 또한, 표시부(140)는 제어부(130)의 제어에 의하여 색상이 연속적으로 변경되는 GUI 이미지를 표시할 수 있다.
추가로, GUI 표시 장치(100)은 통신부(150)를 포함하여 구성될 수 있다. 통신부(150)는 외부와 데이터 통신을 수행할 수 있다. 통신부(150)는 유선 또는 근거리 통신을 포함한 무선 통신 기술을 이용하여 외부와 데이터 통신을 수행할 수 있다. 무선 통신 기술로는 WLAN(Wireless LAN)(Wi-Fi), Wibro(Wireless broadband), Wimax(World Interoperability for Microwave Access), HSDPA(High Speed Downlink Packet Access) 등이 이용될 수 있다. 무선 근거리 통신 기술로는 블루투스(Bluetooth), RFID(Radio Frequency Identification), 적외선 통신(IrDA, infrared Data Association), UWB(Ultra Wideband), ZigBee 등이 이용될 수 있고, 유선 근거리 통신 기술로는 USB(Universal Serial Bus), IEEE 1394, 인텔사의 썬더볼트 등이 이용될 수 있다. 통신부(120)는 데이터 통신을 위하여 BluetoothTM, 지그비(Zigbee), UWB(Ultra Wide Band), Wireless USB, NFC(Near Field Communication), Wireless LAN 중 어느 하나 이상을 위한 통신 모듈을 포함할 수 있다.
본 발명의 실시 예에 따르면, 통신부(150)는 외부로부터 GUI를 위한 크로마키 이미지, 효과 이미지 또는 이미 형성된 GUI 이미지를 수신할 수 있다. 또한 통신부(150)는 외부로부터 RGB 값, Hexa 코드에 따른 색상 코드를 수신하거나, 적어도 하나의 색상에 대한 값을 포함하는 임의의 팔레트를 수신할 수 있다.
도 1에 도시된 구성요소들이 필수적인 것은 아니어서, 그보다 많은 구성요소들을 갖거나 그보다 적은 구성요소들을 갖는 GUI 표시 장치(100)가 구현될 수 있다.
도 2는 본 발명에 따른 GUI 표시 방법을 나타낸 순서도이다. 도 2를 참조하면, 본 발명의 일 실시 예에 따른 GUI 표시 방법은 다음과 같은 순서로 이루어질 수 있다.
먼저, GUI 표시 장치(100)는 크로마키(chromakey) 이미지를 로드할 수 있다(210).
GUI 표시 장치(100)는 GUI를 위한 임의의 형태를 갖는 크로마키 이미지를 로드할 수 있다. GUI는 다이얼, 키보드, 아이콘, 단추, 스크롤 바 및 인디케이터 바 중 어느 하나를 포함할 수 있다.
크로마키는 제1 이미지를 제2 이미지상에 선택적으로 중첩하는 키잉(keying) 기법으로, 크로마키 이미지는 제2 이미지로 작용하여 다른 이미지를 중첩하도록 하는 배경 이미지에 해당할 수 있다. 크로마키 이미지는 중첩되는 이미지와 보색 등의 관계를 갖는 임의의 색상을 가지거나, 도 3에 도시된 바와 같이 바둑판 등의 문양으로 구성될 수 있다.
본 발명에서 크로마키 이미지는 GUI 이미지를 형성하기 위한 배경 레이어와 같은 역할을 하며, GUI 이미지 완성 후 제외됨으로써 최종적으로 표시될 GUI 이미지가 형성되도록 한다.
GUI 표시 장치(100)는 GUI 이미지를 형성하기 위하여 임의의 형태를 갖는 크로마키 이미지 레이어를 로드할 수 있다. 크로마키 이미지는 GUI의 이미지에 대응하는 임의의 형태를 가질 수 있다. 예를 들어, GUI 이미지가 둥근 사각형(Curved rectangular) 형태를 갖는 이미지인 경우, 크로마키 이미지는 GUI 이미지에 대응하여, 도 3에 도시된 것과 같이 둥근 사각형 형태를 가질 수 있다.
크로마키 이미지는 GUI 표시 장치(100)에 저장되어 있는 것으로, GUI 표시 장치(100)에 대한 애플리케이션, 프로그램 또는 서비스 등의 배포, 제공 또는 업데이트에 따라 데이터 통신을 통해 다른 장치 또는 서버로부터 다운로드 된 것일 수 있다.
다음으로, GUI 표시 장치(100)는 색상 코드를 적용할 수 있다(220).
GUI 표시 장치(100)는 크로마키 이미지에 GUI에 대응하는 색상 코드를 적용할 수 있다. 색상 코드는 RGB 값, Hexa 코드 및 GUI 표시 장치(100)가 제공하는 팔레트의 색상 값 중 어느 하나에 따른 코드일 수 있다. 예를 들어, 색상 코드는 RGB 값으로 (17, 133, 194), (228, 73, 0) 등으로 구성되는 코드일 수 있다. 또는, 예를 들어, 색상 코드는 Hexa 코드로 #415277, #5fa8dc, #383838 등으로 구성되는 코드일 수 있다. GUI 표시 장치(100)는 GUI에 대응하는 색상 코드를 크로마키 이미지에 적용할 수 있다. 예를 들어, 형성하고자 하는 GUI가 검정색인 경우, GUI 표시 장치(100)는 크로마키 이미지에 RGB 값 (0, 0, 0) 또는 Hexa 코드 #000000을 적용할 수 있다.
도 4는 색상 코드를 적용한 크로마키 이미지의 일 예를 나타낸 도면이다. GUI 표시 장치(100)는 크로마키 이미지에 GUI에 대응하는 색상 코드를 적용하여, 도 4에 도시된 바와 같이 GUI에 대응하는 색상을 갖는 크로마키 이미지를 형성할 수 있다.
본 발명의 실시 예에서, GUI 표시 장치(100)는 색상 코드를 연속적으로(successively) 변경하며 크로마키 이미지에 적용할 수 있다. GUI 표시 장치(100)는 GUI에 색상 변화 효과를 제공하기 위하여, 시간의 경과에 따라 또는 사용자의 입력에 대응하여 색상 코드를 연속적으로 변경하며 크로마키 이미지에 적용할 수 있다. GUI 표시 장치(100)는 연속적으로 변경되는 색상 코드가 적용된 크로마키 이미지를 기초로 GUI 이미지를 표시할 수 있다. 이로써, GUI 표시 장치(100)는 사용자에게 색상에 따라 다양한 시각적 효과를 갖는 GUI를 제공할 수 있다. 예를 들어, GUI 표시 장치(100)는 제1 색상에서 제2 색상으로 페이딩(fading)되는 시각적 효과를 갖는 GUI를 제공할 수 있다. 이를 위하여 GUI 표시 장치(100)는 제1 색상의 색상 코드에서부터 제2 색상의 색상 코드까지 인간이 감지할 수 없는 간격으로 매끄럽게(seamlessly) 색상 코드를 연속하여 변경할 수 있다. 또는, 예를 들어, GUI 표시 장치(100)는 제1 색상 및 제2 색상을 번갈아가며 색상 코드를 연속하여 변경함으로써, 깜빡이는 시각적 효과를 갖는 GUI를 제공할 수 있다.
다음으로, GUI 표시 장치(100)는 효과 이미지를 결합할 수 있다(230).
GUI 표시 장치(100)는 GUI에 대응하는 효과 이미지를 색상 코드가 적용된 크로마키 이미지와 결합할 수 있다.
효과 이미지는 GUI의 정상 상태(Normal state), 누름 상태(Press state), 선택 상태(Selected state), 하이라이트 상태(Hilighted state), 활성 상태(Active state) 및 비활성 상태(inactive state) 중 적어도 하나를 포함하는 상기 GUI의 상태에 대응하는 효과 이미지일 수 있다. 효과 이미지는 GUI의 질감(Texture) 효과 및 음영(Shadow)에 따른 입체 효과를 위한 이미지 중 적어도 하나를 포함할 수 있다. 효과 이미지는 GUI에 대응하는 형태를 가질 수 있다.
도 5를 참조하면, 예를 들어, 효과 이미지는 GUI의 정상 상태에 대응하는 것으로, 테두리로부터 바깥 방향으로 점점 어두워지는 음영에 따라 돌출된 입체 효과를 갖는 이미지일 수 있다. 정상 상태는 사용자가 GUI를 통하여 GUI 표시 장치(100)를 제어할 수 있는 상태일 수 있다.
도 6을 참조하면, 예를 들어, 효과 이미지는 GUI의 누름 상태 또는 선택 상태에 대응하는 것으로, 테두리로부터 중심 방향으로 점점 밝아지는 음영에 따라 함몰된 입체 효과를 갖는 이미지일 수 있다. 누름 상태 또는 선택 상태는 사용자가 입력에 의하여 GUI를 누르거나 선택한 상태일 수 있다.
도 7을 참조하면, 예를 들어, 효과 이미지는 GUI의 선택 상태, 하이라이트 상태 또는 활성 상태에 대응하는 것으로, 테두리를 강조하여 표시한 이미지일 수 있다. 선택 상태 또는 하이라이트 상태는 사용자가 입력에 의하여 GUI를 선택한 상태일 수 있다. 활성 상태는 GUI 선택 등을 통하여 GUI에 대응하는 애플리케이션, 프로그램 또는 서비스가 구동 중인 상태일 수 있다.
도 8을 참조하면, 예를 들어, 효과 이미지는 GUI의 비활성 상태에 대응하는 것으로 GUI 전체 영역에 대하여 옅은 음영을 표시한 이미지일 수 있다. 비활성 상태는 GUI를 선택할 수 없거나, GUI에 대응하는 애플리케이션, 프로그램 또는 서비스를 구동할 수 없는 상태일 수 있다.
도 5 내지 도 8에서 효과 이미지는 질감 또는 음영이 표시되지 않은 나머지 영역은 크로마키 이미지와 결합하였을 때, 크로마키 이미지의 색상 코드에 따른 색상이 보일 수 있도록 투명한 영역, 즉 크로마키 이미지와 같이 GUI 이미지 형성 시 제외되는 영역일 수 있다.
상술한 효과 이미지는 본 발명을 설명하기 위한 예로써, 효과 이미지의 질감 또는 음영의 형태, 모양, 적용 영역, 대응되는 GUI의 상태는 이에 한정되지 않고 구현하기에 따라 다양한 수정, 변경이 가능하다.
효과 이미지는 GUI 표시 장치(100)에 저장되어 있는 것으로, GUI 표시 장치(100)에 대한 애플리케이션, 프로그램 또는 서비스 등의 배포, 제공 또는 업데이트에 따라 데이터 통신을 통해 다른 장치 또는 서버로부터 다운로드 된 것일 수 있다.
GUI 표시 장치(100)는 크로마키 이미지 레이어 상에 효과 이미지 레이어를 삽입함으로써, 크로마키 이미지와 효과 이미지를 결합/합성할 수 있다. 이에 따라 GUI 표시 장치(100)는 GUI 이미지를 형성할 수 있다. 예를 들어, 도 9를 참조하면, GUI 표시 장치(100)는 검정색 색상 코드가 적용된 크로마키 이미지상에 돌출된 입체 효과를 갖도록 음영을 표시한 정상 상태의 효과 이미지를 결합한 GUI 이미지를 형성할 수 있다.
이와 같이, 본 발명에 따른 GUI 표시 장치(100)는 적은 용량을 갖는 크로마키 이미지 및 색상 코드와 GUI 상태에 따른 몇 가지 효과 이미지만을 레이어로 조합하여 GUI 이미지를 형성함으로써, 불필요한 저장 공간의 소모를 최소화할 수 있다. 또한, 본 발명에 따른 GUI 표시 장치(100)는 GUI의 상태 변경 시마다 새로운 GUI 이미지를 로드할 필요없이, 크로마키 이미지에 적용되는 색상 코드 및/또는 효과 이미지만을 변경하여 모든 GUI 상태에 대응하는 GUI를 표현함으로써 GUI 구현 속도를 향상시킬 수 있다.
뿐만 아니라, GUI 표시 장치(100)는 GUI의 색상에 따른 시각적 효과 제공 시에, 각각의 색상에 대응하는 GUI 이미지를 모두 로드할 필요없이, 형성된 GUI 이미지에서 색상 코드만을 변경하여 표시함으로써 효율적으로 다양한 GUI의 시각적 효과를 제공할 수 있다. 예를 들어, 도 10을 참조하면, GUI 표시 장치(100)는 시간의 경과에 따라 또는 사용자의 입력에 대응하여 정상 상태의 GUI 이미지의 색상이 변경되는 시각적 효과를 제공할 수 있다. GUI 표시 장치(100)는 색상 코드를 연속적으로(successively) 변경하며 GUI 이미지를 구성하는 크로마키 이미지에 적용할 수 있다. GUI 표시 장치(100)는 연속적으로 변경되는 색상 코드가 적용된 크로마키 이미지를 기초로 GUI 이미지를 형성하고 이를 표시할 수 있다. 이로써, GUI 표시 장치(100)는 단순한 색상 코드의 변경만으로 사용자에게 색상에 따라 다양한 시각적 효과를 갖는 GUI를 제공할 수 있다. GUI 표시 장치(100)는 도 10에 도시된 바와 같이 제1 색상에서 제2 색상으로 페이딩(fading)되는 시각적 효과를 갖는 GUI를 제공할 수 있다. 이를 위하여 GUI 표시 장치(100)는 제1 색상의 색상 코드에서부터 제2 색상의 색상 코드까지 인간이 감지할 수 없는 간격으로 매끄럽게(seamlessly) 색상 코드를 연속하여 변경할 수 있다.
본 발명의 실시 예에 따라, GUI 표시 장치(100)는 크로마키 이미지에 효과 이미지를 먼저 결합한 후, 색상 코드를 적용할 수도 있다. 예를 들어, GUI 표시 장치(100)는 효과 이미지를 결합하여 형성된 GUI 이미지에 색상 변화에 따를 시각적 효과를 제공하기 위하여, 크로마키 이미지에 색상 코드를 적용할 수 있다.
마지막으로, GUI 표시 장치(100)는 GUI 이미지를 표시할 수 있다(240).
GUI 표시 장치(100)는 형성된 GUI 이미지를 표시할 수 있다.
본 발명의 실시 예에서, GUI 표시 장치(100)는 표시된 GUI 이미지에 대하여 색상 코드를 연속적으로 변경하여 GUI 이미지를 구성하는 크로마키 이미지에 적용할 수 있다. 또한, GUI 표시 장치(100)는 연속적으로 변경되는 색상 코드를 기초로 GUI 이미지를 표시하여 다양한 시각적 효과를 제공할 수 있다.
도 11은 본 발명에 따른 입력에 대응한 GUI 표시 방법을 나타낸 순서도이다. 도 11을 참조하면, 본 발명에 따른 입력에 대응한 GUI 표시 방법은 다음과 같은 순서로 이루어질 수 있다.
먼저, GUI 표시 장치(100)는 입력을 감지할 수 있다(310).
GUI 표시 장치(100)는 GUI에 대한 사용자의 입력을 감지할 수 있다. GUI 표시 장치(100)는 본 발명에 의하여 형성되고 표시된 GUI 이미지에 대하여 사용자의 입력을 감지할 수 있다. 사용자의 입력은 GUI에 대한 터치 입력, 근접 입력, 호버링 입력, 압력 입력 등일 수 있다. 입력은 GUI의 상태를 전환하기 위한 입력일 수 있다. 예를 들어, 입력은 도 12에 도시된 바와 같이 정상 상태의 GUI를 누름 상태로 전환하려는 입력일 수 있다. 또한, 입력은 GUI 상태 전환과 함께, GUI에 대응하는 애플리케이션, 프로그램 또는 서비스를 구동하기 위한 입력일 수 있다.
입력이 감지되면, GUI 표시 장치(100)는 입력에 대응하는 크로마키 이미지를 로드할 수 있다(320).
GUI 표시 장치(100)는 입력에 대응하는 GUI를 결정할 수 있다. GUI 표시 장치(100)는 여러 종류의 입력에 각각 대응하는 GUI에 대한 정보를 저장할 수 있고, 입력이 감지됨에 따라 감지된 입력에 대응하는 GUI 정보를 검색할 수 있다. 감지된 입력에 대응하는 GUI 정보가 검색되면, GUI 표시 장치(100)는 검색된 GUI 정보에 따라 입력에 대응하는 GUI를 결정할 수 있다. 또한, GUI 표시 장치(100)는 결정된 결과를 기초로, 결정된 GUI를 위한 크로마키 이미지를 로드할 수 있다.
GUI는 다이얼, 키보드, 아이콘, 단추, 스크롤 바 및 인디케이터 바 중 어느 하나를 포함할 수 있다. 크로마키 이미지는 GUI의 이미지에 대응하는 임의의 형태를 가질 수 있다. 예를 들어, GUI 이미지가 둥근 사각형(Curved rectangular) 형태를 갖는 이미지인 경우, 크로마키 이미지는 GUI 이미지에 대응하여, 도 3에 도시된 것과 같이 둥근 사각형 형태를 가질 수 있다.
크로마키 이미지는 GUI 표시 장치(100)에 저장되어 있는 것으로, GUI 표시 장치(100)에 대한 애플리케이션, 프로그램 또는 서비스 등의 배포, 제공 또는 업데이트에 따라 데이터 통신을 통해 다른 장치 또는 서버로부터 다운로드 된 것일 수 있다.
이미 표시된 GUI 이미지에 대하여 사용자 입력을 감지한 경우, 크로마키 이미지를 로드하는 단계는 생략될 수 있으며, 이미 표시된 GUI 이미지와 동일한 크로마키 이미지를 기초로 GUI 이미지를 수정하기 위한 다음의 과정을 수행할 수 있다.
다음으로, GUI 표시 장치(100)는 색상 코드 및 효과 이미지를 결정할 수 있다(330).
GUI 표시 장치(100)는 입력에 대응하여 색상 코드 및 효과 이미지 중 적어도 하나를 결정할 수 있다. 예를 들어, 정상 상태의 GUI를 누름 상태로 전환하기 위한 누름 입력이 감지된 경우, GUI 표시 장치(100)는 효과 이미지를 GUI의 누름 상태에 대응하는 이미지로 결정할 수 있다. 또는, 예를 들어, 누름 상태로 유지되던 GUI를 정상 상태로 되돌리기 위하여 입력 종료가 감지된 경우, GUI 표시 장치(100)는 색상 코드를 제1 색상의 색상 코드에서 제2 색상의 색상 코드로 연속하여 변경할 것을 결정할 수 있다.
다음으로, GUI 표시 장치(100)는 색상 코드를 적용할 수 있다(340).
GUI 표시 장치(100)는 크로마키 이미지에 결정된 색상 코드를 적용할 수 있다. 색상 코드는 RGB 값, Hexa 코드 및 GUI 표시 장치(100)가 제공하는 팔레트의 색상 값 중 어느 하나에 따른 코드일 수 있다. 예를 들어, 색상 코드는 RGB 값으로 (17, 133, 194), (228, 73, 0) 등으로 구성되는 코드일 수 있다. 또는, 예를 들어, 색상 코드는 Hexa 코드로 #415277, #5fa8dc, #383838 등으로 구성되는 코드일 수 있다. GUI 표시 장치(100)는 결정된 색상 코드를 크로마키 이미지에 적용할 수 있다. 예를 들어, 결정된 색상 코드가 검정색인 경우, GUI 표시 장치(100)는 크로마키 이미지에 RGB 값 (0, 0, 0) 또는 Hexa 코드 #000000을 적용할 수 있다.
GUI 표시 장치(100)는 이미 표시된 GUI 대하여 입력이 감지된 경우, 표시된 GUI를 구성하는 크로마키 이미지에 결정된 색상 코드를 적용할 수 있다.
다음으로, GUI 표시 장치(100)는 효과 이미지를 결합할 수 있다(350).
GUI 표시 장치(100)는 결정된 효과 이미지를 색상 코드가 적용된 크로마키 이미지와 결합할 수 있다.
효과 이미지는 사용자의 입력에 대응하는 GUI의 상태로, 정상 상태(Normal state), 누름 상태(Press state), 선택 상태(Selected state), 하이라이트 상태(Hilighted state), 활성 상태(Active state) 및 비활성 상태(inactive state) 중 적어도 하나를 포함하는 상기 GUI의 상태에 대응하는 효과 이미지일 수 있다. 효과 이미지는 GUI의 질감(Texture) 효과 및 음영(Shadow)에 따른 입체 효과를 위한 이미지 중 적어도 하나를 포함할 수 있다. 효과 이미지는 GUI에 대응하는 형태를 가질 수 있다.
GUI 표시 장치(100)는 크로마키 이미지 레이어 상에 효과 이미지 레이어를 삽입함으로써, 크로마키 이미지와 효과 이미지를 결합/합성할 수 있다. 이에 따라 GUI 표시 장치(100)는 GUI 이미지를 형성할 수 있다.
GUI 표시 장치(100)는 이미 표시된 GUI 대하여 입력이 감지된 경우, 표시된 GUI를 구성하는 효과 이미지를 결정된 효과 이미지로 변경하여 결합할 수 있다. 예를 들어, 도 12를 참조하면, GUI 표시 장치(100)는 이미 표시된 정상 상태의 GUI에 대하여 사용자가 누르는 입력이 감지된 경우, 표시된 GUI를 구성하는 효과 이미지를 정상 상태의 이미지에서 누름 상태의 이미지로 변경할 수 있다.
마지막으로, GUI 표시 장치(100)는 GUI 이미지를 표시할 수 있다(360).
GUI 표시 장치(100)는 입력에 대응하여 형성된 GUI 이미지를 표시할 수 있다.
이에 따라, GUI 표시 장치(100)는 GUI 이미지의 색상 이미지 또는 상태에 따른 효과 이미지를 변경하여 표시함으로써, 사용자의 입력에 대응하여 다양한 시각적 효과를 제공할 수 있다. 예를 들어, 도 12를 참조하면, GUI 표시 장치(100)는 표시된 GUI 이미지에 대하여 누르는 사용자 입력이 감지된 경우, 정상 상태의 효과 이미지를 단순히 누름 상태의 이미지로 치환하거나, GUI 이미지의 색상 코드만을 변경함으로써, 사용자 입력에 대응하는 시각적 효과를 갖는 GUI를 제공할 수 있다. 또는 GUI 표시 장치(100)는 누름 상태로 유지되던 GUI를 정상 상태로 되돌리기 위하여 입력 종료가 감지된 경우, 표시된 GUI의 색상 코드를 제1 색상의 색상 코드에서 제2 색상의 색상 코드로 연속하여 변경함으로써 색상의 페이딩 효과를 갖는 GUI를 제공할 수 있다. 이때, GUI 표시 장치(100)는 제1 색상의 색상 코드에서부터 제2 색상의 색상 코드까지 인간이 감지할 수 없는 간격으로 매끄럽게(seamlessly) 색상 코드를 연속하여 변경할 수 있다.
본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자라면 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 다양한 수정 및 변형이 가능할 것이다. 따라서, 본 발명에 개시된 실시 예들은 본 발명의 기술 사상을 한정하기 위한 것이 아니라 설명하기 위한 것이고, 이러한 실시 예에 의하여 본 발명의 기술 사상의 범위가 한정되는 것은 아니다. 본 발명의 보호 범위는 아래의 청구범위에 의하여 해석되어야 하며, 그와 동등한 범위 내에 있는 모든 기술 사상은 본 발명의 권리범위에 포함되는 것으로 해석되어야 할 것이다.
100: GUI 표시 장치 110: 입력부
120: 저장부 130: 제어부
140: 표시부 150: 통신부

Claims (17)

  1. GUI를 위한 임의의 형태를 갖는 크로마키 이미지를 로드하는 단계;
    상기 크로마키 이미지에 상기 GUI에 대응하는 색상 코드를 적용하는 단계;
    상기 GUI에 대응하는 효과 이미지를, 상기 색상 코드가 이미지 효과 레이어를 크로마키 레이어 상에 배열함으로써 적용된 크로마키 이미지와 결합하여 GUI 이미지를 형성하는 단계;
    상기 GUI 이미지를 형성한 후, 상기 크로마키 이미지를 제거하는 단계; 및
    상기 크로마키 이미지를 제거한 후, 상기 GUI 이미지를 표시하고, 상기 색상 코드 또는 상기 효과 이미지 중 적어도 하나를 변경함에 따라, 새로운 GUI 이미지를 로딩하지 않고 상기 GUI의 상태를 변경하는 단계를 포함하는 것을 특징으로 하는 GUI 표시 방법.
  2. 제1항에 있어서, 상기 GUI는,
    다이얼, 키보드, 아이콘, 단추, 스크롤 바 및 인디케이터 바 중 어느 하나인 것을 특징으로 하는 GUI 표시 방법.
  3. 제1항에 있어서, 상기 색상 코드는,
    RGB 값, Hexa 코드 및 임의의 팔레트에 대한 색상 값 중 어느 하나에 따른 코드인 것을 특징으로 하는 GUI 표시 방법.
  4. 제1항에 있어서, 상기 효과 이미지는,
    정상 상태, 누름 상태, 선택 상태, 하이라이트 상태, 활성 상태 및 비활성 상태 중 적어도 하나를 포함하는 상기 GUI의 상태에 대응하는 효과 이미지인 것을 특징으로 하는 GUI 표시 방법.
  5. 제1항에 있어서, 상기 효과 이미지는,
    상기 GUI의 질감(Texture) 효과 및 음영(Shadow)에 따른 입체 효과를 위한 이미지 중 적어도 하나를 포함하는 것을 특징으로 하는 GUI 표시 방법.
  6. 제1항에 있어서,
    상기 색상 코드를 연속적으로(successively) 변경하여 적용하는 단계; 및
    상기 연속적으로(successively) 변경되는 색상 코드를 기초로 상기 GUI 이미지를 표시하는 단계를 포함하는 것을 특징으로 하는 GUI 표시 방법.
  7. 제1항에 있어서,
    상기 GUI에 대한 사용자의 입력을 감지하는 단계;
    상기 입력에 대응하여 상기 색상 코드 및 상기 효과 이미지 중 적어도 하나를 결정하는 단계를 더 포함하는 것을 특징으로 하는 GUI 표시 방법.
  8. 제7항에 있어서, 크로마키 이미지를 로드하는 단계는,
    상기 입력에 대응하여 상기 GUI를 결정하는 단계; 및
    상기 GUI를 위한 상기 크로마키 이미지를 로드하는 단계를 포함하는 것을 특징으로 하는 GUI 표시 방법.
  9. 제7항에 있어서,
    상기 입력에 대응하여 상기 색상 코드를 연속적으로(successively) 변경하여 적용하는 단계; 및
    상기 연속적으로(successively) 변경되는 색상 코드를 기초로 상기 GUI 이미지를 표시하는 단계를 포함하는 것을 특징으로 하는 GUI 표시 방법.
  10. 적어도 하나의 GUI를 표시하는 표시부; 및
    상기 GUI를 위한 임의의 형태를 갖는 크로마키 이미지를 로드하고, 상기 크로마키 이미지에 상기 GUI에 대응하는 색상 코드를 적용하고, 상기 GUI에 대응하는 효과 이미지를, 상기 색상 코드가 이미지 효과 레이어를 크로마키 레이어 상에 배열함으로써 적용된 크로마키 이미지와 결합하여 GUI 이미지를 형성하고, 상기 GUI 이미지를 형성한 후 상기 크로마키 이미지를 제거하고, 상기 크로마키 이미지를 제거한 후 상기 GUI 이미지를 표시하고, 상기 색상 코드 또는 상기 효과 이미지 중 적어도 하나를 변경함에 따라, 새로운 GUI 이미지를 로딩하지 않고 상기 GUI의 상태를 변경하도록 상기 표시부를 제어하는 제어부를 포함하는 것을 특징으로 하는 GUI 표시 장치.
  11. 제10항에 있어서, 상기 GUI는,
    다이얼, 키보드, 아이콘, 단추, 스크롤 바 및 인디케이터 바 중 어느 하나인 것을 특징으로 하는 GUI 표시 장치.
  12. 제10항에 있어서, 상기 색상 코드는,
    RGB 값, Hexa 코드 및 임의의 팔레트에 대한 색상 값 중 어느 하나에 따른 코드인 것을 특징으로 하는 GUI 표시 장치.
  13. 제10항에 있어서, 상기 효과 이미지는,
    정상 상태, 누름 상태, 선택 상태, 하이라이트 상태, 활성 상태 및 비활성 상태 중 적어도 하나를 포함하는 상기 GUI의 상태에 대응하는 효과 이미지인 것을 특징으로 하는 GUI 표시 장치.
  14. 제10항에 있어서, 상기 효과 이미지는,
    상기 GUI의 질감(Texture) 효과 및 음영(Shadow)에 따른 입체 효과를 위한 이미지 중 적어도 하나를 포함하는 것을 특징으로 하는 GUI 표시 장치.
  15. 제10항에 있어서, 상기 제어부는,
    상기 색상 코드를 연속적으로(successively) 변경하여 적용하고, 상기 연속적으로(successively) 변경되는 색상 코드를 기초로 상기 GUI 이미지를 표시하도록 상기 표시부를 제어하는 것을 특징으로 하는 GUI 표시 장치.
  16. 제10항에 있어서,
    상기 GUI에 대한 사용자의 입력부를 더 포함하고,
    상기 제어부는,
    상기 입력에 대응하여 상기 색상 코드 및 상기 효과 이미지 중 적어도 하나를 결정하는 것을 특징으로 하는 GUI 표시 장치.
  17. 제16항에 있어서, 상기 제어부는,
    상기 입력에 대응하여 상기 GUI를 결정하고, 상기 GUI를 위한 상기 크로마키 이미지를 로드하는 것을 특징으로 하는 GUI 표시 장치.

KR1020120087704A 2012-08-10 2012-08-10 Ｇｕｉ 표시 방법 및 그 장치 KR101968950B1 (ko)

Priority Applications (4)

Application Number Priority Date Filing Date Title
KR1020120087704A KR101968950B1 (ko) 2012-08-10 2012-08-10 Ｇｕｉ 표시 방법 및 그 장치
PCT/KR2013/004895 WO2014025131A1 (en) 2012-08-10 2013-06-04 Method and system for displaying graphic user interface
US13/916,900 US9727200B2 (en) 2012-08-10 2013-06-13 Method and system for displaying graphic user interface
EP13179729.2A EP2696328A3 (en) 2012-08-10 2013-08-08 Method and system for displaying graphic user interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020120087704A KR101968950B1 (ko) 2012-08-10 2012-08-10 Ｇｕｉ 표시 방법 및 그 장치

Publications (2)

Publication Number Publication Date
KR20140021346A KR20140021346A (ko) 2014-02-20
KR101968950B1 true KR101968950B1 (ko) 2019-04-15

Family

ID=48951342

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020120087704A KR101968950B1 (ko) 2012-08-10 2012-08-10 Ｇｕｉ 표시 방법 및 그 장치

Country Status (4)

Country Link
US (1) US9727200B2 (ko)
EP (1) EP2696328A3 (ko)
KR (1) KR101968950B1 (ko)
WO (1) WO2014025131A1 (ko)

Families Citing this family (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
USD628205S1 (en) 2007-06-23 2010-11-30 Apple Inc. Graphical user interface for a display screen or portion thereof
USD752638S1 (en) * 2013-06-09 2016-03-29 Apple Inc. Display screen or portion thereof with animated icon
USD726219S1 (en) 2013-06-09 2015-04-07 Apple Inc. Display screen or portion thereof with animated graphical user interface
WO2016039717A1 (en) * 2014-09-08 2016-03-17 Hewlett Packard Enterprise Development Lp User interface components load time visualization
USD795923S1 (en) * 2015-06-18 2017-08-29 Samsung Electronics Co., Ltd Display screen or portion thereof with animated graphical user interface
USD842741S1 (en) * 2015-09-03 2019-03-12 Tomtom International B.V. Display panel of a digital watch showing time and date
KR102076041B1 (ko) * 2016-10-20 2020-02-11 렛츠컴바인 주식회사 비선형 구조에 대한 버튼 처리 방법 및 시스템
US10534973B2 (en) 2017-04-18 2020-01-14 Google Llc Methods, systems, and media for color palette extraction for video content items
USD873284S1 (en) 2017-09-09 2020-01-21 Apple Inc. Electronic device with graphical user interface
USD987669S1 (en) 2017-09-11 2023-05-30 Apple Inc. Electronic device with graphical user interface
USD962244S1 (en) 2018-10-28 2022-08-30 Apple Inc. Electronic device with graphical user interface
USD937858S1 (en) 2019-05-31 2021-12-07 Apple Inc. Display screen or portion thereof with graphical user interface
USD963663S1 (en) * 2019-11-21 2022-09-13 Monday.com Ltd. Display screen or portion thereof with animated graphical user interface
KR102283494B1 (ko) * 2019-12-23 2021-07-29 스노우 주식회사 이미지에 왜곡 효과를 적용하기 위한 전자 장치 및 그의 동작 방법
USD937295S1 (en) 2020-02-03 2021-11-30 Apple Inc. Display screen or portion thereof with graphical user interface
USD956092S1 (en) * 2020-03-30 2022-06-28 Monday.com Ltd. Display screen or portion thereof with animated graphical user interface
USD1025092S1 (en) * 2021-08-12 2024-04-30 Lg Display Co., Ltd. Display panel with graphical user interface
USD1025091S1 (en) * 2021-08-12 2024-04-30 Lg Display Co., Ltd. Display panel with graphical user interface
US11922542B2 (en) 2022-01-18 2024-03-05 Microsoft Technology Licensing, Llc Masking and compositing visual effects in user interfaces

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004080401A (ja) * 2002-08-19 2004-03-11 Canon Inc 画像処理方法、装置、記憶媒体及びプログラム
US20110145742A1 (en) * 2004-06-22 2011-06-16 Imran Chaudhri Color labeling in a graphical user interface

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP3297410B2 (ja) 1999-09-09 2002-07-02 株式会社ナムコ 画像生成システム及び情報記憶媒体
EP1463052A1 (en) * 2003-03-25 2004-09-29 Deutsche Thomson-Brandt Gmbh Method for representing animated menu buttons
KR100843074B1 (ko) * 2006-03-14 2008-07-02 삼성전자주식회사 복수개의 크로마키 색을 이용한 영상 출력 장치 및 방법
US8004529B2 (en) * 2007-10-01 2011-08-23 Apple Inc. Processing an animation file to provide an animated icon
US9313160B1 (en) * 2007-10-30 2016-04-12 Google, Inc. Systems and methods for a card-based user interface for reading thread-based communications on mobile devices
KR101448308B1 (ko) * 2008-02-04 2014-10-08 삼성전자주식회사 썸네일 이미지 생성 방법 및 장치
US10073708B2 (en) * 2008-03-14 2018-09-11 S-Printing Solution Co., Ltd System and method of providing visual indicators to manage peripheral devices
EP2175359A3 (en) * 2008-10-08 2011-07-06 Research In Motion Limited An electronic device having a state aware touchscreen
KR20100111563A (ko) * 2009-04-07 2010-10-15 삼성전자주식회사 휴대 단말기의 ｇｕｉ 구성 방법
US20110170008A1 (en) * 2010-01-13 2011-07-14 Koch Terry W Chroma-key image animation tool

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004080401A (ja) * 2002-08-19 2004-03-11 Canon Inc 画像処理方法、装置、記憶媒体及びプログラム
US20110145742A1 (en) * 2004-06-22 2011-06-16 Imran Chaudhri Color labeling in a graphical user interface

Also Published As

Publication number Publication date
US20140047362A1 (en) 2014-02-13
EP2696328A3 (en) 2017-08-23
US9727200B2 (en) 2017-08-08
EP2696328A2 (en) 2014-02-12
WO2014025131A1 (en) 2014-02-13
KR20140021346A (ko) 2014-02-20

Similar Documents

Publication Publication Date Title
KR101968950B1 (ko) Ｇｕｉ 표시 방법 및 그 장치
EP3175336B1 (en) Electronic device and method for displaying user interface thereof
US20180374452A1 (en) Electronic device and control method therefor
US20130179840A1 (en) User interface for mobile device
US10423264B2 (en) Screen enabling method and apparatus, and electronic device
CN103955333A (zh) 一种设备和方法
US20150339018A1 (en) User terminal device and method for providing information thereof
CN104603733A (zh) 用户终端装置及其控制方法
KR20140030379A (ko) 단말의 표시 제어 방법 및 그 단말
CN109960504B (zh) 基于可视化编程的对象切换方法、界面展示方法及装置
CN102970413B (zh) 一种智能手机运行方法
KR20150069801A (ko) 화면 제어 방법 및 그 전자 장치
CN111796734B (zh) 应用程序的管理方法、管理装置、电子设备和存储介质
CN104503889A (zh) 一种信息处理方法及电子设备
CN111225108A (zh) 一种通信终端及负屏界面的卡片显示方法
CN106354373A (zh) 一种图标移动方法及移动终端
US10474344B2 (en) Method, apparatus and recording medium for a scrolling screen
US9377944B2 (en) Information processing device, information processing method, and information processing program
KR20160053641A (ko) 멀티 디스플레이 제어 방법 및 그 전자 장치
CN105549829B (zh) 一种设置项目处理方法及其装置
CN107122117A (zh) 通知展开方法及装置、计算机装置和计算机可读存储介质
KR20070096421A (ko) 터치 스크린을 구비한 이동 단말기의 터치펜을 이용한 기능제공 방법 및 이를 구현한 이동 단말기
US10659308B1 (en) Device differentiation for electronic workspaces
KR20150017435A (ko) 전자 장치 및 전자 장치의 터치 입력을 이용한 객체 편집 방법
KR102066040B1 (ko) 휴대 장치의 입력 처리 방법 및 그 휴대 장치

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant