KR20170089252A - 그래픽 디자인 사용자 인터페이스와 그래픽 소스 공유 시스템 및 방법 - Google Patents

그래픽 디자인 사용자 인터페이스와 그래픽 소스 공유 시스템 및 방법 Download PDF

Info

Publication number
KR20170089252A
KR20170089252A KR1020160009421A KR20160009421A KR20170089252A KR 20170089252 A KR20170089252 A KR 20170089252A KR 1020160009421 A KR1020160009421 A KR 1020160009421A KR 20160009421 A KR20160009421 A KR 20160009421A KR 20170089252 A KR20170089252 A KR 20170089252A
Authority
KR
South Korea
Prior art keywords
picture
effect
image
screen
canvas
Prior art date
Application number
KR1020160009421A
Other languages
English (en)
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 KR1020160009421A priority Critical patent/KR20170089252A/ko
Publication of KR20170089252A publication Critical patent/KR20170089252A/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]
    • 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/033—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
    • G06F3/0346—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor with detection of the device orientation or free movement in a 3D space, e.g. 3D mice, 6-DOF [six degrees of freedom] pointers using gyroscopes, accelerometers or tilt-sensors
    • 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]
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q10/00—Administration; Management
    • G06Q10/06—Resources, workflows, human or project management; Enterprise or organisation planning; Enterprise or organisation modelling

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)
  • Business, Economics & Management (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Economics (AREA)
  • Human Resources & Organizations (AREA)
  • Strategic Management (AREA)
  • Educational Administration (AREA)
  • Development Economics (AREA)
  • Game Theory and Decision Science (AREA)
  • Marketing (AREA)
  • Operations Research (AREA)
  • Quality & Reliability (AREA)
  • Tourism & Hospitality (AREA)
  • General Business, Economics & Management (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

그림 그리기 사용자 인터페이스 및 그림 공유 시스템과 그 방법이 개시된다. 그림 그리기 인터페이스가 구현된 단말은 사용자에 의해 가해지는 적어도 한 종류 이상의 물리적인 변화를 센서를 통해 측정한 후 물리적인 변화의 종류 및 크기에 해당하는 그림 효과를 파악하고 이를 표시한다.

Description

그래픽 디자인 사용자 인터페이스와 그래픽 소스 공유 시스템 및 방법 {Graphic source sharing systems and methods ,and graphical user interface design}
본 발명은 다양하고 창의적인 그림 그리기가 가능한 사용자 인터페이스와, 그림을 다른 사람들과 공유하고 평가 할 수 있는 그림 공유 시스템 및 그 방법에 관한 것이다.
컴퓨터나 스마트폰 등에서 제공하는 각종 그림 그리기 툴은 미리 정의된 몇몇 그리기 도구, 예를 들어, 펜, 물 감, 붓, 지우개 등을 제공하며, 사용자는 그리기 도구를 선택한 후 종래의 입력장치(예를 들어, 마우스나 터치 스크린)를 통해 그림을 그린다. 그러나 이러한 종래의 그림 그리기 툴은 한정된 입력방식으로 인해 다양하고 창 의적인 그림 그리기를 제공하는데 한계가 있다.
또한, 종래에 각종 단말에서 그려진 그림은 메일 등을 통해 지정된 사용자에게 전송하거나 자신의 SNS 계정에 그림을 올려 다른 사람이 볼 수 있도록 할 수 있을 뿐 자신의 그림뿐만 아니라 다른 사람의 다양한 그림을 함께 살펴보고 평가할 수 있는 공유 시스템은 존재하지 않는다.
본 발명이 이루고자 하는 기술적 과제는, 종래 마우스나 터치스크린의 터치 등과 같은 단순한 입력방식에 벗어 나 창의적이고 다양한 방법을 활용하여 그림을 그릴 수 있는 인터페이스를 제공하는 데 있다.
본 발명이 이루고자 하는 다른 기술적 과제는, 각 사용자가 자신의 단말에서 그린 그림을 다양한 사람들과 공유 하여 서로 평가할 수 있는 그림 공유 시스템 및 그 방법을 제공하는 데 있다.
상기의 기술적 과제를 달성하기 위한, 본 발명에 따른 그림 그리기 인터페이스가 구현된 단말의 일 실시예는, 사용자에 의해 가해지는 적어도 한 종류 이상의 물리적인 변화를 센서를 통해 측정하는 입력부; 상기 물리적인 변화의 종류 및 크기에 해당하는 그림 효과를 파악하는 제어부; 및 상기 그림 효과를 표시하는 표시부;를 포함 한다.
상기의 기술적 과제를 달성하기 위한, 본 발명에 따른 그림 서버의 일 예는, 회원들의 정보를 저장하는 회원 데 이터베이스; 회원들의 그림 이미지를 저장하는 그림 데이터베이스; 상기 회원들의 그림 이미지에 대한 평가정보 를 저장하는 평가정보 데이터베이스; 및 상기 그림 이미지에 대한 간략 이미지를 모자이크 형태로 표시하는 제1 화면과, 어느 하나의 간략 이미지가 선택되면 상기 선택된 간략 이미지에 대한 그림 이미지, 상기 그림 이미지 의 평가정보, 상기 평가정보를 제공한 회원 정보를 표시하는 제2화면을 제공하는 그림 배열부;를 포함한다.
본 발명에 따르면, 사용자의 소리, 몸짓, 바람 불기 등 다양한 형태의 입력방법을 이용하여 그림 그리기가 가능 하도록 함으로써 창의적인 그림 그리기가 가능하다. 또한 각자 그린 그림을 여러 사람들과 공유하여 평가함으로 써 그림 그리기에 대한 몰입도를 제고할 뿐만 아니라 특히 자기 또래의 타국의 그림도 함께 공유할 수 있어 그 림에 대한 다양한 시각을 확보할 수 있다.
도 1은 본 발명에 따른 그림 공유 시스템의 개략적인 구성을 도시한 도면,
도 2는 본 발명에 따른 그림 그리기 인터페이스의 일 예를 도시한 도면,
도 3은 본 발명에 따른 그림 그리기 인터페이스가 구현된 단말의 일 예를 도시한 도면,
도 4는 본 발명에 따른 그림 그리기 인터페이스에서 사용자의 소리나 바람의 세기 등을 이용한 그림 그리기 방 법의 일 예를 도시한 도면,
도 5는 본 발명에 따른 그림 그리기 인터페이스에서 단말의 움직임을 이용한 그림 그리기 방법의 일 예를 도시 한 도면,
도 6은 본 발명에 따른 그림 그리기 인터페이스에서 대상의 움직임을 이용한 그림 그리기 방법의 일 예를 도시 한 도면,
도 7은 본 발명에 따른 그림 그리기 인터페이스에서 스티커 이미지를 생성하는 방법의 일 예를 도시한 도면, 도 8은 본 발명에 따른 그림 그리기 인터페이스에서 캔버스를 설정하는 방법의 일 예를 도시한 도면,
도 9 및 도 10은 본 발명에 따른 그림 서버를 그림을 검색하고 평가하는 화면의 일 예를 도시한 도면, 도 11은 본 발명에 따른 그림 공유를 위한 그림 서버의 구성의 일 예를 도시한 도면,
도 12는 본 발명에 따른 친구 리스트를 표시하는 방법의 일 예를 도시한 도면, 그리고,
도 13은 본 발명에 따른 그림 공유 서비스 중 협동 그림 그리기 방법의 일 예를 도시한 도면이다.
이하에서, 첨부된 도면들을 참조하여 본 발명에 따른 그림 그리기 사용자 인터페이스 및 그림 공유 시스템과 그 방법에 대해 상세히 설명한다.
도 1은 본 발명에 따른 그림 공유 시스템의 개략적인 구성을 도시한 도면이다.
도 1을 참조하면, 다수의 사용자 단말(100,102,110)은 네트워크(120)를 통해 그림 서버(130)에 연결된다. 단말 (100,102,110)은 유무선 통신망을 통해 데이터의 송수신이 가능한 각종 단말을 의미하며, 그 일 예로, 컴퓨터, 노트북, 스마트폰, 테블릿 PC 등이 있다.
그림 서버(130)는 각 단말(100,102,110)로부터 그림을 수신하여 저장하고 관리하며, 다른 사람들과 공유하고 평 가할 수 있도록 한다. 그림 서버(130)는 각 사용자별 그림을 관리하기 위하여 미리 회원 등록을 받으며, 각 사 용자는 로그인 과정을 거쳐 그림 서버에 접속 후 그림을 전송한다. 그림 서버(130)는 각 단말의 접속에 따른 부 하를 분산시키기 위하여 다수의 서버로 구성될 수 있다.
도 2는 본 발명에 따른 그림 그리기 인터페이스의 일 예를 도시한 도면이다.
도 2를 참조하면, 그림 그리기 인터페이스(200)는 각종 기능을 모아놓은 기능 툴바(210)(예를 들어, 저장, 그리 기 취소, 화면 캡쳐 등)와 각종 그림 그리기 도구(펜, 물감, 가루 등의 각종 재료 효과를 나타내는 도구 등)를 모아놓은 도구 툴바(220), 그림을 그리는 캔버스(230) 등으로 구성된다. 사용자는 종래의 터치 스크린의 터치 방법뿐만 아니라 소리나, 몸짓, 단말의 움직임 등 다양한 형태의 입력을 통해 그림을 그릴 수 있으며 이에 대해 서는 도 3 이하를 참조하여 상세히 살펴본다.
도 3은 본 발명에 따른 그림 그리기 인터페이스가 구현된 단말의 일 예를 도시한 도면이다.
도 3을 참조하면, 그림 그리기 인터페이스가 구현된 단말은 입력부(300), 캔버스 설정부(310), 그림도구 설정부 (320), 제어부(330), 표시부(340), 스피커(350) 및 네트워킹부(360)를 포함한다. 캔버스 설정부(310)와 그림도 구 설정부(320) 및 이를 제어하는 제어부의 각종 제어 동작 등은 애플리케이션으로 구현될 수 있다.
입력부(300)는 터치 스크린의 터치를 감지하는 터치 센서(302), 가속도 센서 등을 이용하여 단말의 움직임 방향, 속도, 기울기 등을 감지하는 움직임 센서(304), 마이크 등을 이용하여 입력되는 소리나 바람의 세기 등을 감지하는 소리감지 센서(306), 대상의 움직임을 촬영하는 카메라(308) 등을 포함한다. 물론 입력부(300)는 마우 스 등과 같은 종래의 다양한 입력방법을 포함할 수 있다. 입력부(300)는 터치 센서(302)를 통해 사용자가 캔버 스에 터치를 시작한 시점부터 터치가 종료되는 시점을 파악할 수 있다.
캔버스 설정부(310)는 그림 그리기의 바탕인 캔버스(도 2, 230)에 일정 효과를 설정한다. 캔버스 설정부(310)는 특정 무늬나 색상으로 캔버스를 설정하는 것뿐만 아니라 캔버스를 동영상으로 표시하거나 구겨진 형태, 종이가 접혀진 형태, 움직임이 있는 형태 등 다양한 형태로 설정 가능하다. 캔버스 설정부(310)는 사용자가 용이하게 캔버스를 설정할 수 있도록 설정 가능한 다양한 형태의 캔버스 형태를 메뉴 형태로 제공하는 것이 바람직하다.
그림도구 설정부(320)는 그림 그리기 인터페이스(도 2, 200)에 미리 설정된 그림 그리기 도구 이외에 사용자가 다양한 형태의 그리기 도구를 설정할 수 있도록 한다. 일 예로, 사용자는 다양한 질감이나 모양, 이미지 등을 그림에 적용할 수 있는 스티커를 설정할 수 있다. 스티커는 사용자가 촬영한 사진 이미지 또는 그 사진 이미지 의 일부, 또는 각종 그림이나 영상 또는 그 일부 등을 이용하여 다양한 형태(사각형 모양, 하트 모양 또는 이미 지에 포함된 형상(강아지, 집, 사과 등))로 만들어 질 수 있다. 또한 스티커는 그림 그리기에서 다양한 재료를 이용한 그림 그림기 효과를 제공하기 위하여 타이어 이미지, 비닐 이미지, 거친 질감의 이미지 등 다양한 이미 지와 다양한 모양으로 만들어 질 수 있다.
스티커는 소리와 맵핑될 수 있다. 그림도구 설정부(320)는 사용자로부터 스티커 이미지(예를 들어, 하트 모양 이미지, 강아지 모양 이미지 등 스티커 효과에 사용할 이미지)와 소리를 선택받은 후 스티커 이미지와 소리를 맵핑하여 저장하고, 스티커 이미지를 그리기 도구 툴 바(도 2, 220)에 표시한다. 사용자는 그림 그리기 인터페 이스(200)에 표시된 스티커를 선택하여 이를 캔버스 상에 스티커처럼 붙일 수 있다. 이후 스티커 이미지를 포함 한 그림에서 사용자가 스티커 이미지를 선택하면, 해당 스티커 이미지와 맵핑된 소리가 재생된다.
표시부(340)는 각종 그림 효과 등을 화면상에 표시한다. 스피커(350)는 스티커 이미지와 맵핑된 소리를 출력하 는 등 소정의 소리를 출력하며, 네트워킹부(360)는 외부와 유무선 통신을 제공한다.
제어부(330)는 입력부(300), 캔버스 설정부(310), 그림도구 설정부(320) 등 각종 구성을 제어하고 그림 효과를 생성하는 등 다양한 그림 그리기를 위한 여러 제어 동작을 수행한다.
도 4는 본 발명에 따른 그림 그리기 인터페이스에서 사용자의 소리나 바람의 세기 등을 이용한 그림 그리기 방 법의 일 예를 도시한 도면이다.
도 3과 도 4를 참조하여 살펴보면, 입력부(300)는 소리감지 센서(306)를 통해 사용자의 소리 또는 바람의 세기 를 감지한다(S400). 제어부(330)는 입력부(300)를 통해 감지된 소리 또는 바람의 세기를 측정한 후 그 크기에 따른 그림효과(예를 들어, 물감퍼짐효과 등)를 생성하고(S410,S420), 표시부(340)는 그 그림 효과를 캔버스(도 2, 230)에 표시한다(S430). 제어부(330)는 소리 또는 바람의 세기에 따른 그림 효과를 캔버스 전체에 적용하거 나 사용자에 의해 선택받은 특정 부분 또는 특정 그림 도구로 그려진 부분(예를 들어, 펜으로 그려진 부분, 물 감으로 그려진 부분, 또는 스티커로 그려진 부분, 또는 특정 재료(가루, 모래 등을 나타내는 그림 도구)로 그려 진 부분 등)에만 적용할 수 있다.
예를 들어, 캔버스에 있는 물감을 불어 그림을 그리는 효과를 구현하고자 할 경우, 사용자는 캔버스에 물감을 떨어뜨리거나 그린 후, 실제 물감을 부는 느낌으로 단말 입력부(300)를 통해 바람을 불어 그 세기에 따라 캔버 스에 위치한 물감의 퍼짐 효과를 구현할 수 있다. 또 다른 예로서 사용자가 내는 소리의 세기 또는 소리의 높낮 이를 입력부(300)의 소리감지 센서(304)를 통해 감지하고, 그 소리의 세기 또는 높낮이에 따라 물감의 퍼짐 또 는 그려지는 선의 굵기 등 다양한 효과를 구현할 수 있다.
또 다른 예로서, 입력부(300)를 통해 바람 또는 소리의 세기를 감지한 후, 선 그림, 가루로 그린 그림, 스티커 등 다양한 그림 도구를 이용한 그려진 그림의 특정 부분 또는 특정 그림 도구(펜, 물감, 스티커, 비닐형상 그림 도구, 스티로폼 형태 그림 도구 등)로 그려진 부분을 흐트러뜨리는 효과를 구현할 수 있다.
또 다른 예로서, 드라이아이스 형태가 구현되는 그림 도구를 캔버스에 선택하고 바람 또는 소리의 세기를 감지 한 후 그에 따른 드라이아이스가 퍼지는 그림 효과를 구현할 수 있다.
제어부(330)는 입력부(300)에 의해 측정되는 물리적인 변화의 종류(소리나 바람의 세기, 움직임, 온도 등)가 무 엇인지에 따라 표현할 그림 효과가 무엇인지 미리 설정한다. 예를 들어, 제어부(330)는 단말의 움직임에 따른 그림효과는 캔버스를 기울이거나 들어올려 물감이 흐르도록 하는 효과와 맵핑시키고, 앞서 살핀 소리의 세기는 물감의 퍼짐 효과와 맵핑시키는 등 물리적인 변화의 종류에 따른 각각의 그림 효과를 맵핑시킨 후, 해당 물리적 인 변화가 측정되면 맵핑된 그림 효과를 물리적인 변화의 크기에 따라 다양하게 생성한다. 사용자가 물리적인 변화의 종류에 해당하는 그림 효과를 설정할 수 있음은 물론이다.
도 5는 본 발명에 따른 그림 그리기 인터페이스에서 단말의 움직임을 이용한 그림 그리기 방법의 일 예를 도시 한 도면이다.
도 3 및 도 5를 참조하면, 입력부(300)는 움직임 센서(304) 등을 이용하여 단말의 움직임 방향, 속도, 기울기 등을 감지한다(S500). 제어부(330)는 입력부(300)를 통해 감지된 움직임에 대응되는 그림효과(예를 들어, 물감 흘리기)를 선택하고 움직임의 방향이나, 속도, 기울기 정도에 따른 물감 흘리기의 효과 정도를 생성하고(S510), 표시부(340)는 그림 효과를 화면상에 표시한다(S520). 제어부는 움직임에 따른 그림 효과를 캔버스 전체가 아닌 특정 부분 또는 특정 그림 도구로 그려진 부분에만 적용할 수 있음은 도 4에서 설명한 바와 같다.
예를 들어, 사용자가 단말을 10도 정도 기울이면 단말은 그 각도에 대응되는 속도로 물감을 아래쪽으로 흘러내 리는 효과를 그림 그리기 인터페이스에 구현하며, 사용자가 20도로 기울이면 단말은 10도 일 때보다 좀 더 빠른 속도로 물감을 아래쪽으로 흘러내리는 효과를 구현한다. 사용자가 단말을 90도 회전하면, 단말은 물감의 흘러내 리는 방향 또한 90도 변경한다. 이와 같은 그림 효과는 제어부(330)에 의해 실시간 생성되어 표시부(340)를 통 해 화면에 표시된다.
또 다른 예로서, 단말은 움직임에 따른 그림 효과를 적용할 캔버스의 특정 영역을 사용자로부터 선택받는다. 그 리고 사용자가 가루 형태로 표현되는 그림 도구를 선택하여 캔버스에 뿌리고 단말을 흔들면, 단말은 흔들림을 감지한 후 사용자가 선택한 특정 영역 이외의 가루는 흩어지도록 하여 선택한 특정부분에만 가루가 남아 묻도록 하는 그림 효과를 표현할 수 있다.
도 6은 본 발명에 따른 그림 그리기 인터페이스에서 대상의 움직임을 이용한 그림 그리기 방법의 일 예를 도시 한 도면이다.
도 3 및 도 6을 참조하면, 입력부(300)는 카메라(308)를 통해 대상을 촬영한다(S600). 제어부(330)는 입력부
(300)를 통해 촬영된 대상의 움직임을 추적하고(S610), 표시부(340)는 제어부에 의해 파악되는 움직임 궤적을 화면상에 캔버스(도 2, 230)에 표시한다(S620). 제어부(330)는 기존의 다양한 영상인식기술을 이용하여 입력부 (300)를 통해 촬영된 영상에서 대상의 움직임을 추적할 수 있다. 또한 제어부(330)는 대상의 특정부위, 예를 들 어 사람의 눈동자 또는 사람의 손이나 손가락 등을 영상인식기술을 통해 인식하여 그 부분만을 추적할 수도 있 다. 따라서 사용자는 눈동자의 움직임 또는 율동 등 몸의 움직임을 통해 창의적인 그림 그리기가 가능하다.
또 다른 예로서, 입력부(300)는 터치 센서를 통해 사용자가 캔버스에 터치한 시점부터 터치가 종료한 시점을 파 악하고, 제어부(330)는 터치 시점부터 종점까지의 그린 그림을 하나의 레이어로 저장할 수 있다. 즉 제어부 (330)는 터치가 종료된 후 사용자가 다시 캔버스에 터치하여 그린 그림은 이전과 다른 레이어로 저장한다. 이와 같이 그려진 그림에 대해 입력부(300)가 움직임 센서를 통해 움직임(예를 들어, 흔들기, 기울기, 속도 등)을 감 지하면 각 레이어별로 흐트러뜨리기 등의 그림 효과를 구현할 수 있다.
도 7은 본 발명에 따른 그림 그리기 인터페이스에서 스티커 이미지를 생성하는 방법의 일 예를 도시한 도면이다.
도 3 및 도 7을 참조하면, 그림도구 설정부(320)는 사용자로부터 스티커 이미지로 사용할 이미지를 선택받는다 (S700). 예를 들어, 사용자는 사진이나 각종 그림 등의 이미지 또는 그 이미지 내의 특정 부분(예를 들어, 사진 속 강아지 등)을 스티커 이미지로 선택할 수 있다. 그림도구 설정부(320)는 사용자가 이미지 내의 특정 부분을 선택하는 경우 그 특정부분의 외곽선을 인식하여 그 부분의 이미지만을 추출한다. 이미지의 외곽선 추출 등은 기존의 다양한 방법을 통해 이루어질 수 있으므로 이에 대한 상세한 설명은 생략한다.
그림도구 설정부(320)는 또한 스티커 이미지와 맵핑할 소리(예를 들어, 종소리, 강아지 소리, 또는 노래음악 등)를 선택받는다(S710). 그림도구 설정부(320)는 스티커 이미지와 소리를 맵핑하여 저장하여(S720), 사용자가 그림 그리기에 사용할 수 있도록 그림 그리기 툴 바(도 2의 220)에 표시한다(S730). 스티커 이미지를 이용한 그 림에서, 사용자가 그림의 스티커 이미지를 클릭하면 해당 스티커 이미지와 맵핑된 소리가 출력된다(S740).
도 8은 본 발명에 따른 그림 그리기 인터페이스에서 캔버스를 설정하는 방법의 일 예를 도시한 도면이다.
도 3 및 8을 참조하면, 캔버스 설정부(310)는 설정가능한 다양한 종류의 캔버스 종류를 표시하여 사용자가 선택 할 수 있도록 한다(S800). 사용자가 특정 캔버스 종류를 선택하면 캔버스 설정부(310)는 이를 화면상에 적용하 여 표시하고(S810), 사용자는 이 위에 그림을 그리게 된다(S820). 캔버스(도 2의 230)는 간단한 색상이나 무늬 로 설정되는 것 외에 동영상이 곧 캔버스가 되도록 하거나 구기기, 접기, 찢기 효과 등이 표시될 수도 있다.
도 9 및 도 10은 본 발명에 따른 그림 서버를 그림을 검색하고 평가하는 화면의 일 예를 도시한 도면이다.
도 9를 참조하면, 그림 서버는 사용자가 단말을 통해 접속 후 공유 그림 조회를 요청하면, 섬 네일(thumb nail) 형태의 간략 이미지(910)들을 모자이크 형태로 표시한다. 간략 이미지 아래(920)에는 해당 그림에 대한 간략한 정보(예를 들어, 해당 그림의 회원, 국가 등)가 표시된다. 공유 그림들은 소정의 정렬 방식(930)에 의해 정렬될 수 있으며, 그 일 예로 최근 등록순서 또는 평가순위 순으로 정렬될 수 있다.
도 10을 참조하면, 사용자가 간략 이미지(910)를 선택하는 경우에 나타나는 화면(1000)이다. 사용자가 간략 이 미지(910)를 선택하면 상세 그림 이미지(1016)가 표시되며, 또한 그 그림 이미지에 대한 제목(1012), 회원 정보 (1018), 평가결과(1014), 평가도구(1040), 평가자(1050) 등의 정보가 화면에 표시된다. 또한 사용자는 화면을 위 아래로 움직여 이전 그림(1020) 또는 이후 그림(1030)을 손쉽게 검색할 수 있다.
회원정보(1018)에는 사용자 이름과 사용자 위치, 사용자가 등록한 이미지 등을 표시한다. 또한 친구맺기/친구끊 기를 용이하게 할 수 있는 아이콘(미도시)이 표시된다. 아이콘의 일 예로, (+) 및 (-) 모양의 아이콘이 사용될 수 있다. 예를 들어, 그림 이미지의 해당 회원이 자신과 친구인 경우 아이콘은 (-)로 표시되고, 친구가 아닌 경 우 (+)로 표시되어, 사용자는 간단히 해당 아이콘을 눌러 친구맺기 또는 친구끊기를 수행할 수 있다.
평가도구(1040)는 사용자가 해당 그림을 평가할 수 있는 도구를 제공한다. 사용자는 평가도구(1040)에 표시된 각종 얼굴 이모티콘(예를 들어, 하트, 웃는 얼굴모양, 찡그린 얼굴모양, 우는 얼굴모양) 등을 선택하여 평가할 수 있다. 또는 댓글을 쓸 수도 있다.
평가결과(104)는 지금까지 해당 그림에 대해 평가한 결과를 취합한 결과를 표시한다. 평가가 숫자로 이루어진 경우는 그 숫자의 총합 또는 평균이 표시될 것이며, 각종 이모티콘으로 평가가 되는 경우에는 각각의 이모티콘 의 개수가 표시된다. 평가자 화면(1050)에는 지금까지 해당 그림에 대해 평가나 댓글을 단 회원들의 정보(아이 디, 접속 국가 명) 등이 표시된다. 사용자는 평가자 화면(1050)에 표시된 특정 회원을 선택하여 그 회원의 그림
들을 볼 수 있다. 사용자가 특정 회원을 선택하면 그 회원의 그림은 도 9와 같이 모자이크 형태로 표시되고 그 중 특정 그림을 선택하면 도 10과 같은 화면으로 상세 그림이 표시된다. 또한 사용자가 자신의 그림을 조회하는 경우에도 도 9 및 도 10과 같은 표시방법을 통해 검색할 수 있다.
도 10에는 또한 해당 그림(1010)을 평가한 평가자들(1050)의 위치를 지도를 통해 볼 수 있는 아이콘(미도시)을 포함할 수 있다. 사용자가 이 아이콘을 선택하면, 도 12와 같은 형태로 지도(10210)에 평가자들(1050)의 위치가 표시되고 친구리스트(1220) 부분에는 평가자들에 대한 상세 리스트가 표시된다. 평가자 위치 보기를 위한 아이 콘은 화면의 일측에 표시되거나 앞서 살핀 친구맺기 아이콘과 결합하여 사용자가 특정 아이콘을 선택하며, 친구 맺기/끊기 또는 평가자 위치 보기 등의 메뉴가 표시되어 사용자가 친구맺기나 평가자 위치 보기 등을 선택할 수 있도록 한다.
도 11은 본 발명에 따른 그림 공유를 위한 그림 서버의 구성의 일 예를 도시한 도면이다.
도 11을 참조하면, 그림 서버는 회원 데이터베이스(1100), 그림 데이터베이스(1110), 평가정보 데이터베이스 (1120), 그림 배열부(1130) 및 친구 리스트 표시부(1140)를 포함한다.
회원 데이터베이스(1100)는 그림 공유 서비스에 가입한 회원들의 정보를 포함한다. 회원 데이터베이스(1100)는 회원 가입시 사용자 단말로부터 수신한 위치 정보(예를 들어, 국가 정보)를 수신하여 저장할 수 있다. 또는 그 림 서버는 회원이 로그인할 때마다 접속 단말로부터 위치정보를 수신하여 회원의 접속 위치(예를 들어, 접속 국 가명)를 파악하고 갱신할 수 있다.
그림 데이터베이스(1110)는 회원들이 로그인 후 업로드한 그림을 저장하고 관리한다. 평가정보 데이터베이스 (1120)는 각 그림에 대하여 사용자들이 평가한 결과를 저장한다. 그림 데이터베이스(1110)와 평가정보 데이터베 이스(1120)는 설명의 편의를 위해 각각 별개의 구성으로 도시하였으나 하나의 데이터베이스를 통해 저장 관리될 수 있음은 물론이다.
그림 배열부(1130)는 사용자로부터 공유 그림 조회 또는 자신의 그림 조회 요청이 오면, 도 9 및 도 10의 인터 페이스를 통해 그림을 배열하여 사용자가 볼 수 있도록 제공한다.
친구리스트 표시부(1140)는 사용자가 자신의 친구 리스트를 요청하면, 사용자가 도 10에서 설명한 바와 같이 아 이콘을 통해 친구 맺기를 한 회원들을 파악하여 지도상에 맵핑하여 표시한다. 도 12에 도시된 친구 리스트를 표 시하는 방법의 일 예를 참조하면, 친구리스트 접속부(1140)는 친구가 어느 나라에 몇 명이 있는지 지도(1210)상 에 표시하고, 그 아래에 상세 친구 리스트(1220)를 표시한다.
도 13은 본 발명에 따른 그림 공유 서비스 중 협동 그림 그리기 방법의 일 예를 도시한 도면이다.
도 13을 참조하면, 그림 서버는 협동 그림 그리기 서비스의 요청시 협동 그림 그리기에 참가할 사용자들을 선택 받는다(S1300). 또한 그림 서버는 협동 그림 그리기 모드를 선택받는다(S1310). 협동 그림 그리기 모드는 하나 의 캔버스를 각자 구역을 나누어 그리는 모드, 동일 영역에 여러 명이 그리는 모드, 하나의 캔버스를 순서를 정 해 이어 그리는 모드 등이 있다. 그림 서버는 해당 모드에 따라 서비스 참가자에게 캔버스를 제공하여 그림 그 리기를 할 수 있도록 하며(S1320), 그 결과를 수집하여 완성된 그림을 만들어 공유한다(S1330).
본 발명은 또한 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기 록장치를 포함한다. 컴퓨터가 읽을 수 있는 기록매체의 예로는 ROM, RAM, CD-ROM, 자기 테이프, 플로피디스크, 광데이터 저장장치 등이 있다. 또한 컴퓨터가 읽을 수 있는 기록매체는 네트워크로 연결된 컴퓨터 시스템에 분 산되어 분산방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다.
이제까지 본 발명에 대하여 그 바람직한 실시예들을 중심으로 살펴보았다. 본 발명이 속하는 기술 분야에서 통 상의 지식을 가진 자는 본 발명이 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 변형된 형태로 구현될 수 있음을 이해할 수 있을 것이다. 그러므로 개시된 실시예들은 한정적인 관점이 아니라 설명적인 관점에서 고 려되어야 한다. 본 발명의 범위는 전술한 설명이 아니라 특허청구범위에 나타나 있으며, 그와 동등한 범위 내에 있는 모든 차이점은 본 발명에 포함된 것으로 해석되어야 할 것이다.
없음

Claims (1)

  1. 사용자에 의해 가해지는 적어도 한 종류 이상의 물리적인 변화를 센서를 통해 측정하는 입력부; 상기 물리적인 변화의 종류 및 크기에 해당하는 그림 효과를 파악하는 제어부; 및
    상기 그림 효과를 표시하는 표시부;를 포함하는 것을 특징으로 하는 그림 그리기 인터페이스가 구현된 단말.
    상기 입력부는 소리 또는 바람의 세기를 감지하는 소리감지센서를 포함하고,
    상기 제어부는 상기 소리감지센서에 대응되는 물감퍼짐 효과, 물감흐트리기 효과 또는 드라이아이스 효과를 선 택하고, 상기 소리감지센서에 의해 측정된 소리 또는 바람의 세기를 기초로 상기 효과의 정도를 결정하고,
    상기 표시부는 상기 효과를 캔버스에 표시하는 것을 특징으로 하는 그림 그리기 인터페이스가 구현된 단말.
    상기 입력부는 움직임의 속도 및 기울기를 측정하는 움직임센서를 포함하고,
    상기 제어부는 상기 움직임센서에 대응되는 물감흘리기효과 또는 가루묻히기 효과를 선택하고, 상기 움직임센서 에 의해 측정된 움직임의 속도 및 기울기에 따른 효과의 정도를 결정하고,
    상기 표시부는 상기 효과를 캔버스에 표시하는 것을 특징으로 하는 그림 그리기 인터페이스가 구현된 단말.
    상기 입력부는 터치 센서를 통해 캔버스에 대한 터치 시작 시점부터 터치가 끝나는 터치 종료 시점을 감지하고, 움직임 센서를 통해 단말의 움직임 속도 또는 기울기를 측정하고,
    상기 제어부는 캔버스의 터치 시작 시점부터 터치 종료 시점까지 그려진 그림을 하나의 레이어로 저장하는 과정 을 통해 터치별 그림을 각각 상이한 레이어들로 저장하고, 상기 움직임 속도 또는 기울기에 따른 상기 레이어들 의 흐트리기 효과의 정도를 결정하고,
    상기 표시부는 상기 효과를 캔버스에 표시하는 것을 특징으로 하는 그림 그리기 인터페이스가 구현된 단말.
    상기 입력부는 대상의 움직임을 촬영하는 카메라를 포함하고,
    상기 제어부는 상기 카메라를 통해 촬영된 대상의 움직임을 추적하고,
    상기 표시부는 상기 움직임의 추적 궤적을 상기 그림 그리기 화면에 표시하는 것을 특징으로 하는 그림 그리기 인터페이스가 구현된 단말.
    상기 그림 그리기 화면에 스티커 효과를 구현할 스티커 이미지와 소리를 맵핑하여 저장하고, 상기 스티커 이미 지를 상기 그림 그리기 화면의 그림 도구로 표시하는 그림도구 설정부;를 더 포함하는 것을 특징으로 하는 그림 그리기 인터페이스가 구현된 단말.
    상기 제어부는 상기 그림 그리기 화면에 표시된 스티커 이미지가 선택되면 상기 스티커 이미지와 맵핑된 소리를 스피커를 통해 출력하는 것을 특징으로 하는 그림 그리기 인터페이스가 구현된 단말.
    회원들의 정보를 저장하는 회원 데이터베이스; 회원들의 그림 이미지를 저장하는 그림 데이터베이스;
    상기 회원들의 그림 이미지에 대한 평가정보를 저장하는 평가정보 데이터베이스; 및
    상기 그림 이미지에 대한 간략 이미지를 모자이크 형태로 표시하는 제1화면과, 어느 하나의 간략 이미지가 선택 되면 상기 선택된 간략 이미지에 대한 그림 이미지, 상기 그림 이미지의 평가정보, 상기 평가정보를 제공한 회 원 정보를 표시하는 제2화면을 제공하는 그림 배열부;를 포함하는 것을 특징으로 하는 그림 서버.
    상기 제2화면의 일측에 친구 맺기 또는 친구 끊기에 대한 아이콘을 더 포함하는 것을 특징으로 하는 그림 서버. 청구항 10
    회원 단말로부터 수신한 국가 정보를 포함한 위치 정보를 이용하여 친구 맺기한 회원들의 위치를 지도에 맵핑하 여 표시하는 친구리스트 표시부;를 더 포함하는 것을 특징으로 하는 그림 서버.
    상기 제2 화면의 일측에 상기 평가정보를 제공한 회원들의 위치를 지도상에 표시하여 보여주는 화면으로 이동하 는 아이콘을 더 포함하는 것을 특징으로 하는 그림 서버.
KR1020160009421A 2016-01-26 2016-01-26 그래픽 디자인 사용자 인터페이스와 그래픽 소스 공유 시스템 및 방법 KR20170089252A (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020160009421A KR20170089252A (ko) 2016-01-26 2016-01-26 그래픽 디자인 사용자 인터페이스와 그래픽 소스 공유 시스템 및 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020160009421A KR20170089252A (ko) 2016-01-26 2016-01-26 그래픽 디자인 사용자 인터페이스와 그래픽 소스 공유 시스템 및 방법

Publications (1)

Publication Number Publication Date
KR20170089252A true KR20170089252A (ko) 2017-08-03

Family

ID=59655635

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020160009421A KR20170089252A (ko) 2016-01-26 2016-01-26 그래픽 디자인 사용자 인터페이스와 그래픽 소스 공유 시스템 및 방법

Country Status (1)

Country Link
KR (1) KR20170089252A (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102450263B1 (ko) * 2021-05-31 2022-10-04 주식회사 파블로아트컴퍼니 반응형 그림 제작 서비스 제공 시스템 및 이의 제어방법

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102450263B1 (ko) * 2021-05-31 2022-10-04 주식회사 파블로아트컴퍼니 반응형 그림 제작 서비스 제공 시스템 및 이의 제어방법
KR20220162103A (ko) * 2021-05-31 2022-12-07 주식회사 파블로아트컴퍼니 반응형 그림 제작 서비스의 제어방법
KR20220162102A (ko) * 2021-05-31 2022-12-07 주식회사 파블로아트컴퍼니 단말의 기울기에 따라 그림 제작이 가능한 반응형 시스템
KR20220162101A (ko) * 2021-05-31 2022-12-07 주식회사 파블로아트컴퍼니 상호작용 가능한 동적 이미지를 카테고리 별로 구분하여 제공하는 반응형 그림 제작 시스템

Similar Documents

Publication Publication Date Title
KR101423524B1 (ko) 그림 그리기 사용자 인터페이스 및 그림 공유 시스템과 그 방법
CN106227439B (zh) 用于捕获增强型数字图像和与之交互的设备和方法
CN110780707B (zh) 信息处理设备、信息处理方法与计算机可读介质
CN110908504B (zh) 一种增强现实博物馆协作交互方法与系统
CN105279795B (zh) 基于3d标记的增强现实系统
CN112738408A (zh) 图像修改器的选择性识别和排序
JP6470356B2 (ja) 仮想空間を提供するコンピュータで実行されるプログラム、方法、および当該プログラムを実行する情報処理装置
CN104104862A (zh) 图像处理装置和图像处理方法
JP6720385B1 (ja) プログラム、情報処理方法、及び情報処理端末
CN110235120A (zh) 用于媒体内容项目之间的转换的系统和方法
CN106227441A (zh) 用于捕获增强型数字图像和与之交互的设备和方法
CA3040824A1 (en) Information processing terminal
CN103620600A (zh) 用于实现虚拟标记的方法及设备
JP6392945B1 (ja) 仮想空間を提供するコンピュータで実行されるプログラム、方法、および当該プログラムを実行する情報処理装置
CN103971401A (zh) 信息处理装置、终端装置以及信息处理方法
CN104281397B (zh) 多深度区间的重聚焦方法、装置及电子设备
CN118140253A (zh) 基于镜的增强现实体验
US11657085B1 (en) Optical devices and apparatuses for capturing, structuring, and using interlinked multi-directional still pictures and/or multi-directional motion pictures
CN107111427A (zh) 修改视频通话数据
CN108986188A (zh) Ar影像生成装置
JP2020508822A (ja) 模擬箱庭システム
CN109074680A (zh) 基于通信的增强现实中实时图像和信号处理方法和系统
KR20170089252A (ko) 그래픽 디자인 사용자 인터페이스와 그래픽 소스 공유 시스템 및 방법
JP6921789B2 (ja) 仮想空間を提供するコンピュータで実行されるプログラム、方法、および当該プログラムを実行する情報処理装置
JP6752007B2 (ja) お絵かき画像表示システム