KR101804049B1

KR101804049B1 - Screen Configuration Method using a Background Frame and Translucent Layout

Info

Publication number: KR101804049B1
Application number: KR1020160050681A
Authority: KR
Inventors: 엄지홍
Original assignee: 엄지홍
Priority date: 2016-03-04
Filing date: 2016-04-26
Publication date: 2017-12-04
Anticipated expiration: 2036-04-26
Also published as: KR20170103588A; WO2017150751A1

Abstract

배경 프레임과 반투명 레이아웃을 이용한 화면 구성 방법이 제공된다. 본 발명의 실시예에 따른 화면 구성 방법은, 배경 프레임을 생성하고, 레이아웃을 반투명으로 생성하며, 배경 프레임 위에 반투명의 레이아웃을 합성하고, 배경 프레임과 레이아웃이 합성된 프레임을 표시한다. 이에 의해, 반투명의 레이아웃 아래에 표시되는 광고나 기타 이미지와 레이아웃 위에 표시되는 콘텐츠를 이질감 없이 함께 제공할 수 있게 된다.A screen composition method using a background frame and a translucent layout is provided. A screen configuration method according to an embodiment of the present invention generates a background frame, creates a layout in a translucent manner, composites a translucent layout on the background frame, and displays a frame in which the background frame and the layout are combined. Thereby, it is possible to provide an advertisement or other image displayed under a translucent layout and a content displayed on the layout with no difference.

Description

{Screen Configuration Method Using a Background Frame and Translucent Layout}

본 발명은 화면 구성 방법에 관한 것으로, 더욱 상세하게는 PC, 스마트폰, 태블랫 PC 등의 사용자 단말에서 화면을 구성하는 방법 및 이를 위한 시스템에 관한 것이다.BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a screen configuration method, and more particularly, to a method of configuring a screen in a user terminal such as a PC, a smart phone, a tablet PC, and the like.

온라인 광고로서 가장 많은 비중을 차지하고 있는 것은 배너 광고이다. 하지만, 배너가 위치할 수 있는 영역은 제한되어 있어, 효과적인 광고가 어렵다는 문제가 있다.Banner ads are the most important part of online advertising. However, the area in which the banner can be located is limited, and there is a problem that effective advertisement is difficult.

보다 효과적인 영역에 광고하기 위해, 배너를 화면의 중심 영역에 위치하게 한 방식도 있는데, 사용자의 관심 부분인 웹사이트의 콘텐츠를 가리게 되는 경우 오히려 반감을 살 수 있다.In order to advertise in a more effective area, there is a method in which the banner is located in the central area of the screen. If the content of the web site, which is a part of the user's interest, is covered,

이에, 광고 효과가 높고 사용자에게 반감을 주지 않으며, 심미감을 일으킬 수 있는 온라인 광고에 대한 모색이 요청된다.Therefore, it is required to search for online advertisement that has a high advertising effect, does not give a negative effect to users, and can cause aesthetic feeling.

나아가, 온라인 광고 이외의 화면 구성에 대해서도, 동등한 효과를 나타낼 수 있는 방안의 모색이 요청된다.Further, it is required to search for a method for displaying an equivalent effect on a screen configuration other than an online advertisement.

본 발명은 상기와 같은 문제점을 해결하기 위하여 안출된 것으로서, 본 발명의 목적은, 광고 효과가 높고 사용자에게 반감을 주지 않는 광고를 제공하기 위한 방안으로, 반투명의 레이아웃 또는 콘텐츠 프레임 아래에 표시되는 광고 이미지를 통해 온라인 광고를 제공하는 방법 및 시스템을 제공함에 있다.SUMMARY OF THE INVENTION The present invention has been made in order to solve the above problems, and it is an object of the present invention to provide an advertisement that has a high advertising effect and does not give a negative effect to a user, A method and system for providing online advertising through an image.

또한, 본 발명의 다른 목적은, 반투명의 레이아웃 또는 콘텐츠 프레임 아래에 표시되는 배경 이미지를 이용하여 화면을 구성하는 방법 및 시스템을 제공함에 있다.It is another object of the present invention to provide a method and system for constructing a screen using a translucent layout or a background image displayed under a content frame.

상기 목적을 달성하기 위한 본 발명의 일 실시예에 따른, 화면 구성 방법은, 배경 프레임을 생성하는 단계; 레이아웃을 반투명으로 생성하는 단계; 상기 배경 프레임 위에 상기 반투명의 레이아웃을 합성하는 단계; 및 상기 배경 프레임과 상기 레이아웃이 합성된 프레임을 표시하는 단계;를 포함한다.According to an aspect of the present invention, there is provided a method of configuring a screen, comprising: generating a background frame; Creating a layout in a translucent manner; Synthesizing the translucent layout on the background frame; And displaying a frame in which the background frame and the layout are synthesized.

그리고, 상기 레이아웃은, 상기 배경 프레임 보다 작을 수 있다.The layout may be smaller than the background frame.

또한, 상기 배경 프레임은, PC 표시 타입이고, 상기 레이아웃은, 모바일 표시 타입일 수 있다.The background frame may be a PC display type, and the layout may be a mobile display type.

그리고, 상기 배경 프레임의 좌측 일부와 우측 일부 중 적어도 하나에는, 상기 레이아웃이 합성되지 않을 수 있다.The layout may not be synthesized in at least one of a left portion and a right portion of the background frame.

또한, 상기 배경 프레임에는, 광고 이미지가 나타날 수 있다.Also, in the background frame, an advertisement image may be displayed.

그리고, 상기 광고 이미지는, 바탕 이미지 상에 적어도 하나의 광고 요소가 나타난 이미지일 수 있다.The advertisement image may be an image in which at least one advertisement element appears on the background image.

또한, 상기 광고 요소는 상기 바탕 이미지 상에서 움직일 수 있다.In addition, the advertisement element may move on the background image.

그리고, 상기 광고 이미지에는, 상기 바탕 이미지 상에서 움직이는 적어도 하나의 비-광고 요소가 더 포함될 수 있다.The advertisement image may further include at least one non-advertisement element moving on the background image.

또한, 상기 배경 프레임에는, 콘텐츠나 프로그램의 화면이 표시되고, 상기 레이아웃에는, 상기 콘텐츠나 상기 프로그램에 대한 메뉴가 표시될 수 있다.Further, a screen of a content or a program may be displayed in the background frame, and a menu of the content or the program may be displayed in the layout.

한편, 본 발명의 다른 실시예에 따른, 사용자 단말은, 배경 프레임을 생성하고, 레이아웃을 반투명으로 생성하며, 상기 배경 프레임 위에 상기 반투명의 레이아웃을 합성하는 프로세서; 및 상기 배경 프레임과 상기 레이아웃이 합성된 프레임을 표시하는 디스플레이;를 포함한다.Meanwhile, according to another embodiment of the present invention, a user terminal includes a processor for generating a background frame, generating a layout in a translucent manner, and compositing the translucent layout on the background frame; And a display for displaying the background frame and the frame in which the layout is synthesized.

한편, 본 발명의 또 다른 실시예에 따른, 화면 구성 방법은, 제1 프레임을 생성하는 단계; 제2 프레임을 반투명으로 생성하는 단계; 상기 제1 프레임 위에 상기 반투명의 제2 프레임을 합성하는 단계; 및 상기 제1 프레임과 상기 제2 프레임이 합성된 프레임을 표시하는 단계;를 포함한다.According to another embodiment of the present invention, there is provided a screen composition method comprising: generating a first frame; Creating a second frame translucently; Combining the semi-transparent second frame on the first frame; And displaying a frame in which the first frame and the second frame are synthesized.

한편, 본 발명의 또 다른 실시예에 따른, 사용자 단말은, 제1 프레임을 생성하고, 제2 프레임을 반투명으로 생성하며, 상기 제1 프레임 위에 상기 반투명의 제2 프레임을 합성하는 프로세서; 및 상기 제1 프레임과 상기 제2 프레임이 합성된 프레임을 표시하는 디스플레이;를 포함한다.Meanwhile, according to another embodiment of the present invention, a user terminal includes a processor for generating a first frame, generating a second frame in a translucent manner, and compositing the second frame of the semitransparent on the first frame; And a display for displaying a frame in which the first frame and the second frame are synthesized.

이상 설명한 바와 같이, 본 발명의 실시예들에 따르면, 반투명의 레이아웃 또는 콘텐츠 프레임 아래에 표시되는 광고 이미지를 통해 온라인 광고를 제공하여, 광고 효과가 높고 사용자에게 반감을 주지 않음은 물론, 심미감을 일으킬 수 있게 된다. 이를 테면, 검은색 바탕의 광고 위에 검은색 글자의 콘텐츠가 표시된다 할지라도, 검은색의 광고는 광고대로 검은색의 콘텐츠는 콘텐츠 대로 각각 동시에 파악되며 각각의 가독성이 그대로 살아 난다, 광고 프레임의 경우 반투명의 레이아웃이 위치하는 부분의 원래 보다 다소 흐리게 표현되기 때문이다.As described above, according to the embodiments of the present invention, it is possible to provide an online advertisement through a translucent layout or an advertisement image displayed under a content frame, thereby providing a high advertising effect, . For example, although the content of a black character is displayed on a black background advertisement, the black advertisement is recognized simultaneously with the content according to the content, and the readability of each of the black content is maintained at the same time. This is because the semi-transparent layout is somewhat more blurred than the original portion.

또한, 본 발명의 실시예들에 따르면, 워드 프로세스 등의 웹사이트 제작 솔루션을 통해 일반 웹사이트 혹은 개인 블로그를 제작하거나 이러한 솔루션이 아니더라도 일반 웹페이지 제작시 배경화면 삽입을 통해 웹 페이지의 배경화면 전체 혹은 일부가 사진 등으로 채워지게 되는 경우를 볼 수 있는데 반투명의 레이아웃을 활용할 경우 이러한 웹사이트의 모든 배경 화면들이 단순히 배경화면으로 존재하는 것을 넘어 각각 광고판으로서의 역할을 할수 있으면서(배경 프레임) 각 사이트가 전달하고자 하는 콘텐츠를 그대로 전달할 수 있고 기존 배너 광고가 가지는 제약(배너광고가 위치하는 부분은 콘텐츠가 위치할 수 없고 콘텐츠와 배너간의 이질감이 존재하는 점 등)을 뛰어 넘을 수 있다.According to embodiments of the present invention, a general web site or a personal blog may be produced through a web site production solution such as a word process, or even if it is not such a solution, Or if some of them are filled with photos, etc. If you use a translucent layout, all the backdrops of these websites can act as a billboard, rather than simply being a backdrop, The content to be delivered can be transmitted as it is, and the limitation of the existing banner advertisement (the place where the banner advertisement is located can not be positioned, and there is a sense of heterogeneity between the content and the banner).

도 1은 본 발명의 일 실시예에 따른 온라인 광고 방법의 설명에 제공되는 흐름도,
도 2는 광고 이미지를 예시한 도면,
도 3은 반투명의 레이아웃을 예시한 도면,
도 4는 배경 프레임과 반투명의 레이아웃의 합성 프레임을 예시한 도면, 그리고,
도 5는 본 발명의 다른 실시예에 따른 사용자 단말의 블럭도이다.FIG. 1 is a flowchart illustrating an online advertising method according to an exemplary embodiment of the present invention.
2 is a diagram illustrating an advertisement image,
3 is a diagram illustrating a translucent layout,
4 is a diagram illustrating a composite frame of a background frame and a translucent layout,
5 is a block diagram of a user terminal according to another embodiment of the present invention.

이하에서는 도면을 참조하여 본 발명을 보다 상세하게 설명한다.Hereinafter, the present invention will be described in detail with reference to the drawings.

도 1은 본 발명의 일 실시예에 따른 온라인 광고 방법의 설명에 제공되는 흐름도이다. 본 발명의 실시예에 따른 온라인 광고 방법에서는, 광고 이미지 위에 레이아웃을 반투명으로 제공하여, 광고가 이질감 없이 선명하게 전달된다.1 is a flowchart illustrating an online advertising method according to an exemplary embodiment of the present invention. In the online advertising method according to the embodiment of the present invention, the layout is provided in a translucent manner over the advertisement image, so that the advertisement is delivered clearly and without any disturbance.

이와 같은 방식의 온라인 광고를 위해, 먼저 광고 이미지가 나타난 배경 프레임을 생성한다(S110). 여기서, 배경 프레임은 PC 표시 타입이다. 즉, PC의 모니터 규격으로 생성된다.For such online advertising, a background frame in which an advertisement image is displayed is generated (S110). Here, the background frame is a PC display type. That is, it is generated in accordance with the monitor standard of the PC.

광고 이미지는 바탕 이미지와 광고 요소들을 포함한다. 도 2에는 S110단계에서 생성되는 광고 이미지를 예시하였다. 도 2에 도시된 바와 같이, 광고 이미지(210)에는 산, 들판, 도로 등이 나타난 바탕 이미지와 광고 요소들(210-1, 210-2)을 포함한다.The ad image includes a background image and ad elements. FIG. 2 illustrates an advertisement image generated in step S110. As shown in FIG. 2, the advertisement image 210 includes a background image and advertisement elements 210-1 and 210-2 in which mountains, fields, roads, and the like are displayed.

광고 요소들(210-1, 210-2)은 바탕 이미지 상에 고정될 수 있지만, 움직일 수도 있다. 이를 테면, 도 2에 도시된 바와 같이, 전자 제품 광고를 위한 간판 형상의 광고 요소-1(210-1)은 바탕 이미지 상에 고정되어 있고, 자동차 광고를 위한 자동차 형상의 광고 요소-2(210-2)는 바탕 이미지 상에 자유롭게 이동할 수 있다.The ad elements 210-1 and 210-2 may be fixed on the background image, but may also be movable. For example, as shown in FIG. 2, a billboard advertisement element-1 (210-1) for billboard advertisement is fixed on a background image, and an advertisement-2 (210 -2) can move freely on the background image.

한편, 배경 프레임(210)에는 비-광고 요소(210-3)가 포함될 수 있다. 비-광고 요소(210-3)는 배경 프레임(210)의 바탕 이미지 상에서 움직인다는 점에서 광고 요소-2(210-2)와 공통되지만, 광고를 목적으로 하지 않는다는 점에서 광고 요소-2(210-2)와 차이가 있다.Meanwhile, the background frame 210 may include a non-advertisement element 210-3. Although the non-advertisement element 210-3 is common with the advertisement element-2 210-2 in that it moves on the background image of the background frame 210, -2).

다시, 도 1을 참조하여 설명한다. 배경 프레임이 생성된 이후, 레이아웃을 반투명으로 생성한다(S120). 레이아웃은 웹사이트 가입, 로그인, 유저의 작성글 등의 콘텐츠나 프로그램, 애플리케이션 등의 실행 화면이 표시되는 틀을 의미한다.Referring back to FIG. After the background frame is generated, the layout is created with translucency (S120). The layout means a frame in which an execution screen such as a content, a program, an application, etc., such as a web site subscription, a login, a user's writing, and the like is displayed.

이를 테면, 인터넷 익스플로러, 크롬 등의 소프트웨어, 카카오톡, 트위터, 페이스북 등의 애플리케이션을 실행한 화면이 레이아웃에 표시된다. For example, a screen in which applications such as Internet Explorer, Chrome, etc., KakaoTalk, Twitter, Facebook, etc. are executed is displayed in the layout.

도 3에는 S120단계에서 생성되는 레이아웃을 예시하였다. 레이아웃은 배경 프레임 보다 작게 구현하는 것이 좋다. 이를 테면, 도 2에 도시된 바와 같이, 레이아웃(220)은 모바일 타입으로 구현하여, 배경 프레임 보다 좌우 폭을 좁게 구현할 수 있다.3 illustrates the layout generated in step S120. The layout should be smaller than the background frame. For example, as shown in FIG. 2, the layout 220 may be implemented as a mobile type, so that the left and right widths may be narrower than the background frame.

다음, S110단계에서 생성한 배경 프레임 위에 S120단계에서 생성한 레이아웃을 합성한다(S130). 그리고, S130단계에서 배경 프레임과 레이아웃이 합성된 프레임을 화면에 표시한다(S140).Next, the layout generated in step S120 is synthesized on the background frame generated in step S110 (S130). Then, in step S130, the combined frame of the background frame and the layout is displayed on the screen (S140).

도 4에는 S130단계에서 합성되어 S140단계에서 화면에 표시되는 합성 프레임을 예시하였다. S120단계에서 생성되는 레이아웃(220)은 반투명이므로, S140단계에서 표시된 화면에서는 레이아웃(220) 뒤에 위치한 배경 프레임(210)을 관찰할 수 있다.FIG. 4 illustrates a composite frame synthesized in step S130 and displayed on the screen in step S140. Since the layout 220 generated in step S120 is translucent, the background frame 210 located behind the layout 220 can be observed on the screen displayed in step S140.

그리고, 배경 프레임(210)에는 바탕 이미지 상에 광고 요소들이 배치되어 있는 바, 레이아웃(220)이 위에 있음에도 불구하고, 사용자는 광고 요소들을 볼 수 있다. 배경 프레임(210) 상에 존재하는 움직이는 광고 요소-2(210-2)가 레이아웃(220)의 뒤로 이동한 경우에도 사용자가 관찰 가능함은 물론이다.In addition, since the advertisement elements are arranged on the background image in the background frame 210, the user can see the advertisement elements even though the layout 220 is on top. It is a matter of course that the moving advertisement element-2 210-2 existing on the background frame 210 is moved to the back of the layout 220 so as to be visible to the user.

광고 요소들(210-1, 210-2)는 사용자가 마우스 포인터로 지정하여 선택할 수 있다. 반면, 비-광고 요소(210-3)은 사용자가 선택할 수 없는 시각적 효과만을 제공하는 요소이다.The advertisement elements 210-1 and 210-2 can be selected by the user as a mouse pointer. On the other hand, the non-advertisement element 210-3 is an element that provides only a visual effect that the user can not select.

다시, 도 1을 참조하여 설명한다.Referring back to FIG.

사용자에 의해 광고 요소가 선택되면(S150-Y), 광고 요소에 링크되어 있는 웹페이지를 표시한다(S160). S160단계에서의 웹페이지 표시는 다양한 방식으로 이루어진다.If an advertisement element is selected by the user (S150-Y), the web page linked to the advertisement element is displayed (S160). The web page display in step S160 is performed in various ways.

예를 들어, 1) 웹페이지를 담은 프레임을 화면 전체에 표시 새로운 창이 열리는 방식), 2) 웹페이지를 레이아웃에 반투명으로 생성하여 배경 프레임과 합성하여 표시, 3) 웹페이지를 레이아웃의 좌측 또는 우측 부분에 작게 표시할 수 있다.For example, 1) a frame containing a web page is displayed on the entire screen, a new window is opened), 2) the web page is generated in a translucent manner in the layout, and displayed in combination with the background frame, and 3) It can be displayed small in the part.

도 5는 본 발명의 다른 실시예에 따른 사용자 단말의 블럭도이다. 본 발명의 실시예에 따른 사용자 단말은, 도 5에 도시된 바와 같이, 통신부(310), 디스플레이(320), 프로세서(330), 입력부(340) 및 저장부(350)를 포함한다.5 is a block diagram of a user terminal according to another embodiment of the present invention. A user terminal according to an embodiment of the present invention includes a communication unit 310, a display 320, a processor 330, an input unit 340, and a storage unit 350, as shown in FIG.

통신부(310)는 인터넷을 통해 외부 서버로부터 광고 이미지를 수신하고, 웹페이지를 수신한다.The communication unit 310 receives an advertisement image from an external server via the Internet, and receives a web page.

디스플레이(320)는 전술한 배경 프레임(210)과 레이아웃(220)이 합성된 합성 프레임이 표시되는 수단으로, 통상 모니터로 구현한다.The display 320 is a means for displaying a composite frame in which the background frame 210 and the layout 220 described above are displayed, and is usually implemented as a monitor.

입력부(340)는 사용자 명령을 입력받아 프로세서(330)에 전달하는 수단으로, 키보드, 마우스, 터치 패드 등이 이에 해당한다.The input unit 340 receives the user command and transmits the user command to the processor 330. The input unit 340 corresponds to a keyboard, a mouse, a touch pad, and the like.

프로세서(330)는 입력부(340)를 통해 입력되는 사용자 명령을 처리하여 결과를 디스플레이(320)에 표시한다. 특히, 프로세서(330)는 광고 이미지가 나타난 배경 프레임과 반투명의 레이아웃을 생성하고, 이들을 합성하여 디스플레이(320)에 표시한다.The processor 330 processes the user command input through the input unit 340 and displays the result on the display 320. Particularly, the processor 330 generates a layout of a translucent background with the background frame in which the advertisement image is displayed, and displays the synthesized layout on the display 320.

저장부(350)는 프로세서(330)가 실행시키는 프로그램, 애플리케이션이 설치되고, 이를 실행함에 있어 요구되는 데이터 저장 공간을 제공한다.The storage unit 350 provides programs and applications executed by the processor 330, and a data storage space required for executing the programs and applications.

지금까지, 광고 이미지가 나타나 배경 프레임 위에 레이아웃을 반투명으로 합성하여, 광고와 콘텐츠가 중복되어 나타나 광고와 콘텐츠 간에 다소의 간섭은 존재하나, 반투명 레이어가 광고와 콘텐츠 사이에 위치함으로 인해 광고와 콘텐츠가 각각 인식, 구분되며 광고를 이질감 없이 선명하게 전달함과 동시에 콘텐츠도 전달되는 방법 및 장치에 대해 바람직한 실시 예를 들어 상세히 설명하였다.So far, an ad image has appeared, and the layout is translucently synthesized on the background frame, and there is some interference between the advertisement and the content due to overlapping of the advertisement and the content. However, since the translucent layer is positioned between the advertisement and the content, The method and apparatus for recognizing and distinguishing the advertisements, and delivering the advertisements clearly and at the same time, the contents are also described in detail with reference to preferred embodiments.

위 실시예에서, 사용자 단말을 PC로 상정하였으나, 모바일 기기의 경우에도 본 발명의 기술적 사상이 적용될 수 있음은 물론이다. 이 경우, 디스플레이(320)와 입력부(340)를 터치 스크린으로 구현한다.In the above embodiment, the user terminal is assumed to be a PC, but it goes without saying that the technical idea of the present invention can also be applied to a mobile device. In this case, the display 320 and the input unit 340 are implemented with a touch screen.

본 발명을 구현함에 있어, 이동할 수 있는 광고 요소와 비-광고 요소의 표시 방식에 대해서는 차별화가 가능하다. 이를 테면, 광고 요소가 레이아웃 뒤로 이동하는 경우에는 이를 사라지지 않도록 처리하지만, 비-광고 요소에 대해서는 동일한 상황에서 사라지도록 구현하는 것이 가능하다.In implementing the present invention, it is possible to differentiate between the display methods of the mobile advertisement element and the non-advertisement element. For example, it is possible to implement such that if an ad element moves behind the layout, it will not go away, but it will disappear in the same situation for a non-ad element.

그리고, 위 실시예들에서, 배경 프레임은 PC의 모니터 규격으로, 레이아웃은 모바일 타입으로 구현하는 것을 언급하였는데, 예시적인 것에 불과하다. 배경 프레임을 PC의 모니터와 다른 규격으로 구현하거나 레이아웃을 모바일 타입 이외의 타입으로 구현하는 것도 가능하다.In the above embodiments, the background frame is implemented as a monitor specification of the PC and the layout is implemented as a mobile type, but is merely an example. It is also possible to implement the background frame in a different standard from the PC monitor, or to implement the layout in a type other than the mobile type.

한편, 위 실시예들에서, 배경 프레임에는 광고 이미지가 표시되는 것을 상정하였는데, 광고 이미지 이외의 다른 이미지가 표시될 수도 있으며, 이 경우에도 본 발명의 범주에 포함된다. 즉, 배경 프레임에 표시되는 이미지에 대해서는 제한이 없다.On the other hand, in the above embodiments, it is assumed that an advertisement image is displayed in the background frame, but images other than the advertisement image may be displayed, and this case is also included in the scope of the present invention. That is, there is no limitation on the image displayed in the background frame.

나아가, 콘텐츠 이외의 다른 요소가 표시되는 레이아웃의 경우, 이를 테면, 콘텐츠, 프로그램, 애플리케이션, 운영체제 등에서의 메뉴 창(또는 메뉴 틀, 또는 선택창)의 경우에도 본 발명의 기술적 사상을 그대로 적용할 수 있다. 가령 워드 프로세스나 포토샵 등의 메뉴바 등에서 파일, 보기, 옵션등을 선택할 때 드롭다운 방식으로 추가 선택창이 내려오게 되는데 이때 내려오는 추가 선택창 등을 반투명 레이아웃을 사용할 수 있는 것이다.Furthermore, in the case of a layout in which elements other than contents are displayed, for example, in the case of a menu window (or a menu frame or a selection window) in a content, a program, an application, an operating system, etc., the technical idea of the present invention can be applied have. For example, when selecting a file, a view, an option, etc. in a menu bar of a word process or a photoshop, an additional selection window comes down by a drop-down method, and a semitransparent layout can be used for an additional selection window that comes down at this time.

아울러, 배경 프레임과 레이아웃이 합성된 영상이 VR(Virtual Reality)로 제공되는 경우나 배경 프레임은 실사로 레이아웃은 가상으로 구현한 AR(Augmented Reality)이 제공되는 경우는 물론 VR과 AR이 결합된 MR(Mixed Reality)로 제공되는 경우도 본 발명이 적용 가능하다.In addition, when a combined image of a background frame and a layout is provided as a VR (Virtual Reality) or a background frame is provided as an AR (Augmented Reality) implemented as a virtual layout, (Mixed Reality).

한편, 위 실시예에서 언급한 레이아웃을 동일한 기능을 수행할 수 있는 다른 구성으로 대체하는 경우도 본 발명의 기술적 사상이 적용될 수 있다. 이를 테면, 반투명의 레이아웃을 반투명의 프레임으로 대체하는 경우도, 본 발명의 범주에 포함된다.The technical idea of the present invention can also be applied to the case where the layout mentioned in the above embodiment is replaced with another structure capable of performing the same function. For example, the case of replacing a translucent layout with a semi-transparent frame is included in the scope of the present invention.

나아가, 반투명의 레이아웃은 일반 레이아웃에 블러(blur) 효과를 주어 생성할 수 있음은 물론 그 밖의 다른 방식에 의해서도 생성할 수도 있다. 이때, 생성 방식은 사용자가 선택할 수 있다.Furthermore, the semitransparent layout can be created by blurring the general layout as well as by other methods. At this time, the generation method can be selected by the user.

한편, 본 실시예에 따른 장치와 방법의 기능을 수행하게 하는 컴퓨터 프로그램을 수록한 컴퓨터로 읽을 수 있는 기록매체에도 본 발명의 기술적 사상이 적용될 수 있음은 물론이다. 또한, 본 발명의 다양한 실시예에 따른 기술적 사상은 컴퓨터로 읽을 수 있는 기록매체에 기록된 컴퓨터로 읽을 수 있는 코드 형태로 구현될 수도 있다. 컴퓨터로 읽을 수 있는 기록매체는 컴퓨터에 의해 읽을 수 있고 데이터를 저장할 수 있는 어떤 데이터 저장 장치이더라도 가능하다. 예를 들어, 컴퓨터로 읽을 수 있는 기록매체는 ROM, RAM, CD-ROM, 자기 테이프, 플로피 디스크, 광디스크, 하드 디스크 드라이브, 등이 될 수 있음은 물론이다. 또한, 컴퓨터로 읽을 수 있는 기록매체에 저장된 컴퓨터로 읽을 수 있는 코드 또는 프로그램은 컴퓨터간에 연결된 네트워크를 통해 전송될 수도 있다.It goes without saying that the technical idea of the present invention can also be applied to a computer-readable recording medium having a computer program for performing the functions of the apparatus and method according to the present embodiment. In addition, the technical idea according to various embodiments of the present invention may be embodied in computer-readable code form recorded on a computer-readable recording medium. The computer-readable recording medium is any data storage device that can be read by a computer and can store data. For example, the computer-readable recording medium may be a ROM, a RAM, a CD-ROM, a magnetic tape, a floppy disk, an optical disk, a hard disk drive, or the like. In addition, the computer readable code or program stored in the computer readable recording medium may be transmitted through a network connected between the computers.

또한, 이상에서는 본 발명의 바람직한 실시예에 대하여 도시하고 설명하였지만, 본 발명은 상술한 특정의 실시예에 한정되지 아니하며, 청구범위에서 청구하는 본 발명의 요지를 벗어남이 없이 당해 발명이 속하는 기술분야에서 통상의 지식을 가진자에 의해 다양한 변형실시가 가능한 것은 물론이고, 이러한 변형실시들은 본 발명의 기술적 사상이나 전망으로부터 개별적으로 이해되어져서는 안될 것이다.While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed exemplary embodiments, but, on the contrary, It will be understood by those skilled in the art that various changes in form and detail may be made therein without departing from the spirit and scope of the present invention.

210 : 광고 이미지
210-1, 210-2 : 광고 요소
210-3 : 비-광고 요소
220 : 레이아웃210: Ad image
210-1, 210-2: Ad elements
210-3: Non-ad elements
220: Layout

Claims

Generating a background frame;
Creating a layout in a translucent manner;
Synthesizing the translucent layout on the background frame; And
And displaying a frame in which the background frame and the layout are synthesized,
In the background frame, an advertisement image is displayed,
In the layout, a screen of a content or a program is displayed,
In the advertisement image,
An ad element that can be selected by the user is included,
The layout may include:
Wherein the size of the advertisement image is smaller than the size of the advertisement image and is displayed inside the area of the advertisement image.

delete

The method according to claim 1,
In the displaying step,
Wherein the synthesized frame is displayed by one of VR (Virtual Reality), AR (Augmented Reality) and MR (Mixed Reality).

A processor for generating a background frame, generating a layout in a translucent manner, and compositing the translucent layout over the background frame; And
And a display for displaying the background frame and the frame in which the layout is synthesized,
In the background frame, an advertisement image is displayed,
In the layout, a screen of a content or a program is displayed,
In the advertisement image,
An ad element that can be selected by the user is included,
The layout may include:
The size of the advertisement image is smaller than the size of the advertisement image and is displayed within the area of the advertisement image.

Generating a first frame;
Creating a second frame translucently;
Combining the semi-transparent second frame on the first frame; And
And displaying a frame in which the first frame and the second frame are synthesized,
In the first frame, an advertisement image is displayed,
In the second frame, a screen of a content or a program is displayed,
In the advertisement image,
An ad element that can be selected by the user is included,
Wherein the second frame comprises:
Wherein the size of the advertisement image is smaller than the size of the advertisement image and is displayed inside the area of the advertisement image.

A processor for generating a first frame, generating a second frame translucently, and compositing the second frame of semitransparent over the first frame; And
And a display for displaying a frame in which the first frame and the second frame are synthesized,
In the first frame, an advertisement image is displayed,
In the second frame, a screen of a content or a program is displayed,
In the advertisement image,
An ad element that can be selected by the user is included,
Wherein the second frame comprises:
The size of the advertisement image is smaller than the size of the advertisement image and is displayed within the area of the advertisement image.