KR101379466B1 - 웹디자인 테마 검색방법 - Google Patents

웹디자인 테마 검색방법 Download PDF

Info

Publication number
KR101379466B1
KR101379466B1 KR1020120064513A KR20120064513A KR101379466B1 KR 101379466 B1 KR101379466 B1 KR 101379466B1 KR 1020120064513 A KR1020120064513 A KR 1020120064513A KR 20120064513 A KR20120064513 A KR 20120064513A KR 101379466 B1 KR101379466 B1 KR 101379466B1
Authority
KR
South Korea
Prior art keywords
web design
theme
web
design theme
selecting
Prior art date
Application number
KR1020120064513A
Other languages
English (en)
Other versions
KR20130141248A (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 KR1020120064513A priority Critical patent/KR101379466B1/ko
Publication of KR20130141248A publication Critical patent/KR20130141248A/ko
Application granted granted Critical
Publication of KR101379466B1 publication Critical patent/KR101379466B1/ko

Links

Images

Classifications

    • 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
    • G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services

Landscapes

  • Business, Economics & Management (AREA)
  • Tourism & Hospitality (AREA)
  • Health & Medical Sciences (AREA)
  • Economics (AREA)
  • General Health & Medical Sciences (AREA)
  • Human Resources & Organizations (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • Physics & Mathematics (AREA)
  • General Business, Economics & Management (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

수많은 웹디자인 테마 중에서 고객이 원하는 웹디자인 테마를 효율적으로 찾을 수 있도록 해주는 검색방법이 개시된다. 웹사이트를 구축하고자 하는 목적에 부합하는 용도, 기설정된 웹디자인의 레이아웃(layout), 상기 선택된 레이아웃에 관련되어 콘텐츠의 포함 정도를 나타내는 복잡도(complexity), 웹디자인 테마 고유의 컬러, 가로형 또는 세로형의 내비게이션 바의 위치, 및 웹디자인 테마의 구조 타입이 선택된 후, 각각 선택된 요소의 조합에 기초하여 웹디자인 테마 데이터베이스로부터 해당되는 웹디자인 테마를 추출한다.

Description

웹디자인 테마 검색방법{Method for searching web design theme}
본 발명은 웹디자인 테마 검색방법에 관한 것으로, 특히 수많은 웹디자인 테마 중에서 고객이 원하는 웹디자인 테마를 효율적으로 찾을 수 있도록 해주는 기술에 관련한다.
웹사이트(website)를 개발하기 위해서는 웹디자인이 필요하다. 대부분 웹사이트 구축시 만들어질 웹사이트의 디자인 시안을 먼저 고객에게 전달하고 승인을 받은 후 작업을 하는데, 디자인 시안이 한번에 통과되는 경우보다는 수차례 수정작업을 통해서 최종 디자인이 확정되는 경우가 일반적이다.　
이러한 과정상의 문제점을 해결하기 위해 전 세계적으로 웹사이트 디자인에 필요한 웹사이트 디자인을 미리 제작하여 판매하는 웹사이트 디자인 템플릿(template) 또는 테마 제공 서비스가 시행되고 있다.
그러나, 이러한 서비스에서 카테고리별, 예를 들어 컴퓨터, 패션, 또는 상점 등으로 분류하여 해당되는 템플릿이나 테마를 제공하고 있으나, 이러한 분류에도 해당 테마의 개수는 수천에서 수만 가지에 이르기 때문에 고객이 일일이 테마를 보고 고르는 것은 현실적으로 매우 어렵다.
한편, 현대의 인터넷 기술은 각종 검색, 특히 키워드와 관련된 이미지 검색도 제공하고 있으나, 유감스럽게도 웹디자인과 관련하여 고객이 원하는 테마를 검색하는데 있어서 단순 키워드 이외에는 제공되고 있지 않은 현실이다.
따라서, 검색결과 수천 내지 수만 가지의 테마 중에서 고객이 원하는 테마를 몇 개의 테마로 줄일 수 있다면 이는 고객의 시간을 줄임과 동시에 검색의 편의성을 제공할 수 있다.
따라서, 본 발명의 목적은 이와 같이, 제공되는 전체 웹디자인 테마 중에서 선택된 요소에 기초하여 필터링함으로써 원하는 웹디자인에 가장 근접한 테마를 신속하고 효율적으로 검색할 수 있는 웹디자인 테마 검색방법을 제공하는 것이다.
상기의 목적은, 네트워크에 다수의 컴퓨터 단말과 웹디자인 테마 데이터베이스를 구비한 검색 서버가 통신 가능하게 연결되어 구성된 시스템에 적용되며, 웹사이트를 구축하고자 하는 목적에 부합하는 용도가 선택되는 단계; 기설정된 웹디자인의 레이아웃(layout)이 제공되어 선택되는 단계; 상기 선택된 레이아웃에 관련되어, 콘텐츠의 포함 정도를 나타내는 복잡도(complexity)가 선택되는 단계; 웹디자인 테마 고유의 컬러가 선택되는 단계; 가로형 또는 세로형의 내비게이션 바의 위치가 선택되는 단계; 및 웹디자인 테마의 구조 타입이 선택되는 단계를 포함하며, 상기 각 단계에서 선택된 요소의 조합에 기초하여 상기 검색 서버는 상기 웹디자인 테마 데이터베이스로부터 해당되는 웹디자인 테마를 추출하여 상기 컴퓨터 단말에 제공하는 것을 특징으로 하는 웹디자인 테마 검색방법에 의해 달성된다.
바람직하게, 상기 웹사이트 용도 각각에 대해서는 상기 기설정된 웹디자인의 레이아웃 중 특정 레이아웃이 대응하여 연결된다.
바람직하게, 상기 검색 서버에 의해 추출된 웹디자인 테마는 상기 웹디자인 테마 데이터베이스에 최근에 등록된 순서대로 상기 컴퓨터 단말에 제공된다.
바람직하게, 상기 웹디자인 테마의 구조 타입은, 일반 컴퓨터 단말의 웹브라우저에서만 잘 보이는 테마인 데스크톱형; 각종 스마트폰 및 태블릿 기기에 최적화된 사이즈로 웹디자인을 출력할 수 있는 테마인 반응형(Responsive Web Design); 및 페이지 스크롤에 따라 다른 배경과 내용을 표현할 수 있는 테마인 패럴랙스(Parallax)를 포함한다.
상기의 구조에 의하면, 검색결과 수천 내지 수만 가지의 테마 중에서 고객이 원하는 테마를 적정한 개수의 테마로 줄일 수 있어 고객의 시간을 줄임과 동시에 검색의 편의성을 제공할 수 있다.
도 1은 본 발명의 일 실시 예에 따른 웹디자인 테마 검색방법을 설명하는 플로차트이다.
도 2는 본 발명에서 웹사이트 용도와 레이아웃의 검색 속성을 보여준다.
도 3은 레이아웃의 일 예를 나타낸다.
도 4는 본 발명에 적용되는 툴 바의 일 예를 나타낸다.
이하, 첨부한 도면을 참조하여 본 발명을 상세하게 설명한다.
도 1은 본 발명의 일 실시 예에 따른 웹디자인 테마 검색방법을 설명하는 플로차트이고, 도 2는 웹사이트 용도와 레이아웃의 검색 속성을 보여주며, 도 3은 레이아웃의 일 예를 나타낸다.
본 발명의 검색방법은 인터넷을 포함하는 네트워크에 다수의 컴퓨터 단말과 웹디자인 테마 데이터베이스를 구비한 검색 서버가 통신 가능하게 연결되어 구성된 시스템에서 이루어진다. 따라서, 검색을 위한 선택이나 입력 등은 웹 브라우저를 인터페이스로 하는 컴퓨터 단말에서 수행되고, 그에 대응하는 웹디자인 테마 데이터베이스의 검색은 검색 서버에서 수행된다.
본 발명자는 웹디자인 경험을 통하여 고객이 웹디자인의 테마를 선택하는 요소는 크게 웹사이트 용도, 레이아웃(layout), 컬러(color), 내비게이션 바(navigation bar) 위치, 및 테마 구조 타입을 포함한다는 것을 확인하였다.
먼저, 구축하고자 하는 웹사이트에 대응하는 용도를 선택한다(단계 S11). 웹사이트를 구축하고자 하는 목적에 부합하는 용도를 선택하는 과정으로, 도 2를 참조하면, 가령 회사소개, 매거진, 제품, 캠페인/프로모션, 포토그래프/패션 또는 병원이나 음식/식당 등이 미리 용도로 분류되어 설정될 수 있다.
상기에 열거한 웹사이트 용도는 일 예에 지나지 않으며, 다른 분류에 의해 설정된 용도가 제공되어 선택될 수 있다.
다음, 기설정된 웹디자인의 레이아웃(layout)이 제공되어 선택된다(단계 S12).
레이아웃은 통상 산업분류에 의해서 정해질 수 있지만, 지나치게 많은 개수로 분류되는 경우 오히려 선택이 곤란할 수 있다.
본 발명에 의한 경우, 도 3에 나타낸 것처럼, 레이아웃은 포트폴리오(portfolio), 비즈니스(business), 매거진(magazine), 웹 어플리케이션(web application), 및 푸드(food) 등의 스타일로 분류된다.
여기서, 각각의 웹사이트 용도에 대해서는 특정의 레이아웃이 대응하여 연결되는데, 가령 도 2를 참조하면, 웹사이트 용도인 '제품'에 대해서는 '웹 애플리케이션'과 '비즈니스'가 연결되고, '음식/식당'에 대해서는 '매거진'과 '푸드'가 연결된다.
이러한 대응관계는 일괄적으로 정해지는 것은 아니고, 보편적이고 상식적인 수준에서 미리 설정되는데, 검색의 효율을 향상시킨다는 점에서 적절한 대응관계의 설정이 필요하다.
이어, 선택된 레이아웃에 관련되어 복잡도(complexity)가 선택된다(단계 S13).
여기서, 복잡도는 웹디자인에서 서로 구별되는 콘텐츠를 포함하는 각 콘텐츠 박스의 개수에 대응하는 개념으로, 콘텐츠 박스의 개수(Grid 개수)가 가장 적은 레이아웃에서 가장 많은 레이아웃까지 선택될 수 있다.
바람직하게, 선택된 복잡도에 기초하여 웹디자인 테마 데이터베이스로부터 추출된 웹디자인 테마는, 가령 등록된 순서상 최근에 등록된 순서로 추출될 수 있다.
다음, 웹디자인 테마 고유의 컬러가 선택된다(단계 S14). 가령, 흰색 바탕에 청색 내비게이션 바를 구비한 컬러가 있을 수 있다.
웹디자인 테마의 컬러를 선택하지 않을 경우에는 모든 컬러를 지정할 수 있다.
이어, 내비게이션 바의 위치를 선택한다(단계 S15). 내비게이션 바의 위치는 가로형 또는 세로형이 있을 수 있다.
웹디자인 테마는 컴퓨터 단말의 화면에만 디스플레이되는 것이 아니고, 스마트폰이나 태블릿을 포함한 무선단말기의 화면에도 디스플레이된다. 따라서, 무선단말기의 화면 특성상 가로방향 또는 세로방향의 디스플레이가 전혀 다르기 때문에 내비게이션 바의 위치가 가로형이냐 세로형이냐는 매우 중요한 의미를 갖는다.
마지막으로, 웹디자인 테마의 구조 타입을 선택한다(단계 S16).
테마의 구조 타입은, 데스크톱형, 반응형 및 패럴랙스로 구분될 수 있다. 데스크톱형은 일반 컴퓨터 단말의 웹브라우저에서만 잘 보이는 테마이고, 반응형(Responsive Web Design)은 각종 스마트폰 및 태블릿 기기에 최적화된 사이즈로 웹디자인을 출력할 수 있는 테마를 말하며, 패럴랙스(Parallax)는 페이지 스크롤에 따라 다른 배경과 내용을 표현할 수 있는 테마를 말한다.
상기한 5가지 요소는 편의를 위하여 툴 바(tool bar)를 이용하여 선택할 수 있다.
도 4는 본 발명에 적용되는 툴 바의 일 예를 나타낸다.
웹사이트 용도선택 메뉴(10)는 드롭-다운 방식으로 웹사이트 용도를 열거하여 웹사이트를 구축하고자 하는 목적에 부합하는 용도가 선택되도록 한다. 웹사이트 용도선택 메뉴(10)를 통하여 용도가 선택되면, 선택된 용도에 대응하는 레이아웃이 도 3과 같이 표시된다.
내비게이션 바 위치선택 메뉴(20)는 가로형(22)과 세로형(24)을 각각 선택적으로 토글하여 선택할 수 있다.
복잡도 선택메뉴(30)는 2개의 버튼(32, 36)과 스크롤 바(34)로 이루어지는데, 버튼(32)을 선택하는 경우 콘텐츠 박스의 개수가 최소인 레이아웃이 표시되고 버튼(36)을 선택하는 경우 콘텐츠 박스의 개수가 최대인 레이아웃이 표시된다.
이들 사이에서, 스크롤 바(34)를 이동하여 적절한 개수의 콘텐츠 박스를 포함하는 레이아웃이 표시되도록 한다.
웹디자인 컬러선택 메뉴(40)는 모든 컬러를 선택하는 버튼(42)과 각 컬러에 대응하는 버튼(44)으로 구성된다.
또한, 테마 구조 타입선택 메뉴(50)는 드롭-다운 방식으로, 상기한 것처럼, 데스크톱형, 반응형 및 패럴랙스 중 어느 하나를 선택하도록 한다.
도 4의 툴 바를 이용하여 선택요소가 확정되면, 확정된 선택요소가 상호 교차하여 충족된 웹디자인 테마가 웹디자인 테마 데이터베이스로부터 추출되며, 고객은 추출된 웹디자인 테마 중에서 최적의 웹디자인 테마를 선택할 수 있다.
이와 같이, 웹디자인에 필요한, 가령 5가지의 요소를 사전에 설정하여 수만 가지에 이르는 전체 웹디자인 테마 중에서 해당하는 웹디자인을 필터링함으로써 원하는 웹디자인에 가장 근접한 테마를 신속하고 효율적으로 검색할 수 있다.
이상에서는 본 발명의 실시 예를 중심으로 설명하였지만, 당업자의 수준에서 다양한 변경을 가할 수 있음은 물론이다. 따라서, 본 발명의 권리범위는 상기한 실시 예에 한정되어 해석될 수 없으며, 이하에 기재되는 특허청구범위에 의해 해석되어야 한다.
10: 웹사이트 용도선택 메뉴
20: 내비게이션 바 위치선택 메뉴
30: 복잡도 선택메뉴
40: 웹디자인 컬러선택 메뉴
50: 테마 구조 타입선택 메뉴

Claims (4)

  1. 네트워크에 다수의 단말과 웹디자인 테마 데이터베이스를 구비한 검색 서버가 통신 가능하게 연결되어 구성된 시스템에 적용되며,
    웹사이트를 구축하고자 하는 목적에 부합하는 용도가 선택되는 단계;
    상기 선택된 용도에 대응하여 기설정된 웹디자인의 레이아웃(layout)이 제공되어 선택되는 단계;
    상기 선택된 레이아웃에 관련되어, 콘텐츠의 포함 정도를 나타내는 복잡도(complexity)가 선택되는 단계;
    웹디자인 테마 고유의 컬러가 선택되는 단계;
    상기 단말의 화면 특성에 대응하여 가로형 또는 세로형의 내비게이션 바의 위치가 선택되는 단계; 및
    상기 단말의 종류에 대응하여 웹디자인 테마의 구조 타입이 선택되는 단계를 포함하며,
    상기 각 단계에서 선택된 요소의 조합에 기초하여 상기 검색 서버는 상기 웹디자인 테마 데이터베이스로부터 해당되는 웹디자인 테마를 추출하여 상기 단말에 제공하는 것을 특징으로 하는 웹디자인 테마 검색방법.
  2. 청구항 1에 있어서,
    상기 각 단계에서 해당 요소의 선택은 상기 단말에 제공되는 툴 바(tool bar)를 이용하여 수행되는 것을 특징으로 하는 웹디자인 테마 검색방법.
  3. 청구항 1에 있어서,
    상기 검색 서버에 의해 추출된 웹디자인 테마는 상기 웹디자인 테마 데이터베이스에 최근에 등록된 순서대로 상기 단말에 제공되는 것을 특징으로 하는 웹디자인 테마 검색방법.
  4. 청구항 1에 있어서,
    상기 웹디자인 테마의 구조 타입은,
    일반 컴퓨터 단말의 웹브라우저에서만 잘 보이는 테마인 데스크톱형;
    각종 스마트폰 및 태블릿 기기에 최적화된 사이즈로 웹디자인을 출력할 수 있는 테마인 반응형(Responsive Web Design); 및
    페이지 스크롤에 따라 다른 배경과 내용을 표현할 수 있는 테마인 패럴랙스(Parallax)를 포함하는 것을 특징으로 하는 웹디자인 테마 검색방법.

KR1020120064513A 2012-06-15 2012-06-15 웹디자인 테마 검색방법 KR101379466B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020120064513A KR101379466B1 (ko) 2012-06-15 2012-06-15 웹디자인 테마 검색방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020120064513A KR101379466B1 (ko) 2012-06-15 2012-06-15 웹디자인 테마 검색방법

Publications (2)

Publication Number Publication Date
KR20130141248A KR20130141248A (ko) 2013-12-26
KR101379466B1 true KR101379466B1 (ko) 2014-04-01

Family

ID=49985436

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020120064513A KR101379466B1 (ko) 2012-06-15 2012-06-15 웹디자인 테마 검색방법

Country Status (1)

Country Link
KR (1) KR101379466B1 (ko)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101884648B1 (ko) * 2017-09-05 2018-08-02 주식회사 디앤디랩 스케치 화면 생성을 통한 웹 사이트 개발 방법, 이를 이용한 장치 및 컴퓨터-판독가능 매체

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR19990083933A (ko) * 1999-09-01 1999-12-06 윤정필 웹키오스크를 이용한 홈페이지 자동 구축시스템 및 그방법
KR20020069895A (ko) * 2001-02-28 2002-09-05 신하균 웹공간에서 제공되는 홈페이지 시스템
KR20030095546A (ko) * 2002-06-12 2003-12-24 (주)아이비솔루션 웹모듈을 이용한 웹페이지 및 웹사이트 구축방법
KR20060014233A (ko) * 2004-08-10 2006-02-15 김광영 웹디자인 자동생성 방법

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR19990083933A (ko) * 1999-09-01 1999-12-06 윤정필 웹키오스크를 이용한 홈페이지 자동 구축시스템 및 그방법
KR20020069895A (ko) * 2001-02-28 2002-09-05 신하균 웹공간에서 제공되는 홈페이지 시스템
KR20030095546A (ko) * 2002-06-12 2003-12-24 (주)아이비솔루션 웹모듈을 이용한 웹페이지 및 웹사이트 구축방법
KR20060014233A (ko) * 2004-08-10 2006-02-15 김광영 웹디자인 자동생성 방법

Also Published As

Publication number Publication date
KR20130141248A (ko) 2013-12-26

Similar Documents

Publication Publication Date Title
CN107085574B (zh) 一种页面数据处理方法及服务器
CN107977405A (zh) 数据排序方法、数据排序装置、电子设备及可读存储介质
JP6031535B2 (ja) 多様な形態のカードを利用してサイトの製作を支援するサイト管理方法およびシステム
US9513784B2 (en) Method and device of controlling input for input boxes
WO2017080007A1 (zh) 一种识别码智能分析处理***及其处理方法
TWI525456B (zh) Choose font, font determination, recommendation, generation method and device
AU2013374725B2 (en) Display control apparatus and program
CN107678637A (zh) 切换选项卡的方法、设备、浏览器和电子设备
US20140365279A1 (en) Information management device, information management method, and non-transitory storage medium
KR101379466B1 (ko) 웹디자인 테마 검색방법
CN104951477B (zh) 用于过滤数据的方法和装置
CN103853347B (zh) 基于移动终端重力感应横屏显示的信息发布方法
CN105653060A (zh) 一种多功能地址输入方法
US8775385B2 (en) Techniques to modify file descriptors for content files
WO2012101700A1 (ja) ＵＩ（User Interface）作成支援装置、ＵＩ作成支援方法及びプログラム
KR102242242B1 (ko) 의류 색상 정보를 이용한 조합 의류 색상 정보 제공 방법 및 장치
JP6002328B2 (ja) 検索システム、検索プログラム、および検索条件入力方法
US11392762B2 (en) Technologies for managing dynamic design templates
KR101332669B1 (ko) 브라우저 자원을 활용한 적층형 홈페이지 제작 방법
CN112988958A (zh) 信息处理装置、记录媒体及信息处理方法
JP5096997B2 (ja) 類似配色生成装置、類似配色生成方法、類似配色生成プログラム
JP2016181045A (ja) 書籍データ閲覧プログラム、書籍データ閲覧方法および情報処理装置
TW201702913A (zh) 自訂圖片樣版系統
US11615238B2 (en) Technologies for modifying design templates across online services
JP5851574B2 (ja) 施設情報提供装置、施設情報提供方法および施設情報提供用プログラム

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
FPAY Annual fee payment
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20170626

Year of fee payment: 4

LAPS Lapse due to unpaid annual fee