KR102533597B1 - 사용자 맞춤 레이아웃 디자인 장치 및 방법 - Google Patents

Abstract

사용자 맞춤 레이아웃 디자인 장치 및 방법이 제공된다. 상기 방법은, 적어도 하나의 요소를 획득하는 단계, 기 저장된 복수의 요소 중에서 상기 획득된 요소 별로 매칭되는 요소(이하, 매칭 요소)를 추출하는 단계, 상기 매칭 요소에 기초하여, 상기 획득된 요소 별 크기를 변경하는 단계, 기 저장된 복수의 템플릿 각각의 레이아웃을 분석하는 단계, 요소의 개수 및 요소 별 변경된 크기에 기초하여, 복수의 레이아웃 중 적어도 하나의 추천 레이아웃을 추출하는 단계, 및 상기 추출된 추천 레이아웃에 기초하여 사용자 맞춤 레이아웃 디자인을 생성하는 단계를 포함한다.

Description

사용자 맞춤 레이아웃 디자인 장치 및 방법{APPARATUS AND METHOD FOR DESIGNING CUSTOMIZED LAYOUT}

본 발명은 사용자 맞춤 레이아웃 디자인 장치 및 방법에 관한 것이다.

인포그래픽(Infographics)은 정보(Information)와 그래픽(Graphics)의 합성어로, 데이터 시각화 기법 중의 하나이다. 인포그래픽은 정보를 구체적, 직관적, 실용적으로 전달한다는 점에서 일반적인 그림이나 사진 등과는 구별된다.

인포그래픽의 중요성이 높아짐에 따라, 디자인에 관한 전문 지식이 없는 사람도 쉽게 데이터를 시각화할 수 있는 인포그래픽 제작 사이트가 제공되기에 이르렀다. 종래의 인포그래픽 제작 사이트는 다양한 템플릿들을 제공하는데, 사용자는 사이트에 등록되어 있는 다양한 템플릿들 중에서 원하는 템플릿을 선택하고, 선택된 템플릿에 텍스트나 이미지를 삽입함으로써, 결과물을 얻을 수 있다.

그러나, 이러한 방식은 사용자가 제공되는 템플릿만을 이용하여야 한다는 제약이 있다. 즉, 사용자는 자신이 선택한 템플릿의 고정된 레이아웃에 따라 원하는 이미지나 텍스트를 삽입할 수 있을 뿐, 사용자가 원하는 이미지나 텍스트를 원하는 위치에 배치할 수가 없다는 문제가 있다.

사용자가 템플릿을 선택하지 않고 자신이 원하는 이미지나 텍스트를 원하는 위치에 자유롭게 배치하여 인포그래픽을 제작할 수도 있지만, 이는 사용자가 디자인에 관한 전문 지식이 없기 때문에 시간이 오래 걸리고 들이는 노동에 비해 결과물의 품질이 낮아 비효율적이라는 문제가 있다.

대한민국 공개특허공보 제10-2009-0059812호, 2009.06.11.

상술한 바와 같은 문제점을 해결하기 위한 본 발명은 사용자로부터 수신된 이미지에 대한 정보를 기반으로 정렬된 레이아웃 디자인을 제작하기 위한 사용자 맞춤 레이아웃 디자인 장치 및 방법을 제공하는 것을 그 목적으로 한다.

본 발명이 해결하고자 하는 과제들은 이상에서 언급된 과제로 제한되지 않으며, 언급되지 않은 또 다른 과제들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해될 수 있을 것이다.

상술한 과제를 해결하기 위한 본 발명의 일 실시예에 따른 사용자 맞춤 레이아웃 디자인 방법에 있어서, 적어도 하나의 요소를 획득하는 단계, 기 저장된 복수의 요소 중에서 상기 획득된 요소 별로 매칭되는 요소(이하, 매칭 요소)를 추출하는 단계, 상기 매칭 요소에 기초하여, 상기 획득된 요소 별 크기를 변경하는 단계, 기 저장된 복수의 템플릿 각각의 레이아웃을 분석하는 단계, 요소의 개수 및 요소 별 변경된 크기에 기초하여, 복수의 레이아웃 중 적어도 하나의 추천 레이아웃을 추출하는 단계, 및 상기 추출된 추천 레이아웃에 기초하여 사용자 맞춤 레이아웃 디자인을 생성하는 단계를 포함한다.

본 발명에서, 상기 획득된 요소 별로 매칭되는 요소(이하, 매칭 요소)를 추출하는 단계는, 상기 복수의 요소 중에서 상기 획득된 요소와 동일한 요소가 있는 경우, 동일한 요소를 매칭 요소로 추출하고, 상기 획득된 요소 별 크기를 변경하는 단계는, 상기 획득된 요소의 크기를 추출된 매칭 요소의 크기로 변경할수 있다.

본 발명에서, 상기 획득된 요소 별로 매칭되는 요소(이하, 매칭 요소)를 추출하는 단계는, 상기 복수의 요소 중에서 상기 획득된 요소와 동일한 요소가 없는 경우, 상기 획득된 요소의 제1 특성과의 일치율이 기 설정된 제1 기준값 이상인 요소를 매칭 요소로 추출하고, 상기 획득된 요소 별 크기를 변경하는 단계는, 상기 획득된 요소의 크기를 추출된 매칭 요소의 크기로 변경할 수 있다.

본 발명에서, 상기 획득된 요소 별로 매칭되는 요소(이하, 매칭 요소)를 추출하는 단계는, 상기 획득된 요소의 제1 특성과의 일치율이 제1 기준값 이하인 경우, 상기 획득된 요소의 제2 특성과의 일치율이 기 설정된 제2 기준값 이상인 요소를 매칭 요소로 추출하고, 상기 획득된 요소 별 크기를 변경하는 단계는, 상기 획득된 요소의 크기를 추출된 매칭 요소의 크기로 변경할 수 있다.

본 발명에서, 상기 기 저장된 복수의 템플릿 각각의 레이아웃을 분석하는 단계는, 각각의 레이아웃 별로 영역의 개수 및 각 영역의 크기를 분석할 수 있다.

본 발명에서, 상기 복수의 레이아웃 중 적어도 하나의 추천 레이아웃을 추출하는 단계는, 상기 영역의 개수가 상기 요소의 개수와 동일하고, 크기 유사도에 기초하여 상기 영역과 상기 요소가 일대일 매칭되는 레이아웃을 상기 추천 레이아웃으로 추출할 수 있다.

본 발명에서, 상기 요소 별 변경된 크기 각각에 대해서, 상기 각 영역의 크기와의 크기 유사도를 각각 산출하고, 각 요소에 대해서 크기 유사도가 기 설정된 제3 기준값 이상으로 산출된 영역과 각각 매칭할 수 있다.

본 발명에서, 상기 추출된 추천 레이아웃에 기초하여 사용자 맞춤 레이아웃 디자인을 생성하는 단계는, 상기 추천 레이아웃의 각 영역에 해당하는 위치에, 상기 추천 레이아웃의 각 영역에 일대일 매칭된 요소를 정렬하여, 사용자 맞춤 레이아웃 디자인을 생성할 수 있다.

상술한 과제를 해결하기 위한 본 발명의 일 실시예에 따른 사용자 맞춤 레이아웃 디자인 장치는, 통신부, 적어도 하나의 요소를 획득하는 요소 획득부, 메모리, 및 기 저장된 복수의 요소 중에서 상기 획득된 요소 별로 매칭되는 요소(이하, 매칭 요소)를 추출하고, 상기 매칭 요소에 기초하여, 상기 획득된 요소 별 크기를 변경하고, 기 저장된 복수의 템플릿 각각의 레이아웃을 분석하고, 요소의 개수 및 요소 별 변경된 크기에 기초하여, 복수의 레이아웃 중 추천 레이아웃을 추출하고, 상기 추천 레이아웃에 기초하여 사용자 맞춤 레이아웃을 디자인하는 제어부를 포함한다.

이 외에도, 본 발명을 구현하기 위한 다른 방법, 다른 장치, 다른 시스템 및 상기 방법을 실행하기 위한 컴퓨터 프로그램을 기록하는 컴퓨터 판독 가능한 기록 매체가 더 제공될 수 있다.

상기와 같은 본 발명에 따르면, 사용자에 의해 입력된 이미지 및 텍스트 등에 기초하여, 기존에 존재하는 레이아웃 중에서 적합한 레이아웃을 추출하여 사용자에게 추천할 수 있고, 추천된 레이아웃을 토대로, 사용자가 원하는 이미지 및 텍스트 등을 정렬함으로써, 사용자 맞춤형 레이아웃을 디자인할 수 있다.

기존에 존재하는 레이아웃을 활용하여 사용자 취향에 맞는 레이아웃 디자인을 새롭게 제작할 수 있다.

즉, 사용자가 디자인에 관한 전문 지식이 없다고 하더라도, 기존에 널리 사용되고 있는 보편적인 레이아웃을 토대로, 사용자가 원하는 이미지와 텍스트를 가지고 자신의 취향에 맞는 레이아웃 디자인을 새롭게 제작할 수 있기 때문에, 레이아웃 디자인을 제작함에 있어서 시간이 절약되고, 제작된 레이아웃 디자인의 품질이 높아 사용자의 만족도도 높다.

또한, 기존에 존재하는 수많은 레이아웃 중에서 취향에 맞는 하나를 선택할 필요가 없어 보다 효율적으로 레이아웃 디자인이 가능하다.

본 발명의 효과들은 이상에서 언급된 효과로 제한되지 않으며, 언급되지 않은 또 다른 효과들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해될 수 있을 것이다.

도 1은 본 발명에 따른 사용자 맞춤 레이아웃 디자인을 생성하기 위한 시스템에 대해 개략적으로 나타낸 도면이다.
도 2는 본 발명에 따른 사용자 맞춤 레이아웃 디자인 장치를 개략적으로 나타낸 블록도이다.
도 3은 본 발명에 따른 사용자 맞춤 레이아웃 디자인 방법의 흐름도이다.
도 4는 획득된 요소를 설명하기 위한 예시도이다.
도 5는 매칭 요소 추출을 설명하기 위한 예시도이다.
도 6은 매칭 요소의 크기에 따라 획득된 요소의 크기를 변경하는 것을 설명하기 위한 예시도이다.
도 7은 크기가 변경된 요소를 설명하기 위한 예시도이다.
도 8은 템플릿의 레이아웃을 설명하기 위한 도면이다.
도 9는 크기 유사도를 설명하기 위한 예시도이다.
도 10은 추천 레이아웃 추출을 설명하기 위한 예시도이다.
도 11은 사용자 맞춤 레이아웃 디자인을 설명하기 위한 예시도이다.

본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나, 본 발명은 이하에서 개시되는 실시예들에 제한되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술 분야의 통상의 기술자에게 본 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다.

본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 발명을 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다. 명세서에서 사용되는 "포함한다(comprises)" 및/또는 "포함하는(comprising)"은 언급된 구성요소 외에 하나 이상의 다른 구성요소의 존재 또는 추가를 배제하지 않는다. 명세서 전체에 걸쳐 동일한 도면 부호는 동일한 구성 요소를 지칭하며, "및/또는"은 언급된 구성요소들의 각각 및 하나 이상의 모든 조합을 포함한다. 비록 "제1", "제2" 등이 다양한 구성요소들을 서술하기 위해서 사용되나, 이들 구성요소들은 이들 용어에 의해 제한되지 않음은 물론이다. 이들 용어들은 단지 하나의 구성요소를 다른 구성요소와 구별하기 위하여 사용하는 것이다. 따라서, 이하에서 언급되는 제1 구성요소는 본 발명의 기술적 사상 내에서 제2 구성요소일 수도 있음은 물론이다.

다른 정의가 없다면, 본 명세서에서 사용되는 모든 용어(기술 및 과학적 용어를 포함)는 본 발명이 속하는 기술분야의 통상의 기술자에게 공통적으로 이해될 수 있는 의미로 사용될 수 있을 것이다. 또한, 일반적으로 사용되는 사전에 정의되어 있는 용어들은 명백하게 특별히 정의되어 있지 않는 한 이상적으로 또는 과도하게 해석되지 않는다.

이하, 첨부된 도면을 참조하여 본 발명의 실시예를 상세하게 설명한다.

도 1은 본 발명에 따른 사용자 맞춤 레이아웃 디자인을 생성하기 위한 시스템에 대해 개략적으로 나타낸 도면이다.

도 2는 본 발명에 따른 사용자 맞춤 레이아웃 디자인 장치를 개략적으로 나타낸 블록도이다.

도 3은 본 발명에 따른 사용자 맞춤 레이아웃 디자인 방법의 흐름도이다.

도 4는 획득된 요소를 설명하기 위한 예시도이다.

도 5는 매칭 요소 추출을 설명하기 위한 예시도이다.

도 6은 매칭 요소의 크기에 따라 획득된 요소의 크기를 변경하는 것을 설명하기 위한 예시도이다.

도 7은 크기가 변경된 요소를 설명하기 위한 예시도이다.

도 8은 템플릿의 레이아웃을 설명하기 위한 도면이다.

도 9는 크기 유사도를 설명하기 위한 예시도이다.

도 10은 추천 레이아웃 추출을 설명하기 위한 예시도이다.

도 11은 사용자 맞춤 레이아웃 디자인을 설명하기 위한 예시도이다.

도 1을 참조하면, 시스템(1)은 사용자 맞춤 레이아웃 디자인 장치(이하, 레이아웃 디자인 장치)(10), 사용자 단말기(20)와 통신망(30)을 포함하여 구성될 수 있다.

본 발명에 따른 시스템(1)에서 발명의 주체는 컴퓨터가 적용 가능하며, 구체적으로는 레이아웃 디자인 장치(10)가 수행 주체가 될 수 있다.

레이아웃 디자인 장치(10)는 레이아웃 디자인 제작 서비스를 제공하는 업체 또는 회사의 서버 장치를 의미한다. 구체적으로, 레이아웃 디자인 장치(10)는 사용자에게 맞춤형 레이아웃 디자인을 생성하여 제공하는 서비스를 제공하는 업체 또는 회사의 서버 장치를 의미한다.

즉, 레이아웃 디자인 장치(10)는 사용자로부터 레이아웃 디자인 추천을 요청받으면, 사용자가 입력 또는 선택한 이미지 또는 텍스트에 기초하여, 기존의 레이아웃들 중에서 적합한 레이아웃을 추천 레이아웃으로 추출하고, 추천 레이아웃에 기초하여 사용자가 입력 도는 선택한 요소를 정렬함으로써 사용자 맞춤 레이아웃 디자인을 생성하는 서비스를 제공한다.

도 2를 참조하면, 레이아웃 디자인 장치(10)는 통신부(12), 적어도 하나의 요소를 획득하는 요소 획득부(14), 메모리(16) 및 제어부(18)를 포함하며, 각 구성요소를 통해 시스템(1)의 각 프로세스를 수행한다.

다만, 레이아웃 디자인 장치(10)는 도 2에 도시된 구성요소보다 더 적은 수의 구성요소나 더 많은 구성요소를 포함할 수도 있다.

통신부(12)는 레이아웃 디자인 장치(10)와 무선 통신 시스템 사이, 또는 레이아웃 디자인 장치(10)와 사용자 단말기(20) 사이의 무선 통신을 가능하게 하는 하나 이상의 모듈을 포함할 수 있다. 또한, 상기 통신부(12)는 레이아웃 디자인 장치(10)를 하나 이상의 네트워크에 연결하는 하나 이상의 모듈을 포함할 수 있다.

요소 획득부(14)는 통신부(12)를 통해 사용자 단말기(20)로부터 레이아웃 디자인 추천 요청을 수신하면, 사용자가 사용자 단말기(20)를 통해 입력 또는 선택한 적어도 하나의 요소를 획득할 수 있다.

요소 획득부(14)는 상기 요소를 메모리(16) 또는 사용자 단말기(20) 또는 외부 장치(미도시) 등을 통해 획득할 수 있다.

여기서, 요소는 이미지 및 텍스트를 포함할 수 있으며, 이에 제한되지 않는다.

상기에서는, 통신부(12)와 요소 획득부(14)가 개별적인 구성요소인 것으로 설명하였지만, 통신부(12)와 요소 획득부(14)는 하나의 구성요소로 기능할 수도 있다.

메모리(16)는 레이아웃 디자인 장치(10)의 다양한 기능을 지원하는 데이터를 저장할 수 있다. 메모리(16)는 레이아웃 디자인 장치(10)에서 구동되는 다수의 응용 프로그램(application program 또는 애플리케이션(application)), 레이아웃 디자인 장치(10)의 동작을 위한 데이터들, 명령어들을 저장할 수 있다. 이러한 응용 프로그램 중 적어도 일부는, 레이아웃 디자인 장치(10)의 기본적인 기능을 위하여 존재할 수 있다. 한편, 응용 프로그램은, 메모리(16)에 저장되고, 레이아웃 디자인 장치(10) 상에 설치되어, 제어부(18)에 의하여 상기 레이아웃 디자인 장치(10)의 동작(또는 기능)을 수행하도록 구동될 수 있다.

제어부(18)는 상기 응용 프로그램과 관련된 동작 외에도, 통상적으로 레이아웃 디자인 장치(10)의 전반적인 동작을 제어할 수 있다. 제어부(18)는 위에서 살펴본 구성요소들을 통해 입력 또는 출력되는 신호, 데이터, 정보 등을 처리하거나 메모리(16)에 저장된 응용 프로그램을 구동함으로써, 사용자에게 적절한 정보 또는 기능을 제공 또는 처리할 수 있다.

또한, 제어부(18)는 메모리(16)에 저장된 응용 프로그램을 구동하기 위하여, 도 2와 함께 살펴본 구성요소들 중 적어도 일부를 제어할 수 있다. 나아가, 제어부(18)는 상기 응용 프로그램의 구동을 위하여, 레이아웃 디자인 장치(10)에 포함된 구성요소들 중 적어도 둘 이상을 서로 조합하여 동작 시킬 수 있다.

사용자 단말기(20)는 레이아웃 디자인 제작 서비스를 이용하는 사용자의 단말기를 의미한다. 구체적으로, 사용자는 사용자 단말기(20)를 통해 레이아웃 디자인 추천 요청하고, 원하는 이미지 또는 텍스트를 입력 또는 선택하면, 레이아웃 디자인 장치(10)로부터 사용자 본인의 취향에 맞는 레이아웃 디자인을 제공받을 수 있다.

본 발명에서 사용자 단말기(20)는 컴퓨터와 같은 정보처리수단이 적용될 수 있으며, 제어부와 같은 프로세서, 카메라와 같은 촬영 수단, 터치 스크린을 포함하는 입출력 수단을 포함하고, 통신 기능을 포함한 모든 장치를 의미한다. 즉, 스마트폰, 태블릿, PDA, 랩톱, 데스크톱, 서버 등과 같은 디바이스라면 무엇이든 적용이 가능하다.

통신망(30)은 레이아웃 디자인 장치(10) 및 사용자 단말기(20) 간의 다양한 정보를 송수신할 수 있다. 통신망(30)은 다양한 형태의 통신망이 이용될 수 있으며, 예컨대, WLAN(Wireless LAN), 와이파이(Wi-Fi), 와이브로(Wibro), 와이맥스(Wimax), HSDPA(High Speed Downlink Packet Access) 등의 무선 통신방식 또는 이더넷(Ethernet), xDSL(ADSL, VDSL), HFC(Hybrid Fiber Coax), FTTC(Fiber to The Curb), FTTH(Fiber To The Home) 등의 유선 통신방식이 이용될 수 있다.

한편, 통신망(30)은 상기에 제시된 통신방식에 한정되는 것은 아니며, 상술한 통신방식 이외에도 기타 널리 공지되었거나 향후 개발될 모든 형태의 통신 방식을 포함할 수 있다.

이하에서는 도 3 내지 도 11을 참조하여, 통신부(12), 영상 획득부(14), 메모리(16) 및 제어부(18)를 포함하는 레이아웃 디자인 장치(10)가 사용자 맞춤 레이아웃 디자인을 생성하는 방법을 상세히 설명하도록 한다.

설명에 앞서, 본 발명에서, 레이아웃(layout)이란 전하고자 하는 메시지를 효율적으로 잘 전달하기 위해 다양한 디자인 요소들(문자, 그림, 기호, 이미지, 일러스트, 그래픽 등)을 제한된 공간(예를 들어, 캔버스) 안에 효과적으로 배치하는 것을 말한다.

레이아웃 디자인 장치(10)는 레이아웃 디자인 제작 서비스를 제공하기 위해, 다양한 유형의 템플릿을 제공한다. 템플릿은 정해진 레이아웃에 따라 다양한 디자인 요소들이 배치되어 있다.

종래에, 사용자는 원하는 유형의 템플릿을 선택하고, 선택된 템플릿의 레이아웃에 따라 배치되어 있는 디자인 요소들을 수정하여 원하는 결과물을 얻을 수 있었다. 즉, 템플릿의 레이아웃은 고정되어 있고, 레이아웃에 따라 배치된 이미지 1을 이미지 2로 수정하거나, 텍스트 1을 텍스트 2로 수정하는 것밖에 할 수 없었다(즉, 이미지 또는 텍스트의 위치를 수정할 수는 없었다).

이는, 사용자가 레이아웃 디자인을 제작함에 있어서 제한을 주어 사용자가 결과물에 대해 완벽하게 만족하는 것을 힘들게 하였다.

본 발명의 레이아웃 디자인 장치(10)는 고정된 레이아웃을 제공하고 거기에서 요소를 수정하는 방식이 아닌, 사용자가 원하는 요소들을 먼저 입력 또는 선택받고, 그에 기초하여 적합한 레이아웃을 추출하고, 추출된 레이아웃에 사용자가 원하는 요소를 정렬하여 사용자 맞춤 레이아웃 디자인을 제작함으로써, 사용자의 서비스 만족도를 높일 수 있다.

도 3을 참조하면, 영상 획득부(14)는 적어도 하나의 요소를 획득할 수 있다(S110).

사용자가 사용자 단말기(20)를 통해 레이아웃 디자인 추천 요청하면, 제어부(18)는 사용자 단말기(20) 화면에 작업 공간(예를 들어, 캔버스)을 표시 한다.

사용자는 사용자 단말기(20)를 통해 상기 작업 공간에서 본인이 원하는 요소를 입력하거나 선택할 수 있다. 예를 들어, 사용자는 사용자 단말기(20)에 저장되어 있던 이미지를 요소로 입력할 수 있고, 또는 작업 공간 내에서 제공되는 다양한 이미지 중에서 원하는 이미지를 요소로 선택할 수도 있다.

여기서, 요소는 이미지 및 텍스트를 포함할 수 있으며, 이에 제한되지 않는다. 각각의 요소는 특성 정보를 포함한다. 이미지는 특성 정보로 크기 정보, 태그 정보, 색상 정보를 포함할 수 있지만, 이에 제한되는 것은 아니다. 텍스트는 특성 정보로 크기 정보, 글꼴 정보, 색상 정보를 포함할 수 있지만, 이에 제한되는 것은 아니다.

도 4를 참조하면, 영상 획득부(14)는 사용자로부터 4개 요소(40a, 40b, 40c 및 40d)를 획득하였다. 구체적으로, 영상 획득부(14)는 사용자로부터 2개의 이미지 (40a 및 40b), 2개의 텍스트 (40c 및 40d)를 획득하였다.

다시 도 3을 참조하면, 제어부(18)는 기 저장된 복수의 요소 중에서 상기 획득된 요소 별로 매칭되는 요소(이하, 매칭 요소)를 추출할 수 있다(S120).

즉, 제어부(18)는 메모리(16)에 저장되어 있는 복수의 요소 중에서, 사용자로부터 획득된 요소와 매칭되는 요소를 추출할 수 있다.

제어부(18)는 상기 복수의 요소 중에서 상기 획득된 요소와 동일한 요소가 있는 경우, 동일한 요소를 매칭 요소로 추출할 수 있다.

도 5a를 참조하면, 제어부(18)는 메모리(16)에 저장되어 있는 복수의 요소 중에서 획득된 요소(40)와 동일한 구름 이미지를 매칭 요소(45)로 추출할 수 있다. 도 5a에서는 획득된 요소(40)와 매칭 요소(45)가 동일한 이미지이지만 크기가 다른 것으로 도시하였지만, 이에 제한되지 않고 크기가 동일할 수도 있다.

상기 복수의 요소 중에서 상기 획득된 요소와 동일한 요소가 없는 경우, 제어부(18)는 상기 획득된 요소의 제1 특성과의 일치율이 기 설정된 제1 기준값 이상인 제1 특성을 갖는 요소를 매칭 요소로 추출할 수 있다.

이때, 제어부(18)는 획득된 요소의 제1 특성과의 일치율이 제1 기준값 이상인 제1 특성을 갖는 요소가 복수개인 경우, 일치율이 가장 높은 요소를 매칭 요소로 추출할 수 있다.

요소가 이미지인 경우, 제1 특성은 태그일 수 있으나, 이에 제한되는 것은 아니다.

제어부(18)는 복수의 요소 중에서 획득된 요소의 태그와의 일치율이 제1 기준값 이상인 태그를 갖는 요소를 매칭 요소로 추출할 수 있다.

이때, 태그의 속성의 연관 정도에 따라 일치율을 산출할 수 있다. 예를 들어, 획득된 요소의 태그가 “구름”인 경우, 태그가 “하늘”, “바다” 및 “사람”인 요소의 일치율은 각각 95퍼센트, 75퍼센트 및 5퍼센트로 산출될 수 있다.

제1 기준값이 80퍼센트인 경우, 태그가 “하늘”인 요소가 매칭 요소로 추출될 수 있다.

제1 기준값이 70퍼센트인 경우, 태그가 “하늘”인 요소와 “바다”인 요소가 모두 일치율이 70퍼센트를 넘지만, 태그가 “하늘”인 요소의 일치율이 더 높기 때문에, 태그가 “하늘”인 요소가 매칭 요소로 추출될 수 있다.

요소가 텍스트인 경우, 제1 특성은 글꼴일 수 있으나, 이에 제한되는 것은 아니다.

제어부(18)는 복수의 요소 중에서 획득된 요소의 글꼴과의 일치율이 제1 기준값 이상인 글꼴을 갖는 요소를 매칭 요소로 추출할 수 있다.

이때, 글꼴의 연관 정도에 따라 일치율을 산출할 수 있다. 예를 들어, 획득된 요소의 글꼴이 “고딕체”인 경우, 글꼴이 “맑은 고딕”, “견고딕” 및 “궁서체”인 요소의 일치율은 각각 95퍼센트, 75퍼센트 및 5퍼센트로 산출될 수 있다.

제1 기준값이 80퍼센트인 경우, 글꼴이 “맑은 고딕”인 요소가 매칭 요소로 추출될 수 있다.

제1 기준값이 70퍼센트인 경우, 글꼴이 “맑은 고딕”인 요소와 “견고딕”인 요소가 모두 일치율이 70퍼센트를 넘지만, 글꼴이 “맑은 고딕”인 요소의 일치율이 더 높기 때문에, 글꼴이 “맑은 고딕”인 요소가 매칭 요소로 추출될 수 있다.

도 5b를 참조하면, 제어부(18)는 메모리(16)에 저장되어 있는 복수의 요소 중에서 획득된 요소(40)와 유사한 구름 이미지를 매칭 요소(45)로 추출할 수 있다.

상술한 바와 같이 획득된 요소(40)의 태그가 “구름”이고, 매칭 요소(45)의 태그가 “하늘”인 경우, 태그의 일치율이 95퍼센트이므로, 제어부(18)는 획득된 요소(40)와 동일하지는 않지만 유사한 이미지를 추출할 수 있게 되는 것이다.

상기 복수의 요소 중에서 상기 획득된 요소의 제1 특성과의 일치율이 제1 기준값 이상인 제1 특성을 갖는 요소가 없는 경우, 제어부(18)는 상기 획득된 요소의 제2 특성과의 일치율이 기 설정된 제2 기준값 이상인 제2 특성을 갖는 요소를 매칭 요소로 추출할 수 있다.

이때, 제어부(18)는 획득된 요소의 제2 특성과의 일치율이 제2 기준값 이상인 제2 특성을 갖는 요소가 복수개인 경우, 일치율이 가장 높은 요소를 매칭 요소로 추출할 수 있다.

요소가 이미지인 경우, 제2 특성은 색상일 수 있으나, 이에 제한되는 것은 아니다. 요소가 텍스트인 경우, 제2 특성은 색상일 수 있으나, 이에 제한되는 것은 아니다.

제어부(18)는 복수의 요소 중에서 획득된 요소의 색상과의 일치율이 제2 기준값 이상인 색상을 갖는 요소를 매칭 요소로 추출할 수 있다.

이때, 색상의 연관 정도에 따라 일치율을 산출할 수 있다. 예를 들어, 획득된 요소의 색상이 “분홍”인 경우, 색상이 “연분홍”, “연보라” 및 “검정”인 요소의 일치율은 각각 95퍼센트, 75퍼센트 및 5퍼센트로 산출될 수 있다.

제2 기준값이 80퍼센트인 경우, 색상이 “연분홍”인 요소가 매칭 요소로 추출될 수 있다.

제2 기준값이 70퍼센트인 경우, 색상이 “연분홍”인 요소와 “연보라”인 요소가 모두 일치율이 70퍼센트를 넘지만, 색상이 “연분홍”인 요소의 일치율이 더 높기 때문에, 색상이 “연분홍”인 요소가 매칭 요소로 추출될 수 있다.

상기에서는, 제1 기준값과 제2 기준값이 동일한 것으로 설명하였지만, 이에 제한되지 않고, 제1 기준값과 제2 기준값은 상이할 수도 있다.

다시 도 3을 참조하면, 제어부(18)는 상기 매칭 요소에 기초하여, 상기 획득된 요소 별 크기를 변경할 수 있다(S130).

제어부(18)는 상기 획득된 요소의 크기를 추출된 매칭 요소의 크기로 변경할 수 있다.

도 6a를 참조하면, 획득된 요소(40)의 크기가 매칭 요소(45)의 크기보다 작으면, 획득된 요소(40)의 크기를 매칭 요소(45)의 크기만큼 확장하여 변경할 수 있다.

도 6b를 참조하면, 획득된 요소(40)의 크기가 매칭 요소(45)의 크기보다 크면, 획득된 요소(40)의 크기를 매칭 요소(45)의 크기만큼 축소하여 변경할 수 있다.

도 7을 참조하면, S110에서 요소 획득부(14)에 의해 획득된 4개의 요소(40a, 40b, 40c 및 40d)는 S120 및 S130을 통해 크기가 변경되었다. 이하에서는 크기가 변경된 4개의 요소(50a, 50b, 50c 및 50d)를 이용하여 추천 레이아웃을 추출하고 및 사용자 맞춤 레이아웃 디자인을 생성하는 구체적인 방법에 대해 설명하도록 한다.

도 3을 참조하면, 제어부(18)는 기 저장된 복수의 템플릿 각각의 레이아웃을 분석할 수 있다(S140).

복수의 템플릿은 각각의 레이아웃을 가지고 있다. 레이아웃은 복수의 영역으로 구성되며, 각 영역의 크기는 서로 상이하거나 동일할 수도 있다.

제어부(18)는 각각의 레이아웃 별로 영역의 개수 및 각 영역의 크기를 분석할 수 있다.

도 8a에 도시된 레이아웃은 6개의 영역으로 구성되며, 제어부(18)는 가로 길이 및 세로 길이에 기초하여 각각의 영역의 크기를 분석할 수 있다.

이때, 원형 등과 같이 사각형이 아닌 영역의 경우에는, 가로 길이 및 세로 길이에 기초하여 사각형으로 변환하고, 변환된 사각형으로 크기를 분석할 수 있지만, 이에 제한되는 것은 아니다.

도 8a에 도시된 레이아웃은 3개의 텍스트 영역과 3개의 이미지 영역으로 구성될 수 있다.

도 8b에 도시된 레이아웃은 5개의 영역으로 구성되며, 제어부(18)는 가로 길이 및 세로 길이에 기초하여 각각의 영역의 크기를 분석할 수 있다.

도 8b에 도시된 레이아웃은 3개의 텍스트 영역과 2개의 이미지 영역으로 구성될 수 있다.

다시 도 3을 참조하면, 제어부(18)는 요소의 개수 및 요소 별 변경된 크기에 기초하여, 복수의 레이아웃 중 적어도 하나의 추천 레이아웃을 추출할 수 있다(S150).

구체적으로, 제어부(18)는 상기 영역의 개수가 상기 요소의 개수와 동일하고, 크기 유사도에 기초하여 상기 영역과 상기 요소가 일대일 매칭되는 레이아웃을 상기 추천 레이아웃으로 추출할 수 있다.

예를 들어, 요소의 개수가 4개인 경우, 영역의 개수가 4개가 아닌 레이아웃은 추천 레이아웃으로 추출될 수 없다.

예를 들어, 요소의 개수가 4개이고, 영역의 개수도 4개지만, 4개의 요소와 4개의 영역이 일대일로 매칭되지 않는 레이아웃은 추천 레이아웃으로 추출될 수 없다.

여기서, 요소와 영역 간의 매칭 여부는 크기 유사도에 기초하여 결정된다. 크기 유사도는 영역의 크기와 요소의 크기의 겹쳐진 정도에 따라 산출될 수 있다. 구체적으로, 크기 유사도는 영역의 크기와 요소의 크기의 합집합 영역 대비 교집합 영역의 비율을 의미한다. 따라서, 영역의 크기와 요소의 크기가 겹쳐진 정도가 클수록 100퍼센트에 가깝게 산출되며, 겹쳐진 정도가 작을수록 0퍼센트에 가깝게 측정된다.

도 9a를 참조하면, 요소(50)가 영역(60)에 비해 크기가 크지만, 서로 간의 겹쳐진 정도가 작기 때문에, 크기 유사도는 40퍼센트로 산출될 수 있다. 도 9b를 참조하면, 요소(50)가 영역(60)에 비해 크기가 작지만, 서로 간의 겹쳐진 정도가 작기 때문에, 크기 유사도는 60퍼센트로 산출될 수 있다. 도 9c를 참조하면, 요소(50)와 영역(60)이 전부 겹쳐졌기 때문에, 크기 유사도는 100퍼센트로 산출될 수 있다.

이와 같이, 요소(50)와 영역(60) 간의 대소 여부는 크기 유사도에 중요하지 않고, 요소(50)와 영역(60)일 얼마나 겹쳐졌는지에 따라 크기 유사도가 결정되게 된다.

제어부(18)는 상기 요소 별 변경된 크기 각각에 대해서, 상기 각 영역의 크기와의 크기 유사도를 각각 산출하고, 각 요소에 대해서 크기 유사도가 기 설정된 제3 기준값 이상으로 산출된 영역과 각각 매칭할 수 있다.

예를 들어, 요소가 2개(a, b)이고, 영역이 2개(c, d)인 경우, 제어부(18)는 요소 a에 대해서 영역 c와 영역 d와의 크기 유사도를 각각 산출하고, 요소 b에 대해서 영역 c와 영역 d와의 크기 유사도를 각각 산출한다.

요소 a와 영역 c와의 크기 유사도가 100퍼센트이고, 요소 a와 영역 d와의 크기 유사도가 20퍼센트이고, 요소 b와 영역 c와의 크기 유사도가 30퍼센트이고, 요소 b와 영역 d와의 크기 유사도가 90퍼센트로 산출되고, 제3 기준값이 80퍼센트라면, 요소 a는 영역 c와 매칭되고, 요소 b는 영역 d와 매칭될 수 있다.

이렇게 영역의 개수가 요소의 개수와 동일하고, 크기 유사도에 기초하여 상기 영역과 상기 요소가 일대일 매칭되면, 제어부(18)는 해당 영역들을 포함하는 레이아웃을 추천 레이아웃으로 추출할 수 있게 된다.

이하에서는 도 10을 참조하여, 크기가 변경된 4개의 요소(50a, 50b, 50c 및 50d)와 레이아웃에 포함된 4개의 영역(60a, 60b, 60c 및 60d)을 이용하여, 개수는 동일한 레이아웃들에 대해 영역별 크기 유사도에 따라 추천 레이아웃 추출 여부를 설명하도록 한다.

도 10a를 참조하면, 60a가 50c와 매칭되고, 60b가 50b와 매칭되고, 60c가 50d와 매칭되었지만, 60d가 50a와 매칭되지 않았기 때문에(일대일 매칭되지 않음), 60a, 60b, 60c 및 60d으로 구성된 레이아웃은 추천 레이아웃으로 추출될 수 없다.

도 10b를 참조하면, 60a가 50c와 매칭되고, 60b가 50a와 매칭되고, 60c가 50b와 매칭되고, 60d가 50d와 매칭되었으므로(일대일 매칭됨), 60a, 60b, 60c 및 60d으로 구성된 레이아웃은 추천 레이아웃으로 추출될 수 있다.

다시 도 3을 참조하면, 제어부(18)는 상기 추출된 추천 레이아웃에 기초하여 사용자 맞춤 레이아웃 디자인을 생성할 수 있다(S160).

구체적으로, 제어부(18)는 상기 추천 레이아웃의 각 영역에 해당하는 위치에, 상기 추천 레이아웃의 각 영역에 일대일 매칭된 요소를 정렬하여, 사용자 맞춤 레이아웃 디자인을 생성할 수 있다.

도 10b에서 60a가 50c와 매칭되고, 60b가 50a와 매칭되고, 60c가 50b와 매칭되고, 60d가 50d와 매칭되었으므로, 도 11에 도시된 바와 같이, 추천 레이아웃의 영역 60a의 위치에 요소 50c가 정렬되고, 영역 60b의 위치에 요소 50a가 정렬되고, 영역 60c의 위치에 요소 50b가 정렬되고, 영역 60d의 위치에 요소 50d가 정렬될 수 있다.

이로써, 사용자는 기존에 있던 템플릿을 사용하는 것이 아닌, 본인이 원하는 이미지와 텍스트를 가지고 본인의 취향에 맞는 새로운 레이아웃 디자인을 제작할 수 있게 된다.

한편, 상기에서는 요소의 개수 및 크기만을 고려하여 영역과 매칭하는 것으로 설명하였지만, 이에 제한되지 않고, 요소의 개수 및 크기뿐만 아니라 종류까지 고려하여 영역과 매칭할 수도 있다. 예를 들어, 이미지 요소는 이미지 영역과의 크기 유사도에 따라 매칭되고, 텍스트 요소는 텍스트 영역과의 크기 유사도에 따라 매칭될 수 있다.

도 3은 단계 S110 내지 단계 S160을 순차적으로 실행하는 것으로 기재하고 있으나, 이는 본 실시예의 기술 사상을 예시적으로 설명한 것에 불과한 것으로서, 본 실시예가 속하는 기술분야에서 통상의 지식을 가진 자라면 본 실시예의 본질적인 특성에서 벗어나지 않는 범위에서 도 3에 기재된 순서를 변경하여 실행하거나 단계 S110 내지 단계 S160 중 하나 이상의 단계를 병렬적으로 실행하는 것으로 다양하게 수정 및 변형하여 적용 가능할 것이므로, 도 3은 시계열적인 순서로 한정되는 것은 아니다.

이상에서 전술한 본 발명의 일 실시예에 따른 방법은, 하드웨어인 서버와 결합되어 실행되기 위해 프로그램(또는 어플리케이션)으로 구현되어 매체에 저장될 수 있다.

상기 전술한 프로그램은, 상기 컴퓨터가 프로그램을 읽어 들여 프로그램으로 구현된 상기 방법들을 실행시키기 위하여, 상기 컴퓨터의 프로세서(CPU)가 상기 컴퓨터의 장치 인터페이스를 통해 읽힐 수 있는 C, C++, JAVA, 기계어 등의 컴퓨터 언어로 코드화된 코드(Code)를 포함할 수 있다. 이러한 코드는 상기 방법들을 실행하는 필요한 기능들을 정의한 함수 등과 관련된 기능적인 코드(Functional Code)를 포함할 수 있고, 상기 기능들을 상기 컴퓨터의 프로세서가 소정의 절차대로 실행시키는데 필요한 실행 절차 관련 제어 코드를 포함할 수 있다. 또한, 이러한 코드는 상기 기능들을 상기 컴퓨터의 프로세서가 실행시키는데 필요한 추가 정보나 미디어가 상기 컴퓨터의 내부 또는 외부 메모리의 어느 위치(주소 번지)에서 참조되어야 하는지에 대한 메모리 참조관련 코드를 더 포함할 수 있다. 또한, 상기 컴퓨터의 프로세서가 상기 기능들을 실행시키기 위하여 원격(Remote)에 있는 어떠한 다른 컴퓨터나 서버 등과 통신이 필요한 경우, 코드는 상기 컴퓨터의 통신 모듈을 이용하여 원격에 있는 어떠한 다른 컴퓨터나 서버 등과 어떻게 통신해야 하는지, 통신 시 어떠한 정보나 미디어를 송수신해야 하는지 등에 대한 통신 관련 코드를 더 포함할 수 있다.

상기 저장되는 매체는, 레지스터, 캐쉬, 메모리 등과 같이 짧은 순간 동안 데이터를 저장하는 매체가 아니라 반영구적으로 데이터를 저장하며, 기기에 의해 판독(reading)이 가능한 매체를 의미한다. 구체적으로는, 상기 저장되는 매체의 예로는 ROM, RAM, CD-ROM, 자기 테이프, 플로피디스크, 광 데이터 저장장치 등이 있지만, 이에 제한되지 않는다. 즉, 상기 프로그램은 상기 컴퓨터가 접속할 수 있는 다양한 서버 상의 다양한 기록매체 또는 사용자의 상기 컴퓨터상의 다양한 기록매체에 저장될 수 있다. 또한, 상기 매체는 네트워크로 연결된 컴퓨터 시스템에 분산되어, 분산방식으로 컴퓨터가 읽을 수 있는 코드가 저장될 수 있다.

본 발명의 실시예와 관련하여 설명된 방법 또는 알고리즘의 단계들은 하드웨어로 직접 구현되거나, 하드웨어에 의해 실행되는 소프트웨어 모듈로 구현되거나, 또는 이들의 결합에 의해 구현될 수 있다. 소프트웨어 모듈은 RAM(Random Access Memory), ROM(Read Only Memory), EPROM(Erasable Programmable ROM), EEPROM(Electrically Erasable Programmable ROM), 플래시 메모리(Flash Memory), 하드 디스크, 착탈형 디스크, CD-ROM, 또는 본 발명이 속하는 기술 분야에서 잘 알려진 임의의 형태의 컴퓨터 판독가능 기록매체에 상주할 수도 있다.

이상, 첨부된 도면을 참조로 하여 본 발명의 실시예를 설명하였지만, 본 발명이 속하는 기술분야의 통상의 기술자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로, 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며, 제한적이 아닌 것으로 이해해야만 한다.

1: 시스템
10: 레이아웃 디자인 장치
12: 통신부
14: 요소 획득부
16: 메모리
18: 제어부
20: 사용자 단말기
30: 통신망

Claims (10)

1. 장치에 의해 수행되는 방법에 있어서,
   적어도 하나의 제1 요소를 획득하는 단계;
   기 저장된 복수의 요소 중에서 상기 획득된 제1 요소 별로 매칭되는 제2 요소를 추출하는 단계;
   상기 제2 요소에 기초하여, 상기 획득된 제1 요소 별 크기를 변경하는 단계;
   기 저장된 복수의 템플릿 각각의 레이아웃을 분석하는 단계;
   상기 제1 요소의 개수 및 상기 제1 요소 별 변경된 크기에 기초하여, 복수의 레이아웃 중 적어도 하나의 추천 레이아웃을 추출하는 단계; 및
   상기 추출된 추천 레이아웃에 기초하여 사용자 맞춤 레이아웃 디자인을 생성하는 단계;를 포함하고,
   상기 제2 요소를 추출하는 단계는,
   상기 복수의 요소 중에서 상기 제1 요소와 동일한 요소가 있는 경우, 상기 동일한 요소를 상기 제2 요소로 추출하고,
   상기 복수의 요소 중에서 상기 제1 요소와 동일한 요소가 없는 경우, 상기 제1 요소의 제1 특성과 일치율이 기 설정된 제1 기준값보다 높은 제1 특성을 갖는 요소를 상기 제2 요소로 추출하고,
   상기 제1 요소의 제1 특성과 일치율이 상기 제1 기준값보다 높은 제1 특성을 갖는 요소가 없는 경우, 상기 제1 요소의 제2 특성과 일치율이 기 설정된 제2 기준값보다 높은 제2 특성을 갖는 요소를 상기 제2 요소로 추출하고,
   상기 제1 요소 별 크기를 변경하는 단계는,
   상기 제1 요소의 크기가 상기 제2 요소의 크기보다 작으면, 상기 제1 요소의 크기를 상기 제2 요소의 크기만큼 확장하여 변경하고, 상기 제1 요소의 크기가 상기 제2 요소의 크기보다 크면, 상기 제1 요소의 크기를 상기 제2 요소의 크기만큼 축소하여 변경하는,
   사용자 맞춤 레이아웃 디자인 방법.
2. 삭제
3. 삭제
4. 삭제
5. 제1항에 있어서,
   상기 기 저장된 복수의 템플릿 각각의 레이아웃을 분석하는 단계는,
   각각의 레이아웃 별로 영역의 개수 및 각 영역의 크기를 분석하는,
   사용자 맞춤 레이아웃 디자인 방법.
6. 제5항에 있어서,
   상기 복수의 레이아웃 중 적어도 하나의 추천 레이아웃을 추출하는 단계는,
   상기 영역의 개수가 상기 제1 요소의 개수와 동일하고, 크기 유사도에 기초하여 상기 영역과 상기 제1 요소가 일대일 매칭되는 레이아웃을 상기 추천 레이아웃으로 추출하는,
   사용자 맞춤 레이아웃 디자인 방법.
7. 제6항에 있어서,
   상기 제1 요소 별 변경된 크기 각각에 대해서, 상기 각 영역의 크기와의 크기 유사도를 각각 산출하고,
   각 제1 요소에 대해서 크기 유사도가 기 설정된 제3 기준값 이상으로 산출된 영역과 각각 매칭하는,
   사용자 맞춤 레이아웃 디자인 방법.
8. 제6항에 있어서,
   상기 추출된 추천 레이아웃에 기초하여 사용자 맞춤 레이아웃 디자인을 생성하는 단계는,
   상기 추천 레이아웃의 각 영역에 해당하는 위치에, 상기 추천 레이아웃의 각 영역에 일대일 매칭된 제1 요소를 정렬하여, 사용자 맞춤 레이아웃 디자인을 생성하는,
   사용자 맞춤 레이아웃 디자인 방법.
9. 통신부;
   적어도 하나의 제1 요소를 획득하는 요소 획득부;
   메모리; 및
   기 저장된 복수의 요소 중에서 상기 제1 요소 별로 매칭되는 제2 요소를 추출하고,
   상기 제2 요소에 기초하여, 상기 획득된 제1 요소 별 크기를 변경하고,
   기 저장된 복수의 템플릿 각각의 레이아웃을 분석하고,
   상기 제1 요소의 개수 및 상기 제1 요소 별 변경된 크기에 기초하여, 복수의 레이아웃 중 적어도 하나의 추천 레이아웃을 추출하고,
   상기 추출된 추천 레이아웃에 기초하여 사용자 맞춤 레이아웃 디자인을 생성하는 제어부;를 포함하고,
   상기 제어부는, 상기 제2 요소를 추출 시에,
   상기 복수의 요소 중에서 상기 제1 요소와 동일한 요소가 있는 경우, 상기 동일한 요소를 상기 제2 요소로 추출하고,
   상기 복수의 요소 중에서 상기 제1 요소와 동일한 요소가 없는 경우, 상기 제1 요소의 제1 특성과 일치율이 기 설정된 제1 기준값보다 높은 제1 특성을 갖는 요소를 상기 제2 요소로 추출하고,
   상기 제1 요소의 제1 특성과 일치율이 상기 제1 기준값보다 높은 제1 특성을 갖는 요소가 없는 경우, 상기 제1 요소의 제2 특성과 일치율이 기 설정된 제2 기준값보다 높은 제2 특성을 갖는 요소를 상기 제2 요소로 추출하고,
   상기 제어부는, 상기 제1 요소 별 크기를 변경 시에,
   상기 제1 요소의 크기가 상기 제2 요소의 크기보다 작으면, 상기 제1 요소의 크기를 상기 제2 요소의 크기만큼 확장하여 변경하고, 상기 제1 요소의 크기가 상기 제2 요소의 크기보다 크면, 상기 제1 요소의 크기를 상기 제2 요소의 크기만큼 축소하여 변경하는,
   사용자 맞춤 레이아웃 디자인 장치.
10. 하드웨어인 컴퓨터와 결합되어, 제1항, 제5항 내지 제8항 중 어느 한 항의 방법을 실행시키기 위한 프로그램이 저장된 기록매체.

Images