KR102417152B1

KR102417152B1 - 디자인 정보 제공 방법

Info

Publication number: KR102417152B1
Application number: KR1020210019662A
Authority: KR
Inventors: 오승우
Original assignee: (주)클로버추얼패션
Priority date: 2019-12-20
Filing date: 2021-02-15
Publication date: 2022-07-06
Also published as: US11625877B2; US20220358700A1; CN113010928A; KR20220097865A; US11417039B2; KR102600651B1; US20210192814A1; KR20210080285A

Abstract

본 개시의 일 실시예에 따라 컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램이 개시된다. 상기 컴퓨터 프로그램은 컴퓨팅 장치의 하나 이상의 프로세서에서 실행되는 경우 디자인 정보를 표시하는 사용자 인터페이스(UI)를 제공하며, 상기 사용자 인터페이스는: 디자인 이미지를 포함하고, 선택 레이어에서의 사용자 선택 입력에 응답하여, 상기 사용자 선택 입력에 대응되는 하나 이상의 영역에서의 시각적 표현을 상기 디자인 이미지 상에 표시하는, 디자인 이미지 레이어; 및 상기 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 포함하고, 상기 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 상기 선택 레이어를 포함할 수 있다.

Description

디자인 정보 제공 방법{METHOD TO PROVIDE DESIGN INFORMATION}

본 발명은 디자인 정보를 제공하기 위한 것으로, 보다 구체적으로 디자인 정보를 표시하는 사용자 인터페이스를 제공하는 방법에 관한 것이다.

기존 의류 제작 업계에서는 디자인 작업에 따른 의류 데이터를 전달하기 위해서, 수기로 필요한 내용을 작성하거나, 또는 실물 샘플(예를 들어, 패브릭, 부자재 등)을 직접 전달하는 형태로 작업이 수행되었다. 실물 샘플을 오프라인을 통해 전달하는 경우, 시간이 오래 걸리는 문제가 존재하며, 온라인을 통해 사진 등을 전송하는 경우에는 정확한 정보 전달이 어렵다는 문제가 존재하였다.

최근 산업이 발달하면서 오프라인 상의 데이터를 디지털화 하는 작업이 이루어지고 있으며 이러한 산업 발전 추세에 대응하여 의류 업계에서도 디자인 데이터들을 디지털화 하고자 하는 요구가 존재하고 있다.

디지털화 된 디자인 데이터를 사용자에게 제공하는 경우, 사용자가 직관적으로 사용자 인터페이스 상의 데이터를 이해하고, 그에 대한 조작을 수행할 수 있도록 하는 것이 중요할 수 있다. 이에 따라 사용자의 조작성 및 편의성을 향상시키기 위한 사용자 인터페이스에 대한 당업계의 요구가 존재한다.

대한민국 공개특허 제10-2019-0131268호는 패션 디자인 커스터마이징 시스템을 제공한다.

본 개시는 전술한 배경기술에 대응하여 안출된 것으로, 의류 정보를 표시하는 방법을 제공하는 것을 목적으로 한다.

전술한 바와 같은 과제를 실현하기 위한 본 개시의 일 실시예에 따라, 컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램이 개시된다. 상기 컴퓨터 프로그램은 컴퓨팅 장치의 하나 이상의 프로세서에서 실행되는 경우 사용자 선택 기반 디자인 정보를 표시하는 사용자 인터페이스(UI)를 제공하며, 상기 사용자 인터페이스는: 디자인 이미지를 포함하고, 선택 레이어에서의 사용자 선택 입력에 응답하여, 상기 사용자 선택 입력에 대응되는 하나 이상의 영역에서의 시각적 표현을 상기 디자인 이미지 상에 표시하는, 디자인 이미지 레이어; 및 상기 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 포함하고, 상기 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 상기 선택 레이어를 포함할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 디자인 이미지 레이어와 상기 선택 레이어는 상이한 레이어이고, 그리고 상기 선택 레이어는 사용자 입력에 응답하여 상기 디자인 이미지 레이어와 독립적으로 이동될 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 선택 레이어에 포함된 적어도 일부의 영역은, 투명도가 사전 결정된 임계 값 이상으로 설정되어 표시될 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 선택 레이어는: 하나 이상의 카테고리 객체를 포함하고 그리고 카테고리 객체에 대한 사용자 선택 입력을 허용하는 카테고리 영역; 및 상기 사용자 선택 입력에 따른 카테고리 객체에 대응되는 하나 이상의 디자인 데이터를 표시하는 디자인 데이터 영역을 포함할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 선택 레이어에 포함된 상기 카테고리 영역과 상기 디자인 데이터 영역은 나란히 배치될 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 카테고리 객체는, 패턴 카테고리 객체, 소재 카테고리 객체, 부자재 카테고리 객체 또는 치수 카테고리 객체 중 적어도 하나를 포함할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 디자인 데이터 영역은, 상기 하나 이상의 디자인 데이터를 식별하는 식별 데이터 또는 상기 하나 이상의 디자인 데이터를 설명하는 설명 데이터 중 적어도 하나를 표시할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 설명 데이터는 상기 디자인 데이터를 설명하는 이미지 또는 문자 중 적어도 하나와 관련된 객체일 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 시각적 표현은: 상기 디자인 이미지 상에서 상기 디자인 데이터를 식별하는 식별 데이터; 또는 상기 디자인 이미지 상에서 상기 디자인 데이터에 대응되는 영역을 표시하는 서브(sub) 디자인 이미지 데이터 중 적어도 하나를 포함할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 디자인 이미지 레이어에 포함된 상기 디자인 이미지 상에서의 식별 데이터 및 상기 선택 레이어에 포함된 식별 데이터는 대응되는 시각적 표현을 포함하는 객체일 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 시각적 표현은, 상기 사용자 선택 입력에 대응하는 상기 디자인 이미지의 하나 이상의 영역과 상기 디자인 이미지의 다른 영역을 구별하여 표시할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 시각적 표현은, 상기 디자인 이미지의 다른 영역에 대한 투명도를 높여서 표시함으로써, 상기 하나 이상의 영역과 상기 다른 영역을 시각적으로 구별할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 시각적 표현은, 상기 사용자 선택 입력에 대응되는 상기 디자인 이미지의 하나 이상의 영역의 외곽선을 표시함으로써, 상기 하나 이상의 영역과 상기 다른 영역을 시각적으로 구별할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 시각적 표현은, 상기 사용자 선택 입력에 대응되는 상기 디자인 이미지의 하나 이상의 영역의 색상을 다른 영역과 구별되는 색상으로 표시함으로써, 상기 하나 이상의 영역과 상기 다른 영역을 시각적으로 구별할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 사용자 인터페이스는, 상기 디자인 이미지 또는 상기 디자인 데이터 중 적어도 하나에 대한 사용자 어노테이션 입력을 허용하기 위하여 어노테이션 레이어를 더 포함할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 어노테이션 레이어는, 하나 이상의 어노테이션 종류에 대한 사용자 선택 입력을 허용하는 하나 이상의 어노테이션 객체를 포함할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 디자인 이미지 레이어 또는 상기 선택 레이어 중 적어도 하나는: 상기 어노테이션 레이어에 포함된 어노테이션 객체 및 상기 어노테이션 객체를 표시하는 상기 위치에 대한 사용자 입력에 응답하여, 상기 위치에 표시된 상기 어노테이션 객체를 더 포함할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 디자인 이미지 레이어 또는 상기 선택 레이어 중 적어도 하나는: 상기 사용자 어노테이션 입력에 대응되도록 변경된 상기 하나 이상의 디자인 데이터 또는 상기 디자인 이미지 중 적어도 하나를 포함할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 디자인 이미지는 3차원의 이미지이고, 그리고 상기 디자인 이미지 레이어는: 상기 디자인 이미지에 대한 사용자 조정 입력에 응답하여 상기 디자인 이미지가 표시되는 위치, 각도 또는 크기 중 적어도 하나가 조정된 디자인 이미지를 더 포함할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 사용자 인터페이스는: 상기 디자인 이미지에 관한 특징을 변경하는 사용자 선택 입력을 허용하는 디자인 이미지 변경 레이어를 더 포함하고, 그리고 상기 디자인 이미지 레이어는: 상기 이미지 변경 레이어에서의 사용자 선택 입력에 응답하여 특징이 변경된 디자인 이미지를 더 포함할 수 있다.

사용자 인터페이스의 대안적인 실시예에서, 상기 디자인 이미지 레이어는, 사용자 선택 입력을 허용하는 하나 이상의 디자인 이미지 서브 객체를 포함하는 상기 디자인 이미지를 포함하고, 그리고 상기 선택 레이어는, 상기 디자인 이미지 서브 객체에 관한 사용자 선택 입력에 응답하여, 상기 디자인 이미지 서브 객체에 관한 사용자 선택 입력에 대응되는 하나 이상의 디자인 데이터에 관한 시각적 표현을 상기 디자인 데이터 상에 표시할 수 있다.사용자 인터페이스의 대안적인 실시예에서, 상기 선택 레이어는, 상기 하나 이상의 디자인 데이터 중 매칭된 어노테이션이 있는 디자인 데이터와 매칭된 어노테이션이 없는 디자인 데이터를 상이하게 표시할 수 있다.

전술한 바와 같은 과제를 실현하기 위한 본 개시의 일 실시예에 따라, 사용자 단말에서 사용자 선택 기반 디자인 정보를 제공하는 방법이 개시된다. 상기 방법은 디자인 이미지 및 상기 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 표시하는 단계; 상기 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 선택 레이어를 표시하는 단계; 및 상기 선택 레이어에서의 사용자 선택 입력에 응답하여, 상기 사용자 선택 입력에 대응되는 하나 이상의 영역에서의 시각적 표현을 상기 디자인 이미지 상에 표시하는 단계를 포함할 수 있다.

전술한 바와 같은 과제를 실현하기 위한 본 개시의 일 실시예에 따라, 사용자 단말이 개시된다. 상기 사용자 단말은 하나 이상의 코어를 포함하는 프로세서; 메모리; 및 사용자 인터페이스를 제공하는 출력부를 포함할 수 있다. 상기 사용자 인터페이스는, 디자인 이미지 및 상기 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 표시하고, 상기 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 선택 레이어를 표시하고, 그리고 상기 선택 레이어에서의 사용자 선택 입력에 응답하여, 상기 사용자 선택 입력에 대응되는 하나 이상의 영역에서의 시각적 표현을 상기 디자인 이미지 상에 표시할 수 있다.

전술한 바와 같은 과제를 실현하기 위한 본 개시의 일 실시예에 따라, 서버가 개시된다. 상기 서버는 하나 이상의 코어를 포함하는 프로세서; 네트워크부; 및 메모리를 포함할 수 있다. 상기 프로세서는 상기 네트워크부를 통해 사용자 단말로 사용자 인터페이스(UI)를 전송할 것을 결정하며, 상기 사용자 인터페이스는: 디자인 이미지 및 상기 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 표시하고, 상기 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 선택 레이어를 표시하고, 그리고 상기 선택 레이어에서의 사용자 선택 입력에 응답하여, 상기 사용자 선택 입력에 대응되는 하나 이상의 영역에서의 시각적 표현을 상기 디자인 이미지 상에 표시할 수 있다.

본 개시는 사용자 선택 기반 디자인 정보를 표시하는 사용자 인터페이스를 제공할 수 있다.

도 1은 본 개시의 일 실시예에 따라 디자인 정보를 표시하는 사용자 인터페이스를 제공하기 위한 동작을 수행하는 컴퓨팅 장치의 블록 구성도를 도시한 도면이다.
도 2는 본 개시의 일 실시예에 따라 디자인 정보를 표시하는 사용자 인터페이스를 예시적으로 도시한 도면이다.
도 3은 본 개시의 일 실시예에 따라 디자인 정보를 표시하는 사용자 인터페이스를 예시적으로 도시한 도면이다.
도 4는 본 개시의 일 실시예에 따라 디자인 정보를 표시하는 사용자 인터페이스를 예시적으로 도시한 도면이다.
도 5는 본 개시의 일 실시예에 따라 디자인 정보를 표시하는 사용자 인터페이스를 제공하기 위한 순서도이다.
도 6은 본 개시의 일 실시예에 따른 컴퓨팅 장치의 블록 구성도이다.

다양한 실시예들이 이제 도면을 참조하여 설명된다. 본 명세서에서, 다양한 설명들이 본 개시의 이해를 제공하기 위해서 제시된다. 그러나, 이러한 실시예들은 이러한 구체적인 설명 없이도 실행될 수 있음이 명백하다.

본 명세서에서 사용되는 용어 "컴포넌트", "모듈", "시스템" 등은 컴퓨터-관련 엔티티, 하드웨어, 펌웨어, 소프트웨어, 소프트웨어 및 하드웨어의 조합, 또는 소프트웨어의 실행을 지칭한다. 예를 들어, 컴포넌트는 프로세서상에서 실행되는 처리과정(procedure), 프로세서, 객체, 실행 스레드, 프로그램, 및/또는 컴퓨터일 수 있지만, 이들로 제한되는 것은 아니다. 예를 들어, 컴퓨팅 장치에서 실행되는 애플리케이션 및 컴퓨팅 장치 모두 컴포넌트일 수 있다. 하나 이상의 컴포넌트는 프로세서 및/또는 실행 스레드 내에 상주할 수 있다. 일 컴포넌트는 하나의 컴퓨터 내에 로컬화 될 수 있다. 일 컴포넌트는 2개 이상의 컴퓨터들 사이에 분배될 수 있다. 또한, 이러한 컴포넌트들은 그 내부에 저장된 다양한 데이터 구조들을 갖는 다양한 컴퓨터 판독가능한 매체로부터 실행할 수 있다. 컴포넌트들은 예를 들어 하나 이상의 데이터 패킷들을 갖는 신호(예를 들면, 로컬 시스템, 분산 시스템에서 다른 컴포넌트와 상호작용하는 하나의 컴포넌트로부터의 데이터 및/또는 신호를 통해 다른 시스템과 인터넷과 같은 네트워크를 통해 전송되는 데이터)에 따라 로컬 및/또는 원격 처리들을 통해 통신할 수 있다.

더불어, 용어 "또는"은 배타적 "또는"이 아니라 내포적 "또는"을 의미하는 것으로 의도된다. 즉, 달리 특정되지 않거나 문맥상 명확하지 않은 경우에, "X는 A 또는 B를 이용한다"는 자연적인 내포적 치환 중 하나를 의미하는 것으로 의도된다. 즉, X가 A를 이용하거나; X가 B를 이용하거나; 또는 X가 A 및 B 모두를 이용하는 경우, "X는 A 또는 B를 이용한다"가 이들 경우들 어느 것으로도 적용될 수 있다. 또한, 본 명세서에 사용된 "및/또는"이라는 용어는 열거된 관련 아이템들 중 하나 이상의 아이템의 가능한 모든 조합을 지칭하고 포함하는 것으로 이해되어야 한다.

또한, "포함한다" 및/또는 "포함하는"이라는 용어는, 해당 특징 및/또는 구성요소가 존재함을 의미하는 것으로 이해되어야 한다. 다만, "포함한다" 및/또는 "포함하는"이라는 용어는, 하나 이상의 다른 특징, 구성요소 및/또는 이들의 그룹의 존재 또는 추가를 배제하지 않는 것으로 이해되어야 한다. 또한, 달리 특정되지 않거나 단수 형태를 지시하는 것으로 문맥상 명확하지 않은 경우에, 본 명세서와 청구범위에서 단수는 일반적으로 "하나 또는 그 이상"을 의미하는 것으로 해석되어야 한다.

또한, "이상" 및/또는 "미만"은, "초과" 및/또는 "이하"로 해석될 수 있으며, 그 반대의 해석도 가능할 수 있다.

당업자들은 추가적으로 여기서 개시된 실시예들과 관련되어 설명된 다양한 예시 적 논리적 블록들, 구성들, 모듈들, 회로들, 수단들, 로직들, 및 알고리즘 단계들이 전자 하드웨어, 컴퓨터 소프트웨어, 또는 양쪽 모두의 조합들로 구현될 수 있음을 인식해야 한다. 하드웨어 및 소프트웨어의 상호교환성을 명백하게 예시하기 위해, 다양한 예시 적 컴포넌트들, 블록들, 구성들, 수단들, 로직들, 모듈들, 회로들, 및 단계들은 그들의 기능성 측면에서 일반적으로 위에서 설명되었다. 그러한 기능성이 하드웨어로 또는 소프트웨어로서 구현되는지 여부는 전반적인 시스템에 부과된 특정 어플리케이션(application) 및 설계 제한들에 달려 있다. 숙련된 기술자들은 각각의 특정 어플리케이션들을 위해 다양한 방법들로 설명된 기능성을 구현할 수 있다. 다만, 그러한 구현의 결정들이 본 개시내용의 영역을 벗어나게 하는 것으로 해석되어서는 안된다.

제시된 실시예들에 대한 설명은 본 개시의 기술 분야에서 통상의 지식을 가진 자가 본 발명을 이용하거나 또는 실시할 수 있도록 제공된다. 이러한 실시예들에 대한 다양한 변형들은 본 개시의 기술 분야에서 통상의 지식을 가진 자에게 명백할 것이다. 여기에 정의된 일반적인 원리들은 본 개시의 범위를 벗어남이 없이 다른 실시예들에 적용될 수 있다. 그리하여, 본 발명은 여기에 제시된 실시예들로 한정되는 것이 아니다. 본 발명은 여기에 제시된 원리들 및 신규한 특징들과 일관되는 최광의의 범위에서 해석되어야 할 것이다.

도 1은 본 개시의 일 실시예에 따라 디자인 정보를 표시하는 사용자 인터페이스를 제공하기 위한 동작을 수행하는 컴퓨팅 장치의 블록 구성도를 도시한 도면이다.

본 개시의 일 실시예에 따른 디자인 정보를 표시하는 사용자 인터페이스를 제공하기 위한 동작을 수행하는 컴퓨팅 장치(100)는 네트워크부(110), 프로세서(120), 메모리(130), 출력부(140) 및 입력부(150)를 포함할 수 있다.

본 개시의 실시예들에 따른 컴퓨팅 장치(100)는 PC(personal computer), 노트북(note book), 모바일 단말기(mobile terminal), 스마트 폰(smart phone), 태블릿 PC(tablet pc) 등을 포함할 수 있으며, 유/무선 네트워크에 접속할 수 있는 모든 종류의 단말을 포함할 수 있다.

네트워크부(110)는 본 개시의 일 실시예에 따른 디자인 정보를 표시하는 사용자 인터페이스를 제공하기 위한 데이터 등을 다른 컴퓨팅 장치, 서버 등과 송수신할 수 있다.

본 개시의 일 실시예에 따른 네트워크부(110)는 근거리(단거리), 원거리, 유선 및 무선 등과 같은 현재 사용 및 구현되는 임의의 형태의 유무선 통신 기술에 기반하여 동작할 수 있다.

본 개시의 일 실시예에 따른 프로세서(120)는 하나 이상의 코어로 구성될 수 있으며, 컴퓨팅 장치의 중앙 처리 장치(CPU: central processing unit), 범용 그래픽 처리 장치(GPGPU: general purpose graphics processing unit), 텐서 처리 장치(TPU: tensor processing unit) 등의 디자인 정보를 표시하는 사용자 인터페이스를 제공하기 위한 프로세서를 포함할 수 있다. 프로세서(120)는 메모리(130)에 저장된 컴퓨터 프로그램을 판독하여 본 개시의 일 실시예에 따른 디자인 정보를 표시하는 사용자 인터페이스를 제공할 수 있다. 프로세서(120)의 CPU, GPGPU, 및 TPU 중 적어도 하나가 디자인 정보를 표시하는 사용자 인터페이스를 제공하거나 또는 생성할 수 있다. 예를 들어, CPU 와 GPGPU가 함께 디자인 정보를 표시하는 사용자 인터페이스를 제공할 수 있다. 또한, 본 개시의 일 실시예에서 복수의 컴퓨팅 장치의 프로세서를 함께 사용하여 디자인 정보를 표시하는 사용자 인터페이스를 제공할 수 있다. 또한, 본 개시의 일 실시예에 따른 컴퓨팅 장치에서 수행되는 컴퓨터 프로그램은 CPU, GPGPU 또는 TPU 실행가능 프로그램일 수 있다.

본 개시의 일 실시예에 따른 메모리(130)는 프로세서(120)가 생성하거나 결정한 임의의 형태의 정보 및 네트워크부(110)가 수신한 임의의 형태의 정보를 저장할 수 있다.

본 개시의 일 실시예에 따르면, 메모리(130)는 플래시 메모리 타입(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), 자기 메모리, 자기 디스크, 광디스크 중 적어도 하나의 타입의 저장매체를 포함할 수 있다. 컴퓨팅 장치(100)는 인터넷(internet) 상에서 상기 메모리(130)의 저장 기능을 수행하는 웹 스토리지(web storage)와 관련되어 동작할 수도 있다. 전술한 메모리에 대한 기재는 예시일 뿐, 본 개시는 이에 제한되지 않는다.

본 개시의 일 실시예에 따른 출력부(140)는 사용자 선택 기반 디자인 정보를 제공하기 위한 임의의 사용자 인터페이스(UI, user interface)를 표시할 수 있다. 출력부(140)는 도 2 내지 도 4에 도시된 바와 같은 사용자 인터페이스를 표시할 수 있다. 이하에서 도시되고 그리고 후술되는 사용자 인터페이스들은 예시일 뿐, 본 개시는 이에 제한되지 않는다.

본 개시의 일 실시예에 따른 출력부(140)는 프로세서(120)가 생성하거나 결정한 임의의 형태의 정보 및 네트워크부(110)가 수신한 임의의 형태의 정보를 출력할 수 있다.

본 개시의 일 실시예에서 출력부(140)는 액정 디스플레이(liquid crystal display, LCD), 박막 트랜지스터 액정 디스플레이(thin film transistor-liquid crystal display, TFT LCD), 유기 발광 다이오드(organic light-emitting diode, OLED), 플렉시블 디스플레이(flexible display), 3차원 디스플레이(3D display) 중에서 적어도 하나를 포함할 수 있다. 이들 중 일부 디스플레이 모듈은 그를 통해 외부를 볼 수 있도록 투명형 또는 광투과형으로 구성될 수 있다. 이는 투명 디스플레이 모듈이라 지칭될 수 있는데, 상기 투명 디스플레이 모듈의 대표적인 예로는 TOLED(Transparant OLED) 등이 있다.

본 개시의 일 실시예에 따른 입력부(150)를 통해 사용자 입력을 수신할 수 있다. 본 개시의 일 실시예에 따른 입력부(150)는 사용자 입력을 수신 받기 위한 키 및/또는 버튼들을 구비할 수 있다. 입력부(150)를 통한 사용자 입력에 따라 본 개시의 실시예들에 따른 사용자 선택 기반 디자인 정보를 제공하기 위한 컴퓨터 프로그램이 실행될 수 있다.

본 개시의 실시예들에 따른 입력부(150)는 사용자의 버튼 조작 또는 터치 입력을 감지하여 신호를 수신하거나, 카메라 또는 마이크로폰을 통하여 사용자 등의 음성 또는 동작을 수신하여 이를 입력 신호로 변환할 수도 있다. 이를 위해 음성 인식(Speech Recognition) 기술 또는 동작 인식(Motion Recognition) 기술들이 사용될 수 있다.

본 개시의 실시예들에 따른 입력부(150)는 컴퓨팅 장치(100)와 연결된 외부 입력 장비로서 구현될 수도 있다. 예를 들어, 입력 장비는 사용자 입력을 수신하기 위한 터치 패드, 터치 펜, 키보드 또는 마우스 중 적어도 하나일 수 있으나, 이는 예시일 뿐이며 본 개시는 이에 제한되는 것은 아니다.

본 개시의 일 실시예에 따른 입력부(150)는 사용자 터치 입력을 인식할 수 있다. 본 개시의 일 실시예에 따른 입력부(150)는 출력부(140)와 동일한 구성일 수도 있다. 입력부(150)는 사용자의 선택 입력을 수신하도록 구현되는 터치 스크린으로 구성될 수 있다. 터치 스크린은 접촉식 정전용량 방식, 적외선 광 감지 방식, 표면 초음파(SAW) 방식, 압전 방식, 저항막 방식 중 어느 하나의 방식이 사용될 수 있다. 전술한 터치 스크린에 대한 자세한 기재는 본 발명의 일 실시예에 따른 예시일 뿐이며, 다양한 터치 스크린 패널이 컴퓨팅 장치(100)에 채용될 수 있다. 터치 스크린으로 구성된 입력부(150)는 터치 센서를 포함할 수 있다. 터치 센서는 입력부(150)의 특정 부위에 가해진 압력 또는 입력부(150)의 특정 부위에 발생하는 정전 용량 등의 변화를 전기적인 입력신호로 변환하도록 구성될 수 있다. 터치 센서는 터치 되는 위치 및 면적 뿐만 아니라, 터치 시의 압력까지도 검출할 수 있도록 구성될 수 있다. 터치 센서에 대한 터치 입력이 있는 경우, 그에 대응하는 신호(들)는 터치 제어기로 보내진다. 터치 제어기는 그 신호(들)를 처리한 다음 대응하는 데이터를 프로세서(120)로 전송한다. 이로써, 프로세서(120)는 입력부(150)의 어느 영역이 터치 되었는지 여부 등을 인식할 수 있게 된다.

본 개시의 일 실시예에서 서버는 서버의 서버 환경을 수행하기 위한 다른 구성들이 포함될 수도 있다. 서버는 임의의 형태의 장치는 모두 포함할 수 있다. 서버는 디지털 기기로서, 랩탑 컴퓨터, 노트북 컴퓨터, 데스크톱 컴퓨터, 웹 패드, 이동 전화기와 같이 프로세서를 탑재하고 메모리를 구비한 연산 능력을 갖춘 디지털 기기일 수 있다.

본 개시의 일 실시예에 따른 디자인 정보를 표시하는 사용자 인터페이스를 사용자 단말로 제공하기 위한 동작을 수행하는 서버(미도시)는 네트워크부, 프로세서 및 메모리를 포함할 수 있다.

서버는 본 개시의 실시예들에 따른 사용자 인터페이스를 생성할 수 있다. 서버는 클라이언트(예를 들어, 사용자 단말)에게 네트워크를 통해 정보를 제공하는 컴퓨팅 시스템일 수 있다. 서버는 생성한 사용자 인터페이스를 사용자 단말로 전송할 수 있다. 이러한 경우, 사용자 단말은 서버에 액세스할 수 있는 임의의 형태의 컴퓨팅 장치(100)일 수 있다. 서버의 프로세서는 네트워크부를 통해 사용자 단말로 사용자 인터페이스를 전송할 수 있다. 본 개시의 실시예들에 따른 서버는 예를 들어, 클라우드 서버일 수 있다. 서버는 서비스를 처리하는 웹 서버일 수 있다. 전술한 서버의 종류는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

본 개시의 실시예들에 따른 서버에 포함된 네트워크부, 프로세서 및 메모리 각각은, 전술한 컴퓨팅 장치(100)에 포함된 네트워크부(110), 프로세서(120) 및 메모리(130)와 동일한 역할을 수행하거나 또는 동일하게 구성될 수 있다.

본 개시의 실시예들에서 레이어는, 사용자 인터페이스에 디스플레이 되는, 여러 개의 화상을 겹쳐서 표시하기 위하여 사용하는 층을 의미할 수 있다. 둘 이상의 레이어는 겹쳐서 표시될 수도 있다. 둘 이상의 레이어가 겹쳐서 표시되는 경우, 하나의 레이어에 다른 레이어가 가려져, 보이지 않을 수 있다. 또는, 둘 이상의 레이어가 겹쳐서 표시되고, 상위 레이어가 일부 반 투명하게 표시되는 경우 하위 레이어의 적어도 일부가 보일 수 있다. 둘 이상의 레이어는 동일한 크기일 수 있다. 또한, 둘 이상의 레이어는 상이한 크기일 수도 있다. 레이어는 하나 이상의 영역을 포함할 수 있다. 또한, 레이어는 하나 이상의 디스플레이 객체를 포함할 수 있다.

본 개시의 실시예들에서 레이어는 복수의 영역으로 분할될 수 있다. 복수의 영역들은 겹쳐지지 않는 화면 상의 일 공간일 수 있다. 하나의 레이어는 하나의 영역만을 포함할 수도 있고, 또는 복수의 영역을 포함할 수도 있다. 하나의 영역은 하나 이상의 디스플레이 객체를 포함할 수 있다.

본 개시의 실시예들에서 객체는 프로그램, 명령어 또는 데이터 각각에 대응되는 그림, 기호 또는 글자의 집합일 수 있다. 본 개시의 일 실시예에 따라 객체는 사용자 선택 입력을 수신하기 위해 사용될 수 있다. 예를 들어, 객체에 대한 사용자 입력을 수신하는 경우, 프로세서(120)는 해당 객체에 대응되어 저장된 명령어 또는 데이터를 실행하여 사용자 인터페이스에 표시할 수 있다. 본 개시의 실시예들에서 객체와 디스플레이 객체는 동일한 의미로 해석될 수 있다.

본 개시의 실시예들에서, “표시”는 출력부(140)를 통해 사용자에게 데이터가 보여 지도록 하는 동작일 수 있다. “표시”와 “디스플레이”는 상호 교환 가능하게 사용될 수 있다.

이하에서는 본 개시의 실시예들에 따라 디자인 정보를 표시하는 사용자 인터페이스를 제공하는 방법에 관하여 설명한다.

이하에서는 디자인 정보를 표시하는 사용자 인터페이스를 제공하는 방법에 관하여 도 2를 참조하여 설명한다. 도 2는 본 개시의 일 실시예에 따라 디자인 정보를 표시하는 사용자 인터페이스를 예시적으로 도시한 도면이다.

디자인 정보는, 디자인된 물품들에 관한 정보일 수 있다. 디자인 정보는 사용자가 창작한 다양한 물품들에 관한 정보일 수 있다. 디자인된 물품은 예를 들어, 의류, 침구, 인형, 악세서리, 잡화 등을 포함할 수 있으나, 이는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 디자인 이미지 및 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 포함하는 디자인 파일들을 네트워크부(110)를 통해 수신할 수 있다. 프로세서(120)는 디자인 파일에 대한 사용자 선택 입력을 허용하기 위하여 디자인 파일들에 대한 디자인 파일 목록을 표시할 수 있다. 사용자 인터페이스는 디자인 파일 목록에 관한 레이어(510)를 포함할 수 있다. 디자인 파일 목록에 관한 레이어는 디자인 이미지 레이어(700)와 나란히 배치될 수 있다. 디자인 파일 목록에 관한 레이어(510)는 매칭된 어노테이션이 있는 디자인 파일과 매칭된 어노테이션이 없는 디자인 파일을 구별하여 표시할 수 있다. 예를 들어, 디자인 파일 1에 포함된 디자인 이미지 또는 디자인 데이터 중 적어도 하나에 대해서 어노테이션 입력이 있을 수 있고, 그리고 디자인 파일 2에 대해서는 어노테이션 입력이 없을 수 있다. 디자인 파일 1과 디자인 파일 2는 각각 어노테이션 유/무가 상이하므로, 디자인 파일 목록에 관한 레이어(510)는 디자인 파일 1과 디자인 파일 2를 구별하여 표시할 수 있다. 예를 들어, 매칭된 어노테이션이 있는 디자인 파일은 파란색 객체를 추가로 표시하고, 그리고 매칭된 어노테이션이 없는 디자인 파일은 노란색 객체를 추가로 표시할 수 있다. 전술한 상이한 표시에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

디자인 이미지는 디자인된 물품을 가상화 한 이미지일 수 있다. 디자인된 물품은 특정 물품에 한정되지 않고 디자인 가능한 모든 물품을 포괄적으로 지칭할 수 있다. 예를 들어, 의류를 디자인하는 사용자(디자이너)가 디지털화 된 의류를 디자인할 수 있다. 온라인에서 의류를 디자인함에 따라 완성된 가상화 된 샘플 의류가 의류 이미지일 수 있다. 또한, 예를 들어, 디자인 이미지는 의류, 커튼, 신발, 가방 등을 디자인하여 가상화 한 이미지일 수 있다. 또한, 예를 들어, 디자인 이미지는 가구, 장난감 등을 디자인하여 가상화 한 이미지일 수 있다. 예를 들어, 도 2에 도시된 회색 상의와 청바지는 의류를 디자인함에 따라 완성된 가상화 된 샘플 의류인 의류 이미지(210)일 수 있다. 전술한 디자인 이미지에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

디자인 이미지와 연관된 하나 이상의 디자인 데이터는 디자인 이미지와 대응되는 물품을 생성하기 위하여 필요한 데이터일 수 있다. 디자인 데이터는 가상화 된 샘플 물품을 실제 공정에서 생산하기 위하여 필요한 데이터일 수 있다. 디자인 데이터는 물품을 생성하기 위해 필요한 물품의 패턴, 소재, 부자재 또는 각각에 대한 치수 중 적어도 하나에 관한 데이터일 수 있다. 패턴은 물품을 구성하는 적어도 일 부분에 대한 재단을 의미할 수 있다. 예를 들어, 패턴은 티셔츠를 구성하는 앞, 뒤, 소매, 부분 각각에 대한 평면 재단을 의미할 수 있다. 소재는 물품을 구성하는 원료를 의미할 수 있다. 예를 들어, 소재는 의류의 경우 코튼(cotton), 울(wool), 벨벳(velvet) 등을 의미할 수 있다. 부자재는 물품을 구성하기 위하여 보조적으로 사용되는 자재일 수 있다. 예를 들어, 의류를 구성하기 위해 주요하게 사용되는 자재는 천일 수 있고, 그리고 보조적으로 사용되는 부자재는 단추, 로고, 지퍼 등일 수 있다. 치수는 물품을 구성하기 위해 사용되는 자재 또는 부자재를 설명하기 위한 값일 수 있다. 예를 들어, 치수는 패턴을 설명하기 위한 패턴 각 모서리의 길이, 단추의 지름 등일 수 있다. 예를 들어, 디자인 데이터는 티셔츠를 구성하는 4개의 패턴, 티셔츠의 각 부분을 구성하는 소재, 티셔츠에 달리는 단추 및 로고, 그리고 그 각각에 대한 크기 또는 길이에 대한 데이터일 수 있다. 전술한 디자인 데이터에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

디자인 파일은 디자인 이미지 및 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 포함하는 파일일 수 있다. 디자인 파일은 디자이너들(예를 들어, 의류 디자이너)이 온라인 상의 프로그램을 이용하여 물품을 디자인한 정보들을 포함하는 파일일 수 있다. 물품을 디자인한 정보들은 전술한 디자인 이미지 및 디자인 데이터를 포함할 수 있다. 디자인 파일은 하나의 이상의 디자인 이미지 및 하나 이상의 디자인 이미지에 대응되는 하나 이상의 디자인 데이터를 포함할 수 있다. 예를 들어, 디자인 파일 1은 재킷에 대한 파일일 수 있다. 디자인 파일 1은 하나 이상의 색상 또는 소재로 구성된 하나 이상의 재킷에 대한 의류 이미지를 포함할 수 있다. 또한, 디자인 파일 1은 하나 이상의 재킷에 대한 의류 이미지 각각에 대응되는 하나 이상의 디자인 데이터를 포함할 수 있다. 디자인 파일 2는 티셔츠에 대한 파일일 수 있다. 전술한 디자인 파일에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 디자인 파일들을 네트워크부(110)를 통해 수신할 수 있다. 또는 프로세서(120)는 메모리(130)에 저장된 디자인 파일들을 읽어올 수 있다. 디자인 파일은 물품 디자인 프로그램을 통해 생성된 데이터들을 포함할 수 있다.

프로세서(120)는 표시된 디자인 파일들 중 사용자가 선택한 디자인 파일에 대응하는 디자인 이미지 또는 디자인 데이터 중 적어도 하나를 표시할 수 있다. 프로세서(120)는 디자인 이미지를 디자인 이미지 레이어(700)에 표시할 수 있다. 디자인 이미지 레이어(700)는 디자인 이미지를 포함할 수 있다. 프로세서(120)는 디자인 데이터를 선택 레이어(220)에 표시할 수 있다. 선택 레이어(220)는 디자인 데이터를 포함할 수 있다. 예를 들어, 프로세서(120)는 디자인 파일 1 및 디자인 파일 2를 표시할 수 있다. 프로세서(120)는 사용자 선택 입력을 통해 선택된 디자인 파일 1에 대한 디자인 이미지 또는 디자인 데이터 중 적어도 하나를 표시할 수 있다. 예를 들어, 디자인 파일 목록에 관한 레이어(510)에 포함된 디자인 파일에 관한 선택 입력에 대응하여, 디자인 이미지 레이어(700) 및 선택 레이어(220) 중 적어도 하나의 레이어는 선택된 디자인 파일과 관련된 디자인 이미지 또는 디자인 데이터 중 적어도 하나를 더 포함할 수 있다. 프로세서(120)는 디자인 파일 목록 중 사용자가 선택한 디자인 파일과 나머지 디자인 파일을 구별하여 표시할 수 있다. 예를 들어, 사용자가 선택한 디자인 파일만 진한 색으로 표시하고, 나머지는 연한 색으로 표시할 수 있으나, 이는 예시일 뿐이며 본 개시는 이에 제한되지 않는다. 전술한 디자인 파일에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 디자인 이미지 표시 객체(530), 디자인 데이터 표시 객체(540) 또는 어노테이션 표시 객체(520) 중 적어도 하나를 표시할 수 있다. 디자인 이미지 레이어(700)는 디자인 이미지 표시 객체(530), 디자인 데이터 표시 객체(540) 또는 어노테이션 표시 객체(520) 중 적어도 하나를 포함할 수 있다.

프로세서(120)는 디자인 이미지 표시 객체(530)에 대한 사용자 선택 입력에 대한 응답으로 디자인 파일에 포함된 하나 이상의 디자인 이미지 중 적어도 하나의 디자인 이미지(210)를 표시할 수 있다. 디자인 이미지 표시 객체(530)에 대한 사용자 선택 입력에 대한 응답으로, 디자인 이미지 레이어(700)는 디자인 이미지(210)를 추가로 더 포함할 수 있다. 디자인 이미지 표시 객체(530)는 디자인 이미지를 표시하는 디스플레이 객체일 수 있다. 프로세서(120)는 디자인 이미지가 표시된 상태에서 디자인 이미지 표시 객체(530)에 대한 사용자 선택 입력을 수신하는 경우, 디자인 이미지를 표시하지 않도록 할 수 있다. 디자인 이미지(210)가 표시된 상태에서, 디자인 이미지 표시 객체(530)에 대한 사용자 선택 입력에 대한 응답으로, 디자인 이미지 레이어(700)에 포함된 디자인 이미지(210)를 삭제할 수 있다. 즉, 디자인 이미지 표시 객체(530)에 대한 사용자 입력은 디자인 이미지에 대한 표시/불-표시에 대한 스위치처럼 동작할 수 있다.

디자인 파일에 둘 이상의 디자인 이미지가 포함될 수 있다. 프로세서(120)는 디자인 이미지 표시 객체(530)에 대한 사용자 선택 입력에 대한 응답으로 둘 이상의 디자인 이미지 중 사전에 디폴트로 지정된 하나의 디자인 이미지를 디스플레이 할 수 있다. 디자인 이미지 레이어(700)는 디자인 이미지 표시 객체(530)에 대한 사용자 선택 입력에 대한 응답으로 둘 이상의 디자인 이미지 중 사전에 디폴트로 지정된 하나의 디자인 이미지를 더 포함할 수 있다. 또는, 프로세서(120)는 디자인 이미지 표시 객체(530)에 대한 사용자 선택 입력에 대한 응답으로 둘 이상의 디자인 이미지 중 임의의 하나의 디자인 이미지를 디스플레이 할 수 있다. 디자인 이미지 레이어(700)는 디자인 이미지 표시 객체(530)에 대한 사용자 선택 입력에 대한 응답으로 둘 이상의 디자인 이미지 중 임의의 하나의 디자인 이미지를 더 포함할 수 있다.

디자인 파일에 포함된 디자인 이미지는 2차원의 이미지일 수도 있고, 또는 3차원의 이미지일 수 있다. 프로세서(120)는 디자인 이미지에 대한 사용자 조정 입력에 응답하여 디자인 이미지가 표시되는 위치, 각도 또는 크기 중 적어도 하나를 조정하여 표시할 수 있다.

사용자 조정 입력은 출력부(140) 또는 입력부(150) 중 적어도 하나를 통해 수신한 사용자 입력일 수 있다. 예를 들어, 사용자 조정 입력은 입력부(150)인 마우스를 통한 입력일 수도 있고, 또는 출력부(140)인 디스플레이부를 통한 터치 입력일 수도 있으나, 이는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 사용자 조정 입력에 대한 응답으로 제 1 위치에 표시된 디자인 이미지를 제 2 위치로 이동시켜 표시할 수 있다. 디자인 이미지 레이어(700)는 사용자 조정 입력에 대한 응답으로 제 1 위치에서 제 2 위치로 이동된 디자인 이미지를 더 포함할 수 있다. 예를 들어, 사용자 조정 입력은 제 1 위치에 표시된 디자인 이미지에 대한 클릭 및 제 2 위치로의 드래그 입력일 수 있다. 전술한 사용자 조정 입력에 대한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 사용자 조정 입력에 대한 응답으로 제 1 각도로 표시된 디자인 이미지를 제 2 각도로 표시되도록 회전시킬 수 있다. 디자인 이미지 레이어(700)는 사용자 조정 입력에 대한 응답으로 제 1 각도에서 제 2 각도로 회전된 디자인 이미지를 더 포함할 수 있다. 예를 들어, 제 1 각도로 표시된 디자인 이미지(210)에 대한 사용자 조정 입력에 따라, 프로세서(120)는 디자인 이미지의 뒷면이 보이도록 회전하여 표시할 수 있다. 예를 들어, 사용자 조정 입력이 디자인 이미지(210)에 대한 클릭 및 오른쪽 하단 방향으로의 드래그 입력일 경우, 프로세서(120)는 디자인 이미지의 오른쪽 어깨 부분이 보이도록 회전시켜 표시할 수 있다. 전술한 사용자 조정 입력에 대한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 사용자 조정 입력에 대한 응답으로 제 1 크기로 표시된 디자인 이미지를 제 2 크기로 확대 또는 축소하여 표시할 수 있다. 디자인 이미지 레이어(700)는 사용자 조정 입력에 대한 응답으로 제 1 크기에서 제 2 크기로 확대 또는 축소된 디자인 이미지를 더 포함할 수 있다. 사용자 조정 입력은 마우스 휠을 통해 입력될 수 있다. 전술한 사용자 조정 입력에 대한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 디자인 파일에 포함된 디자인 이미지가 둘 이상인 경우, 표시되는 디자인 이미지를 변경하는 디자인 이미지 변경 레이어(400)를 표시할 수 있다. 사용자 인터페이스는 디자인 이미지 변경 레이어(400)를 더 포함할 수 있다. 프로세서(120)는 디자인 이미지에 관한 특징을 변경하는 사용자 선택 입력을 허용하는 디자인 이미지 변경 레이어(400)를 표시할 수 있다. 디자인 이미지 변경 레이어(400)는 디자인 이미지에 관한 특징을 변경하는 사용자 선택 입력을 허용하는 디스플레이 객체를 포함할 수 있다. 디자인 이미지에 관한 특징은 디자인 이미지의 색상, 소재 또는 질감(texture) 중 적어도 하나를 포함할 수 있다. 예를 들어, 디자인 파일 1에 포함된 상의 디자인 이미지가 3가지의 색상을 포함할 수 있다. 프로세서(120)는 3가지 색상의 상의 디자인 이미지 각각에 대한 디스플레이 객체를 포함하는 디자인 이미지 변경 레이어(400)를 표시할 수 있다. 예를 들어, 디자인 파일 1에 포함된 디자인 이미지는 둘 이상의 소재와 매칭될 수 있다. 예를 들어, 디자인 이미지와 매칭된 소재는 벨벳, 울(wool), 청(jean), 면(cotton) 등 일 수 있다. 예를 들어, 디자인 파일1에 포함된 디자인 이미지는 둘 이상의 질감과 매칭될 수 있다. 질감은 물품(즉, 본 예시에서 디자인된 의류)의 거친 정도, 물품의 부드러운 정도, 소재의 짜임 정도 등과 연관될 수 있다. 예를 들어, 디자인 파일 1에 포함된 디자인 이미지는 30수 코마사(combed yarn), 40수 코마사와 매칭될 수 있다. 전술한 디자인 이미지 변경 레이어에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 이미지 변경 레이어(400)에서의 사용자 선택 입력에 응답하여 디자인 이미지의 특징을 변경하여 표시할 수 있다. 디자인 이미지 레이어(700)는 이미지 변경 레이어(400)에서의 사용자 선택 입력에 응답하여 특징이 변경된 디자인 이미지를 더 포함할 수 있다. 프로세서(120)는 사용자 선택 입력에 따른 디스플레이 객체에 대응되는 색상 또는 소재에 관한 디자인 이미지를 표시할 수 있다.

프로세서(120)는 디자인 데이터 표시 객체(540)에 대한 사용자 선택 입력에 대한 응답으로 디자인 이미지에 대응되는 디자인 데이터를 표시할 수 있다. 선택 레이어(220)는 디자인 데이터 표시 객체(540)에 대한 사용자 선택 입력에 대한 응답으로 사용자 인터페이스에 표시될 수 있다. 디자인 데이터 표시 객체(540)는 디자인 이미지에 대응되는 디자인 데이터를 표시하는 디스플레이 객체일 수 있다. 프로세서(120)는 디자인 데이터가 표시된 상태에서 디자인 데이터 표시 객체(540)에 대한 사용자 선택 입력을 수신하는 경우, 디자인 데이터를 표시하지 않도록 할 수 있다. 즉, 디자인 데이터 표시 객체(540)에 대한 사용자 입력은 디자인 데이터에 대한 표시/불-표시에 대한 스위치처럼 동작할 수 있다. 디자인 데이터를 표시하는 방법에 관하여 도 3을 참조하여 후술하여 설명한다.

프로세서(120)는 어노테이션 표시 객체(520)에 대한 사용자 선택 입력에 대한 응답으로 디자인 이미지 또는 디자인 데이터 중 적어도 하나에 대응되는 하나 이상의 어노테이션을 표시할 수 있다. 디자인 이미지 레이어(700) 또는 선택 레이어(220) 중 적어도 하나는 어노테이션 표시 객체(520)에 대한 사용자 선택 입력에 대한 응답으로 하나 이상의 어노테이션을 더 포함할 수 있다. 어노테이션 표시 객체(520)는 디자인 이미지 또는 디자인 데이터 중 적어도 하나에 대응하여 저장된 어노테이션들을 표시하는 디스플레이 객체일 수 있다. 어노테이션은 디자인 이미지 또는 디자인 데이터에 중첩되어 표시될 수 있다. 어노테이션은 디자인 이미지가 포함된 레이어 또는 디자인 데이터가 포함된 레이어와 상이한 레이어에 포함될 수 있다. 프로세서(120)는 어노테이션이 표시된 상태에서 어노테이션 표시 객체(520)에 대한 사용자 선택 입력을 수신하는 경우, 어노테이션을 표시하지 않도록 할 수 있다. 즉, 어노테이션 표시 객체(520)에 대한 사용자 입력은 어노테이션에 대한 표시/불-표시에 대한 스위치처럼 동작할 수 있다.

프로세서(120)는 어노테이션 입력 객체(300)를 표시할 수 있다. 디자인 이미지 레이어(700)는 어노테이션 입력 객체(300)를 더 포함할 수 있다. 어노테이션 입력 객체(300)는 사용자의 어노테이션 입력을 허용하는 디스플레이 객체일 수 있다. 프로세서(120)는 어노테이션 입력 객체(300)에 대한 사용자 선택 입력에 대응하여 어노테이션 레이어(310)를 표시할 수 있다. 사용자 인터페이스는 어노테이션 입력 객체(300)에 대한 사용자 선택 입력에 대응하여 어노테이션 레이어(310)를 더 포함할 수 있다. 어노테이션과 관련하여 도 4를 참조하여 후술하여 설명한다.

이하에서는 디자인 정보를 표시하는 사용자 인터페이스를 제공하는 방법에 관하여 도 3을 참조하여 설명한다. 도 3은 본 개시의 일 실시예에 따라 디자인 정보를 표시하는 사용자 인터페이스를 예시적으로 도시한 도면이다.

프로세서(120)는 디자인 이미지 및 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 표시할 수 있다. 사용자 인터페이스는 디자인 이미지를 포함하는 디자인 이미지 레이어(700)를 포함할 수 있다. 사용자 인터페이스는 디자인 데이터를 포함하는 선택 레이어(220)를 포함할 수 있다.

프로세서(120)는 선택 레이어(220)를 표시할 수 있다. 사용자 인터페이스는 선택 레이어(220)를 더 포함할 수 있다. 선택 레이어(220)는 디자인 데이터를 표시하는 레이어일 수 있다. 선택 레이어(220)는 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 레이어일 수 있다.

디자인 이미지 레이어(700)와 선택 레이어(220)는 상이한 레이어일 수 있다. 선택 레이어(220)는 디자인 이미지 레이어(700)보다 크기가 작을 수 있다. 선택 레이어(220)는 사용자 입력에 응답하여 디자인 이미지 레이어(700)와 독립적으로 이동될 수 있다. 선택 레이어(220)는 사용자 입력에 응답하여 레이어의 크기가 조정될 수 있다.

선택 레이어(220)에 포함된 적어도 일부의 영역은, 투명도가 사전 결정된 임계 값 이상으로 설정되어 표시될 수 있다. 선택 레이어(220)에 포함된 적어도 일부의 영역은, 선택 레이어(220)에 포함된 하나 이상의 객체들을 포함하고 있는 영역을 제외한 영역일 수 있다. 즉, 선택 레이어(220)에 포함된 사용자의 확인이 필요한 정보들을 제외한 부분은 반 투명하게 표시될 수 있다. 선택 레이어(220)의 적어도 일부 영역에 대한 투명도를 높게 설정하여 표시함으로써, 선택 레이어(220)와 디자인 이미지 레이어(700)에 포함된 디자인 이미지의 적어도 일부가 중첩되는 경우에도, 디자인 이미지에 대한 확인이 가능할 수 있다. 선택 레이어(220)를 적어도 일부 영역에 대한 투명도를 높게 설정하여 표시함으로써 사용자의 디자인 이미지 및 디자인 데이터에 관한 검토의 편의성을 높일 수 있다.

선택 레이어(220)는 카테고리 영역(230) 및 디자인 데이터 영역(270)을 포함할 수 있다. 선택 레이어(220)에 포함된 카테고리 영역(230) 및 디자인 데이터 영역(270)은 나란히 배치될 수 있다. 두개의 영역이 나란히 배치되는 것은, 두개의 영역이 인접하게 배치되는 경우를 포함할 수 있다. 두개의 영역이 나란히 배치되는 것은, 두개의 영역 사이에 일정한 간격을 유지한 상태로 배치되는 경우를 포함할 수 있다. 카테고리 영역(230) 및 디자인 데이터 영역(270)은 각 영역에 포함된 적어도 일부의 영역이 인접하게 배치될 수 있다. 선택 레이어(220)에 포함된 카테고리 영역(230) 및 디자인 데이터 영역(270)은 상하 또는 좌우로 나란히 배치될 수 있다. 카테고리 영역(230)은 선택 레이어(220)의 상단에 배치될 수 있다. 디자인 데이터 영역(270)은 선택 레이어(220)의 하단에 배치될 수 있다. 사용자는 카테고리 영역(230)을 통해 카테고리를 결정하고, 카테고리 영역(230)의 하단에 나란히 배치된 디자인 데이터 영역(270)에서, 카테고리와 연관된 데이터들을 확인할 수 있다. 카테고리 영역(230) 및 디자인 데이터 영역(270)을 나란히 배치함으로써 사용자의 인터페이스에 대한 직관적인 이해도를 높일 수 있다.

카테고리 영역(230)은 하나 이상의 카테고리 객체를 포함할 수 있다. 카테고리 영역(230)은 카테고리 객체에 대한 사용자 선택 입력을 허용하는 영역일 수 있다. 카테고리는 디자인 데이터를 동일한 속성들끼리 그룹핑 하는 기준일 수 있다. 카테고리는 디자인 데이터를 패턴, 소재, 부자재 또는 치수 각각에 대한 속성들로 그룹핑 하는 기준일 수 있다. 카테고리 객체는 패턴 카테고리 객체(232), 소재 카테고리 객체(234), 부자재 카테고리 객체(236) 또는 치수 카테고리 객체(238) 중 적어도 하나를 포함할 수 있다. 전술한 카테고리 영역에 대한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 카테고리 영역(230)에 포함된 하나의 카테고리 객체에 대한 사용자 선택 입력을 수신할 수 있다. 프로세서(120)는 카테고리 영역(230)에 포함된 하나 이상의 카테고리 객체 중 사용자 선택 입력에 대응되는 하나의 카테고리 객체와 나머지 카테고리 객체를 구별되도록 표시할 수 있다. 선택 레이어(220)는 사용자 선택 입력에 대응되는 하나의 카테고리 객체와 나머지 카테고리 객체를 상이하게 표시한 디스플레이 객체들을 포함할 수 있다. 예를 들어, 프로세서(120)는 사용자 선택 입력에 대응되는 카테고리 객체는 흰색으로 표시할 수 있고, 그리고 나머지 카테고리 객체는 회색으로 표시할 수 있다. 전술한 카테고리 영역에 대한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

디자인 데이터 영역(270)은 사용자 선택 입력에 따른 카테고리 객체에 대응되는 하나 이상의 디자인 데이터(250)를 포함할 수 있다. 디자인 데이터 영역(270)에 포함된 하나 이상의 디자인 데이터(250) 각각은 사용자 선택 가능한 디스플레이 객체일 수 있다. 프로세서(120)는 하나 이상의 디자인 데이터 중 사용자 선택 입력에 대응되는 디자인 데이터와 나머지 디자인 데이터를 구별하여 표시할 수 있다. 디자인 데이터 영역(270)은 사용자 선택 입력에 대응되는 디자인 데이터와 나머지 디자인 데이터가 구별되어 표시된 디스플레이 객체를 포함할 수 있다. 예를 들어, 프로세서(120)는 사용자 선택 입력에 대응되는 디자인 데이터의 배경은 진하게 표시하고, 그리고 나머지 디자인 데이터의 배경은 연하게 표시하여 구별할 수 있다. 전술한 디자인 데이터 영역에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

디자인 데이터 영역(270)은 하나 이상의 디자인 데이터(250)를 포함할 수 있다. 디자인 데이터 영역(270)은 하나 이상의 디자인 데이터(250) 각각에 대한 식별 데이터(252) 및 설명 데이터(254, 256)를 포함할 수 있다.

식별 데이터(252)는 하나 이상의 디자인 데이터를 식별하는 데이터일 수 있다. 예를 들어, 식별 데이터(252)는 숫자, 문자 또는 색상으로 표시될 수 있다. 예를 들어, 하나 이상의 디자인 데이터 각각은 상이한 숫자, 문자 또는 색상 중 적어도 하나와 대응될 수 있다. 예를 들어, 하나 이상의 디자인 데이터는 각각 상이한 숫자와 대응될 수 있다. 디자인 데이터 영역(270)은 식별 데이터(252)에 따라 정렬된 디자인 데이터들을 포함할 수 있다. 디자인 데이터 영역(270)은 예를 들어, 숫자 오름차순, 내림차순, 알파벳순, 색상 코드 순서에 따라 정렬된 디자인 데이터들을 포함할 수 있다. 전술한 식별 데이터에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

설명 데이터(254, 256)는 하나 이상의 디자인 데이터를 설명하는 데이터일 수 있다. 설명 데이터는 디자인 데이터를 설명하는 이미지(254) 또는 문자(256) 중 적어도 하나를 포함할 수 있다. 설명 데이터는 디자인 데이터를 설명하는 이미지(254) 또는 문자(256) 중 적어도 하나와 관련된 디스플레이 객체일 수 있다. 디자인 데이터를 설명하는 이미지(254)는 예를 들어, 패턴 이미지, 소재 이미지, 부자재 이미지 등을 포함할 수 있다. 디자인 데이터를 설명하는 문자(256)는 예를 들어, 패턴 위치, 소재 이름, 부자재 이름 등을 포함할 수 있다. 전술한 설명 데이터에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

설명 데이터(254)는 디자인 데이터를 설명하는 삼차원 이미지 또는 영상을 포함할 수 있다. 설명 데이터(254)는 디자인 데이터에 대응되는 디자인 이미지의 적어도 일 부분을 삼차원으로 표현한 이미지일 수 있다. 설명 데이터(254)는 디자인 데이터에 대응되는 디자인 이미지의 적어도 일 부분이 움직이는 모습에 관한 영상일 수 있다. 예를 들어, 디자인 데이터가 부자재에 관한 데이터인 경우, 설명 데이터(254)는 부자재를 삼차원으로 표시한 데이터일 수 있다. 예를 들어, 디자인 데이터가 단추에 관한 데이터일 수 있다. 설명 데이터는 단추를 삼차원으로 표시한 이미지를 포함할 수 있다. 디자인 데이터가 소재에 관한 데이터인 경우, 설명 데이터(254)는 해당 소재의 천이 바람에 날리는 영상일 수 있다. 예를 들어, 영상은 2초 길이일 수 있고, 해당 영상이 반복되며 설명 데이터(254)로 표시될 수 있다. 전술한 설명 데이터에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

디자인 데이터 영역(270)은 서브 카테고리 별로 그룹핑된 하나 이상의 디자인 데이터를 포함할 수 있다. 서브 카테고리는 동일한 카테고리에 속하는 하나 이상의 디자인 데이터를 동일한 서브 속성들끼리 그룹핑 하는 기준일 수 있다. 예를 들어, 동일한 부자재 카테고리에 속하는 하나 이상의 디자인 데이터는 단추, 스티치(stitch), 로고(logo) 각각에 대한 서브 카테고리로 그룹핑 될 수 있다. 프로세서(120)는 디자인 데이터 영역(270)에 서브 카테고리 이름을 표시할 수 있다. 디자인 데이터 영역(270)은 서브 카테고리 이름을 포함할 수 있다. 프로세서(120)는 디자인 데이터 영역(270)의 서브 카테고리 이름 하단에 서브 카테고리에 포함된 하나 이상의 디자인 데이터를 표시할 수 있다. 디자인 데이터 영역(270)의 서브 카테고리 이름 하단에 서브 카테고리에 포함된 하나 이상의 디자인 데이터를 포함할 수 있다. 전술한 디자인 데이터 영역에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

선택 레이어(220)는 매칭된 어노테이션이 있는 디자인 데이터와 매칭된 어노테이션이 없는 디자인 데이터를 구별하여 표시할 수 있다. 예를 들어, 디자인 데이터에 대응하여 생성된 어노테이션이 있는 경우, 또는 디자인 데이터에 대응되는 디자인 이미지의 적어도 일부 영역에 대해 생성된 어노테이션이 있는 경우, 해당 디자인 데이터는 다른 디자인 데이터와 상이하게 표시될 수 있다. 예를 들어, 매칭된 어노테이션이 있는 경우, 해당 디자인 데이터에 파란색 사각형 객체를 별도로 표시할 수도 있고, 또는 배경(ground) 색상을 다르게 표시할 수도 있다. 전술한 표시에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.프로세서(120)는 선택 레이어(220)에 포함된 적어도 하나의 디자인 데이터(250)에 대한 사용자 선택 입력을 수신할 수 있다. 프로세서(120)는 사용자 선택 입력에 대응되는 디자인 데이터와 나머지 디자인 데이터를 구별하여 표시할 수 있다. 선택 레이어(220)는 사용자 선택 입력에 대응되는 디자인 데이터와 나머지 디자인 데이터가 구별되어 표시된 디스플레이 객체를 포함할 수 있다.

프로세서(120)는 디자인 데이터에 대한 사용자 선택 입력에 응답하여, 사용자 선택 입력에 대응되는 하나 이상의 영역에서의 시각적 표현(260)을 디자인 이미지 상에 표시할 수 있다. 디자인 이미지 레이어(700)는 선택 레이어(220)에 포함된 디자인 데이터에 대한 사용자 선택 입력에 응답하여, 하나 이상의 영역에서의 시각적 표현(260)이 표시된 디자인 이미지를 더 포함할 수 있다.

시각적 표현(260)은 사용자 선택 입력에 대응하는 디자인 이미지의 하나 이상의 영역과 디자인 이미지의 다른 영역을 구별하여 표시하는 것일 수 있다.

시각적 표현(260)은 디자인 데이터에 대응되는 영역을 표시하는 서브 디자인 이미지 데이터를 포함할 수 있다. 프로세서(120)는 사용자 선택 입력에 따른 디자인 데이터에 대응되는 영역을 디자인 이미지 상에 표시할 수 있다. 서브 디자인 이미지 데이터는 디자인 데이터에 대응되는 영역에 대한 표시일 수 있다.

시각적 표현(260)은 사용자 선택 입력에 대응되는 디자인 이미지의 하나 이상의 영역의 외곽선을 포함할 수 있다. 외곽선은 예를 들어, 시인성이 높은 색상으로 표시될 수 있다. 프로세서(120)는 외곽선을 시인성이 높은 색상으로 표시하여 사용자가 선택한 디자인 데이터에 대응되는 영역과 다른 영역을 구별하여 표시할 수 있다. 전술한 시각적 표현에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

시각적 표현(260)은 디자인 이미지의 다른 영역에 대한 투명도를 높여서 표시함으로써, 하나 이상의 영역과 다른 영역을 시각적으로 구별하는 것일 수 있다. 프로세서(120)는 사용자가 디자인 데이터를 선택하기 이전에는, 디자인 이미지의 모든 영역의 투명도를 동일한 정도로 설정하여 표시할 수 있다. 프로세서(120)는 사용자가 적어도 하나의 디자인 데이터를 선택하는 경우, 해당 디자인 데이터에 대응되는 영역과 다른 영역의 투명도를 상이하게 설정하여 표시할 수 있다. 예를 들어, 프로세서(120)는 사용자가 선택한 디자인 데이터에 대응되는 디자인 이미지 상의 일 영역은 불투명하게 표시하고, 그리고 나머지 영역은 반 투명하게 표시할 수 있다. 전술한 시각적 표현에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

시각적 표현(260)은 예를 들어, 사용자 선택 입력에 대응하는 영역의 색상, 소재 등의 표시를 다른 영역과 구별되도록 표시할 수 있으나, 이는 예시일 뿐이며 본 개시는 이에 제한되지 않는다. 시각적 표현(260)은 사용자 선택 입력에 대응하는 영역의 색상과 다른 영역의 색상을 구별하여 표시하는 것일 수 있다. 시각적 표현(260)은 사용자 선택 입력에 대응하는 영역의 색상을 시인성이 높은 색상으로 표시할 수 있다. 전술한 시각적 표현에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

시각적 표현(260)은 디자인 데이터를 식별하는 식별 데이터를 포함할 수 있다. 프로세서(120)는 사용자 선택 입력에 따른 디자인 데이터에 대응되는 영역 또는 그 영역의 주위에 식별 데이터를 표시할 수 있다. 사용자가 둘 이상의 디자인 데이터를 선택한 경우에도, 둘 이상의 디자인 데이터 각각에 대응 되는 부분이 디자인 이미지 상에서 구별될 수 있도록, 프로세서(120)는 식별 데이터를 표시할 수 있다. 디자인 이미지 레이어(700)에 포함된 식별 데이터 및 선택 레이어(220)에 포함된 식별 데이터는 대응되는 시각적 표현을 포함하는 객체일 수 있다. 대응되는 시각적 표현을 포함하는 객체는, 객체의 형상, 질감 또는 색상 등이 유사하여, 사용자가 대응되는 표시임을 인식할 수 있도록 하는 객체일 수 있다. 대응되는 시각적 표현은 동일한 시각적 표현, 유사한 시각적 표현, 적어도 일부가 동일하거나 또는 유사한 시각적 표현을 포함할 수 있다. 예를 들어, 디자인 이미지 레이어(700)에 포함된 식별 데이터 및 선택 레이어(220)에 포함된 식별 데이터는 동일하거나 유사한 형태, 또는 동일하거나 유사한 색상을 포함하는 객체일 수 있다. 예를 들어, 디자인 이미지 레이어(700)에 포함된 식별 데이터 및 선택 레이어(220)에 포함된 식별 데이터는 동일한 숫자를 포함하는 객체이거나, 또는 동일한 색상을 포함하는 객체일 수 있다. 전술한 식별 데이터 객체에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다. 예를 들어, 프로세서(120)는 2번 및 4번 각각에 대한 디자인 데이터에 대한 사용자 선택 입력을 수신할 수 있다. 프로세서(120)는 두개의 디자인 데이터에 대응되는 영역을 디자인 이미지 상에서 구별할 수 있도록, 각각의 영역에 "2" 및 "4"의 식별 데이터를 표시할 수 있다. 디자인 이미지 레이어(700)에 포함된 디자인 이미지 상에서의 식별 데이터와, 선택 레이어(220)에 포함된 식별 데이터를 대응되는 시각적 표현을 포함하는 객체로 표시함으로써, 사용자가 직관적으로 물품(예를 들어, 의류)의 어느 부분에 관한 데이터인지 확인할 수 있다. 본 개시에 따른 시각적 표현을 통해 사용자 인터페이스에 대한 직관적인 이해도를 높일 수 있다. 전술한 시각적 표현에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 디자인 데이터에 대한 사용자 선택 입력에 응답하여, 사용자 선택 입력에 대응되는 하나 이상의 영역에서의 시각적 표현(260)을 디자인 이미지 상에 표시할 수 있다. 프로세서(120)는 둘 이상의 시각적 표현(260)을 디자인 이미지 상에 표시할 수 있다. 둘 이상의 시각적 표현(260)은 예를 들어, 디자인 이미지의 다른 영역에 대한 투명도를 높여서 표시하는 시각적 표현 및 디자인 데이터를 식별하는 식별 데이터에 대한 시각적 표현을 포함할 수 있다. 둘 이상의 시각적 표현(260)은 디자인 이미지 상에 동시에 표시될 수도 있고, 또는 순차적으로 표시될 수도 있다. 예를 들어, 디자인 데이터에 대한 사용자 선택 입력에 응답하여, 1차적으로 디자인 이미지의 다른 영역에 대한 투명도를 높여서 표시하는 시각적 표현이 디자인 이미지 상에 생성될 수 있고, 그리고 2차적으로 디자인 데이터를 식별하는 식별 데이터에 대한 시각적 표현이 디자인 이미지 상에 생성될 수도 있다. 전술한 시각적 표현에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.프로세서(120)는 메모리(130)에 저장된 둘 이상의 시각적 표현 중 사용자 선택 입력된 시각적 표현으로 디자인 이미지 상에 일 영역과 다른 영역을 구별하기 위한 표현을 생성할 수 있다. 디자인 이미지 상에 표시되는 시각적 표현은 사용자가 선택한 방법으로 생성될 수 있다.

본 개시의 일 실시예에 따라, 디자인 이미지(210)는 사용자 선택 입력을 허용하는 하나 이상의 디자인 이미지 서브 객체를 포함할 수 있다. 디자인 이미지 서브 객체는, 디자인 이미지(210)의 일부 영역에 대한 사용자 선택 입력을 허용하는 디스플레이 객체일 수 있다. 디자인 이미지 서브 객체는, 디자인 이미지(210)에 포함된 하나 이상의 영역들 중, 매칭된 디자인 데이터가 있는 영역일 수 있다. 예를 들어, 디자인 이미지 서브 객체는 디자인 이미지에 포함된 패턴, 부자재 등과 관련된 객체일 수 있다. 전술한 디자인 이미지 서브 객체에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

선택 레이어(220)는 디자인 이미지(210)에 관한 사용자 선택 입력에 응답하여, 그에 대응되는 시각적 표현을 디자인 데이터 상에 표시할 수 있다. 선택 레이어(220)는 디자인 이미지 레이어에서의 디자인 이미지 서브 객체에 관한 사용자 선택 입력에 대응되는 하나 이상의 디자인 데이터에 관한 시각적 표현을 표시할 수 있다. 예를 들어, 사용자가 선택한 디자인 이미지 서브 객체가 단추 부자재에 관한 디스플레이 객체일 수 있고, 선택 레이어(220)는 사용자 선택 입력에 대한 응답으로 선택 레이어(220)에 포함된 단추 부자재에 관한 디자인 데이터에 시각적 표현을 표시할 수 있다. 전술한 선택 레이어에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

디자인 이미지 레이어(700)는 사용자 선택 입력된 디자인 이미지 서브 객체에 대한 시각적 표현을 표시할 수 있다. 선택 레이어(220)는 디자인 이미지 서브 객체에 대응되는 디자인 데이터에 대한 시각적 표현을 표시할 수 있다. 디자인 이미지 레이어(700)에 표시되는 시각적 표현 및 선택 레이어(220)에 표시되는 시각적 표현은 대응되는 시각적 표현일 수 있다. 예를 들어, 사용자가 선택한 디자인 이미지 서브 객체가 노란색으로 어노테이션 표시가 생성되는 경우, 그에 대응되는 디자인 데이터도 노란색으로 어노테이션 표시가 생성되어, 대응되는 시각적 표현이 각각의 레이어에 생성될 수 있다. 시각적 표현에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

사용자는 디자인 이미지를 보면서, 해당 디자인 이미지에 대응되는 구체적인 디자인 데이터가 알고 싶을 경우, 원하는 디자인 이미지 상의 영역을 클릭할 수 있다. 사용자가 디자인 이미지 상의 특정 일 영역을 클릭하면, 그에 대응되는 디자인 데이터가 선택 레이어에 표시됨으로써, 사용자는 해당 부분의 디자인을 만들기 위한 구체적인 부자재, 치수, 소재 등을 편리하게 확인할 수 있다.

프로세서(120)는 전개도 표시 객체(240)를 표시할 수 있다. 디자인 이미지 레이어(700)는 전개도 표시 객체(240)를 포함할 수 있다. 전개도 표시 객체(240)는 하나 이상의 패턴들을 포함하는 전개도를 표시하는 디스플레이 객체일 수 있다. 프로세서(120)는 전개도 표시 객체(240)에 대한 사용자 선택 입력에 대한 응답으로 디자인 이미지에 대응되는 디자인을 생성하는 하나 이상의 패턴에 대한 전개도를 표시할 수 있다. 사용자 인터페이스는 전개도 표시 객체(240)에 대한 사용자 선택 입력에 대한 응답으로 전개도 표시 레이어를 더 포함할 수 있다. 전개도는 하나 이상의 패턴들을 포함할 수 있다. 사용자는 전개도를 통해 하나 이상의 패턴들을 한눈에 확인할 수 있다. 프로세서(120)는 전개도가 표시된 상태에서 전개도 표시 객체(240)에 대한 사용자 선택 입력을 수신하는 경우, 전개도를 표시하지 않도록 할 수 있다. 사용자 인터페이스는 전개도 표시 레이어가 표시된 상태에서, 전개도 표시 객체(240)에 대한 사용자 선택 입력을 수신하는 경우, 전개도 표시 레이어를 표시되지 않도록 할 수 있다. 즉, 전개도 표시 객체(240)에 대한 사용자 입력은 전개도에 대한 표시/불-표시에 대한 스위치처럼 동작할 수 있다.

프로세서(120)는 디자인 데이터를 다운로드 가능한 형태의 파일로 제공할 수도 있다. 사용자의 다운도르 요청에 대한 응답으로 프로세서(120)는 하나 이상의 디자인 데이터를 다운로드 가능한 형태의 파일로 제공할 수 있다. 프로세서(120)는 예를 들어, 하나 이상의 디자인 데이터를 표로 정리한 데이터 파일을 생성할 수 있다. 예를 들어, 프로세서(120)는 엑셀 시트의 형식으로 하나 이상의 디자인 데이터들을 제공할 수 있다. 전술한 다운로드에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

기존의 의류 디자인은 오프라인 상에서 종이에 의상 도면을 작도하고, 그리고 그에 따른 의류 샘플을 실제로 만드는 동작을 통해 수행되었다. 디자인된 의류를 디자이너가 브랜드 사에 납품하거나 또는 의류를 제작하는 공장에 제공하는 경우, 실제로 만들어진 의류 샘플과 그 의류 샘플을 만들기 위한 데이터들을 엑셀 시트 형식으로 된 파일을 전달하는 것이 일반적이었다. 실제로 만들어진 의류 샘플과 그에 대한 데이터들을 포함하는 엑셀 시트를 브랜드 사 또는 공장에 전달하는 경우, 시간이 오래 걸리는 단점이 있었다. 또한, 엑셀 시트에 기재된 데이터가 의류 샘플의 어느 부분에 사용되었는지 확인하는데 시간이 오래 걸리는 단점이 있었다.

본 개시의 일 실시예에 따라 의류 데이터 및 의류 이미지를 제공함으로써 전술한 단점을 극복할 수 있다. 사용자가 선택한 의류 데이터에 관한 시각적 표현을 의류 이미지 상에 표현하여, 완성된 가상화 된 샘플 의류에서 해당 의류 데이터가 사용되는 부분을 용이하게 확인할 수 있다. 의류를 생성할 때, 원단을 이용하여 패턴에 맞게 자르는 공정 라인과 의류에 부자재를 붙이는 공정 라인은 상이할 수 있다. 본 개시의 일 실시예에 따른 의류 정보 제공 방법은 패턴, 소재 또는 부자재 각각에 대응되는 의류 데이터를 구별하여 제공함으로써, 각각의 공정에서 필요로 하는 부분만을 확인할 수 있다. 본 개시의 일 실시예에 따른 의류 정보 제공 방법은 각각의 공정에서 필요한 데이터를 확인하는 시간을 단축시킴으로써, 공정 전체에서 소요되는 시간을 단축시킬 수 있는 장점이 존재한다.

이하에서는 디자인 정보를 표시하는 사용자 인터페이스를 제공하는 방법에 관하여 도 4를 참조하여 설명한다. 도 4는 본 개시의 일 실시예에 따라 디자인 정보를 표시하는 사용자 인터페이스를 예시적으로 도시한 도면이다.

프로세서(120)는 어노테이션 입력 객체(300)에 대한 사용자 선택 입력에 대응하여 어노테이션 레이어(310)를 표시할 수 있다. 사용자 인터페이스는 어노테이션 입력 객체(300)에 대한 사용자 선택 입력에 대응하여 어노테이션 레이어(310)를 더 포함할 수 있다. 프로세서(120)는 디자인 이미지 또는 디자인 데이터 중 적어도 하나에 대한 사용자 어노테이션 입력을 허용하기 위하여 어노테이션 레이어(310)를 추가로 표시할 수 있다.

어노테이션 입력은 디자인 이미지 또는 디자인 데이터에 관한 추가 데이터를 포함할 수 있다. 추가 데이터는 디자인 이미지 또는 디자인 데이터에 대하여 일 사용자가 다른 사용자들에게 전달하고자 하는 내용일 수 있다. 예를 들어, 추가 데이터는 디자인 이미지 또는 디자인 데이터에 대한 피드백, 주의 사항 등일 수 있다. 디자인 데이터 및 디자인 이미지를 디자이너가 브랜드 사에 전달하는 경우, 브랜드 사에서는 수정하고자 하는 부분에 대한 피드백을 어노테이션 입력을 통해 전달할 수 있다. 또는, 브랜드 사에서 의류 제작 공장에 디자인 데이터 및 디자인 이미지를 전달하는 경우, 의류 제작 시 주의할 부분에 대하여 어노테이션 입력을 통해 전달할 수도 있다. 전술한 어노테이션 입력에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

어노테이션 레이어(310)는 하나 이상의 어노테이션 종류에 대한 사용자 선택 입력을 허용하는 하나 이상의 어노테이션 객체를 포함할 수 있다. 하나 이상의 어노테이션 종류는 글자 기재를 위한 어노테이션 및 도형을 표시하는 어노테이션을 포함할 수 있다. 어노테이션 레이어(310)는 글자 기재를 위한 글자 어노테이션 객체(312) 및 도형 표시를 위한 도형 어노테이션 객체(314)를 포함할 수 있다. 도형 어노테이션 객체(314)는 예를 들어, 자유 곡선 어노테이션 객체, 직선 어노테이션 객체, 원 어노테이션 객체, 화살표 어노테이션 객체, 사각형 어노테이션 객체 등을 포함할 수 있다. 어노테이션 레이어(310)는 어노테이션 객체에 대한 색상을 지정하는 색상 선택 객체를 포함할 수 있다. 전술한 어노테이션 레이어 및 어노테이션 객체에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 어노테이션 레이어(310)에 포함된 어노테이션 객체 및 어노테이션 객체를 표시하는 위치에 대한 사용자 입력에 응답하여, 해당 위치에 어노테이션 객체를 표시할 수 있다. 디자인 이미지 레이어(700)는 어노테이션 레이어(310)에 포함된 어노테이션 객체 및 상기 위치에 대한 사용자 입력에 대한 응답으로, 해당 위치에 어노테이션 객체를 더 포함할 수 있다. 프로세서(120)는 어노테이션 레이어(310)에 포함된 어노테이션 객체에 대한 제 1 사용자 입력을 수신할 수 있다. 제 1 사용자 입력 이후, 프로세서(120)는 제 1 사용자 입력에 대응되는 어노테이션 객체를 표시하는 위치를 지정하는 제 2 사용자 입력을 수신할 수 있다. 제 2 사용자 입력 이후, 제 1 사용자 입력이 글자 어노테이션 객체(312)에 대응되는 입력일 경우, 프로세서(120)는 글자를 입력하는 제 3 사용자 입력을 수신할 수 있다. 프로세서(120)는 제 1 사용자 입력에 대응되는 어노테이션 객체를 제 2 사용자 입력에 대응되는 위치에 표시할 수 있다. 디자인 이미지 레이어(700)는 제 2 사용자 입력에 대응되는 위치에 표시되는 제 1 사용자 입력에 대응되는 어노테이션 객체를 더 포함할 수 있다. 제 2 사용자 입력은 어노테이션 객체에 따라 상이한 입력일 수 있다. 예를 들어, 곡선 어노테이션 객체에 대한 제 2 사용자 입력은 곡선이 시작되는 기점 및 곡선이 끝나는 종점 각각에 대한 위치를 지정하는 입력일 수 있다. 프로세서(120)는 제 2 사용자 입력에 대응한 곡선 어노테이션 객체(330)를 디자인 이미지에 중첩하여 표시할 수 있다. 디자인 이미지 레이어(700)는 디자인 이미지에 중첩되어 표시되는 제 2 사용자 입력에 대응한 어노테이션 객체를 더 포함할 수 있다. 예를 들어, 글자 어노테이션 객체(312)에 대한 제 2 사용자 입력은 글자 어노테이션 객체(즉, 메모)가 표시되는 위치를 지정하는 입력일 수 있다. 제 3 사용자 입력에 대응되는 글자를 글자 어노테이션 객체(320)에 표시할 수 있다. 글자 어노테이션 객체(320)는 제 3 사용자 입력에 대응되는 글자를 포함할 수 있다. 전술한 어노테이션 객체에 대한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 어노테이션 객체에 대한 입력 삭제 객체(350) 및 입력 완료 객체(360)를 표시할 수 있다. 디자인 이미지 레이어(700)는 입력 삭제 객체(350) 및 입력 완료 객체(360)를 더 포함할 수 있다. 입력 삭제 객체(350)는 어노테이션 객체의 표시 삭제를 위한 디스플레이 객체일 수 있다. 입력 완료 객체(360)는 특정 어노테이션 객체의 표시 저장을 위한 디스플레이 객체일 수 있다. 입력 완료 객체(360)를 통해 저장된 어노테이션 객체는 해당 어노테이션 객체를 입력한 사용자 또는 다른 사용자가 추후 다시 확인할 수 있다. 전술한 어노테이션과 관련된 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 어노테이션 객체에 대한 입력 되돌리기 객체 또는 되살리기 객체(340)를 표시할 수 있다. 디자인 이미지 레이어(700)는 어노테이션 객체에 대한 입력 되돌리기 객체 또는 되살리기 객체(340)를 포함할 수 있다. 되돌리기 객체에 대한 사용자 선택 입력에 따라 가장 최근에 입력된 어노테이션 객체에 대한 입력이 삭제될 수 있다. 또는, 되살리기 객체에 대한 사용자 선택 입력에 따라 되돌리기에 따라 삭제된 어노테이션 객체가 다시 생성될 수 있다. 전술한 어노테이션과 관련된 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 사용자 어노테이션 입력에 대응되도록 하나 이상의 디자인 데이터 또는 디자인 이미지 중 적어도 하나를 변경하여 표시할 수 있다. 디자인 이미지 레이어(700) 또는 선택 레이어(220) 중 적어도 하나의 레이어는 사용자 어노테이션 입력에 대응되도록 변경된 디자인 이미지 또는 변경된 디자인 데이터 중 적어도 하나를 포함할 수 있다. 사용자 어노테이션 입력은 디자인 이미지의 적어도 일 부분을 변경하는 입력일 수 있다. 프로세서(120)는 사용자 어노테이션 입력을 이용하여 디자인 이미지의 적어도 일 부분을 변경하여 표시할 수 있다. 디자인 이미지 레이어(700)는 사용자 어노테이션 입력에 대응하여 적어도 일부가 변경된 디자인 이미지를 포함할 수 있다. 예를 들어, 사용자 어노테이션 입력은 티셔츠의 옆면 곡선 라인을 수정하는 어노테이션 객체(330)에 대한 입력일 수 있다. 예를 들어, 프로세서(120)는 어노테이션 객체(330)에 대한 입력을 식별하여 티셔츠의 라인을 수정하여 디자인 이미지를 표시할 수 있다. 디자인 이미지 레이어(700)는 어노테이션 객체(330)에 대한 입력을 식별하여 티셔츠의 라인이 적어도 일부 수정된 디자인 이미지를 더 포함할 수 있다. 또는, 프로세서(120)는 어노테이션 객체(330)에 대한 입력을 식별하여 티셔츠의 치수를 수정하여 디자인 데이터를 표시할 수 있다. 선택 레이어(220)는 어노테이션 객체(330)에 대한 입력을 식별하여 수정된 디자인 데이터를 더 포함할 수 있다. 전술한 어노테이션과 관련된 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

프로세서(120)는 사용자 인터페이스에 어노테이션 목록 레이어가 추가적으로 더 표시되도록 할 수 있다. 어노테이션 목록 레이어는 사용자 인터페이스의 일 영역에 배치되어, 사용자들이 입력한 어노테이션 정보들을 표시할 수 있다. 어노테이션 목록 레이어는 예를 들어, 사용자가 어노테이션 입력을 수행한 시간 순서대로 정렬되어 어노테이션 정보를 표시할 수도 있고, 또는 사용자가 지정한 어노테이션 순서대로 정렬되어 어노테이션 정보를 표시할 수도 있다. 프로세서(120)는 어노테이션 목록 레이어에 포함된 어노테이션 정보에 대한 사용자 선택 입력을 수신할 수 있다. 디자인 이미지 레이어(700) 또는 선택 레이어(220) 중 적어도 하나는 어노테이션 목록 레이어에서의 사용자 선택 입력에 대응되는 어노테이션 정보들을 표시할 수 있다. 전술한 어노테이션 목록 레이어에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.

다른 사용자에게 어노테이션 입력을 통해 추가 데이터를 전달함으로써 다자간의 의류 디자인에 관한 효율적인 커뮤니케이션이 수행될 수 있다. 기존에 전화 또는 수기로 전달하던 피드백을 온라인 상에서 의류 이미지 상에 직접 표시하여 전달함으로써 피드백 전달에 대한 정확성이 향상될 수 있다.

도 5는 본 개시의 일 실시예에 따라 디자인 정보를 표시하는 사용자 인터페이스를 제공하기 위한 순서도이다.

컴퓨팅 장치(100)는 디자인 이미지 및 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 표시(610)할 수 있다. 디자인 이미지는 3차원의 이미지일 수 있다.

컴퓨팅 장치(100)는 디자인 이미지에 대한 사용자 조정 입력에 응답하여 디자인 이미지가 표시되는 위치, 각도 또는 크기 중 적어도 하나를 조정하여 추가로 표시할 수 있다.

컴퓨팅 장치(100)는 디자인 이미지에 관한 특징을 변경하는 사용자 선택 입력을 허용하는 디자인 이미지 변경 레이어를 추가로 표시할 수 있다. 컴퓨팅 장치(100)는 이미지 변경 레이어에서의 사용자 선택 입력에 응답하여 디자인 이미지의 특징을 변경하여 추가로 표시할 수 있다.

컴퓨팅 장치(100)는 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 선택 레이어를 표시(620)할 수 있다. 디자인 이미지가 표시되는 레이어와 선택 레이어는 상이한 레이어일 수 있다. 선택 레이어는 사용자 입력에 응답하여 디자인 이미지가 표시되는 레이어와 독립적으로 이동될 수 있다.

선택 레이어는 하나 이상의 카테고리 객체를 포함하고 그리고 카테고리 객체에 대한 사용자 선택 입력을 허용하는 카테고리 영역 및 사용자 선택 입력에 따른 카테고리 객체에 대응되는 하나 이상의 디자인 데이터를 표시하는 디자인 데이터 영역을 포함할 수 있다. 카테고리 객체는, 패턴 카테고리 객체, 소재 카테고리 객체, 부자재 카테고리 객체 또는 치수 카테고리 객체 중 적어도 하나를 포함할 수 있다. 디자인 데이터 영역은, 하나 이상의 디자인 데이터를 식별하는 식별 데이터 또는 하나 이상의 디자인 데이터를 설명하는 설명 데이터 중 적어도 하나를 표시할 수 있다.

컴퓨팅 장치(100)는 선택 레이어에서의 사용자 선택 입력에 응답하여, 사용자 선택 입력에 대응되는 하나 이상의 영역에서의 시각적 표현을 디자인 이미지 상에 표시(630)할 수 있다.

시각적 표현은 디자인 이미지 상에서 디자인 데이터를 식별하는 식별 데이터 또는 디자인 이미지 상에서 디자인 데이터에 대응되는 영역을 표시하는 서브 디자인 이미지 데이터 중 적어도 하나를 포함할 수 있다. 시각적 표현은, 사용자 선택 입력에 대응하는 디자인 이미지의 하나 이상의 영역과 디자인 이미지의 다른 영역을 구별하여 표시하는 것일 수 있다.

컴퓨팅 장치(100)는 디자인 이미지 또는 디자인 데이터 중 적어도 하나에 대한 사용자 어노테이션 입력을 허용하기 위하여 어노테이션 레이어를 추가로 표시할 수 있다.

어노테이션 레이어는 하나 이상의 어노테이션 종류에 대한 사용자 선택 입력을 허용하는 하나 이상의 어노테이션 객체를 포함할 수 있다.

컴퓨팅 장치(100)는 어노테이션 레이어에 포함된 어노테이션 객체 및 어노테이션 객체를 표시하는 위치에 대한 사용자 입력에 응답하여, 해당 위치에 어노테이션 객체를 추가로 표시할 수 있다.

컴퓨팅 장치(100)는 사용자 어노테이션 입력에 대응되도록 하나 이상의 디자인 데이터 또는 디자인 이미지 중 적어도 하나를 변경하여 추가로 표시할 수 있다.

본 개시의 일 실시예에 따라 사용자 선택 기반 디자인 정보를 제공하는 사용자 인터페이스는, 사용자 디자인 정보를 제공하는 로직에 의해 구현될 수 있다.

사용자 인터페이스는, 디자인 이미지 및 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 표시하는 로직, 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 선택 레이어를 표시하는 로직, 그리고 선택 레이어에서의 사용자 선택 입력에 응답하여, 사용자 선택 입력에 대응되는 하나 이상의 영역에서의 시각적 표현을 디자인 이미지 상에 표시하는 로직에 의해 구현될 수 있다.

전술한 사용자 인터페이스는, 디자인 이미지 또는 디자인 데이터 중 적어도 하나에 대한 사용자 어노테이션 입력을 허용하기 위하여 어노테이션 레이어를 추가로 표시하는 로직에 의해 구현될 수도 있다.

전술한 사용자 인터페이스는, 어노테이션 레이어에 포함된 어노테이션 객체 및 어노테이션 객체를 표시하는 위치에 대한 사용자 입력에 응답하여, 해당 위치에 어노테이션 객체를 추가로 표시하는 로직에 의해 구현될 수도 있다.

전술한 사용자 인터페이스는, 사용자 어노테이션 입력에 대응되도록 하나 이상의 디자인 데이터 또는 디자인 이미지 중 적어도 하나를 변경하여 추가로 표시하는 로직에 의해 구현될 수도 있다.

전술한 사용자 인터페이스는, 디자인 이미지에 관한 특징을 변경하는 사용자 선택 입력을 허용하는 디자인 이미지 변경 레이어를 추가로 표시하는 로직, 그리고 이미지 변경 레이어에서의 사용자 선택 입력에 응답하여 디자인 이미지의 특징을 변경하여 추가로 표시하는 로직에 의해 구현될 수도 있다.

전술한 사용자 디자인 정보를 제공하는 로직은, 그와 대응되는 모듈, 회로 또는 수단에 의해 구현될 수도 있다.

도 6은 본 개시의 일 실시예에 따른 컴퓨팅 장치의 블록 구성도이다.

도 6은 본 개시의 실시예들이 구현될 수 있는 예시적인 컴퓨팅 환경에 대한 간략하고 일반적인 개략도이다.

본 개시가 일반적으로 하나 이상의 컴퓨터 상에서 실행될 수 있는 컴퓨터 실행가능 명령어와 관련하여 전술되었지만, 당업자라면 본 개시가 기타 프로그램 모듈들과 결합되어 및/또는 하드웨어와 소프트웨어의 조합으로써 구현될 수 있다는 것을 잘 알 것이다.

일반적으로, 프로그램 모듈은 특정의 태스크를 수행하거나 특정의 추상 데이터 유형을 구현하는 루틴, 프로그램, 컴포넌트, 데이터 구조, 기타 등등을 포함한다. 또한, 당업자라면 본 개시의 방법이 단일-프로세서 또는 멀티프로세서 컴퓨터 시스템, 미니컴퓨터, 메인프레임 컴퓨터는 물론 퍼스널 컴퓨터, 핸드 헬드 컴퓨팅 장치, 마이크로프로세서-기반 또는 프로그램가능 가전 제품, 기타 등등(이들 각각은 하나 이상의 연관된 장치와 연결되어 동작할 수 있음)을 비롯한 다른 컴퓨터 시스템 구성으로 실시될 수 있다는 것을 잘 알 것이다.

본 개시의 설명된 실시예들은 또한 어떤 태스크들이 통신 네트워크를 통해 연결되어 있는 원격 처리 장치들에 의해 수행되는 분산 컴퓨팅 환경에서 실시될 수 있다. 분산 컴퓨팅 환경에서, 프로그램 모듈은 로컬 및 원격 메모리 저장 장치 둘 다에 위치할 수 있다.

컴퓨터는 통상적으로 다양한 컴퓨터 판독가능 매체를 포함한다. 컴퓨터에 의해 액세스 가능한 매체는 그 어떤 것이든지 컴퓨터 판독가능 매체가 될 수 있다. 컴퓨터 판독가능 매체는 휘발성 및 비휘발성 매체, 일시적(transitory) 및 비일시적(non-transitory) 매체, 이동식 및 비-이동식 매체를 포함한다. 제한이 아닌 예로서, 컴퓨터 판독가능 매체는 컴퓨터 판독가능 저장 매체 및 컴퓨터 판독가능 전송 매체를 포함할 수 있다. 컴퓨터 판독가능 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보를 저장하는 임의의 방법 또는 기술로 구현되는 휘발성 및 비휘발성 매체, 일시적 및 비-일시적 매체, 이동식 및 비이동식 매체를 포함한다. 컴퓨터 저장 매체는 RAM, ROM, EEPROM, 플래시 메모리 또는 기타 메모리 기술, CD-ROM, DVD(digital video disk) 또는 기타 광 디스크 저장 장치, 자기 카세트, 자기 테이프, 자기 디스크 저장 장치 또는 기타 자기 저장 장치, 또는 컴퓨터에 의해 액세스될 수 있고 원하는 정보를 저장하는 데 사용될 수 있는 임의의 기타 매체를 포함하지만, 이에 한정되지 않는다.

컴퓨터 판독가능 전송 매체는 통상적으로 기타 전송 메커니즘(transport mechanism)과 같은 피변조 데이터 신호(modulated data signal)에 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터 등을 구현하고 모든 정보 전달 매체를 포함한다. 피변조 데이터 신호라는 용어는 신호 내에 정보를 인코딩하도록 그 신호의 특성들 중 하나 이상을 설정 또는 변경시킨 신호를 의미한다. 제한이 아닌 예로서, 컴퓨터 판독가능 전송 매체는 유선 네트워크 또는 직접 배선 접속(direct-wired connection)과 같은 유선 매체, 그리고 음향, RF, 적외선, 기타 무선 매체와 같은 무선 매체를 포함한다. 상술된 매체들 중 임의의 것의 조합도 역시 컴퓨터 판독가능 전송 매체의 범위 안에 포함되는 것으로 한다.

컴퓨터(1102)를 포함하는 본 개시의 여러가지 측면들을 구현하는 예시적인 환경(1100)이 나타내어져 있으며, 컴퓨터(1102)는 처리 장치(1104), 시스템 메모리(1106) 및 시스템 버스(1108)를 포함한다. 시스템 버스(1108)는 시스템 메모리(1106)(이에 한정되지 않음)를 비롯한 시스템 컴포넌트들을 처리 장치(1104)에 연결시킨다. 처리 장치(1104)는 다양한 상용 프로세서들 중 임의의 프로세서일 수 있다. 듀얼 프로세서 및 기타 멀티프로세서 아키텍처도 역시 처리 장치(1104)로서 이용될 수 있다.

시스템 버스(1108)는 메모리 버스, 주변장치 버스, 및 다양한 상용 버스 아키텍처 중 임의의 것을 사용하는 로컬 버스에 추가적으로 상호 연결될 수 있는 몇 가지 유형의 버스 구조 중 임의의 것일 수 있다. 시스템 메모리(1106)는 판독 전용 메모리(ROM)(1110) 및 랜덤 액세스 메모리(RAM)(1112)를 포함한다. 기본 입/출력 시스템(BIOS)은 ROM, EPROM, EEPROM 등의 비휘발성 메모리(1110)에 저장되며, 이 BIOS는 시동 중과 같은 때에 컴퓨터(1102) 내의 구성요소들 간에 정보를 전송하는 일을 돕는 기본적인 루틴을 포함한다. RAM(1112)은 또한 데이터를 캐싱하기 위한 정적 RAM 등의 고속 RAM을 포함할 수 있다.

컴퓨터(1102)는 또한 내장형 하드 디스크 드라이브(HDD)(1114)(예를 들어, EIDE, SATA)-이 내장형 하드 디스크 드라이브(1114)는 또한 적당한 섀시(도시 생략) 내에서 외장형 용도로 구성될 수 있음-, 자기 플로피 디스크 드라이브(FDD)(1116)(예를 들어, 이동식 디스켓(1118)으로부터 판독을 하거나 그에 기록을 하기 위한 것임), 및 광 디스크 드라이브(1120)(예를 들어, CD-ROM 디스크(1122)를 판독하거나 DVD 등의 기타 고용량 광 매체로부터 판독을 하거나 그에 기록을 하기 위한 것임)를 포함한다. 하드 디스크 드라이브(1114), 자기 디스크 드라이브(1116) 및 광 디스크 드라이브(1120)는 각각 하드 디스크 드라이브 인터페이스(1124), 자기 디스크 드라이브 인터페이스(1126) 및 광 드라이브 인터페이스(1128)에 의해 시스템 버스(1108)에 연결될 수 있다. 외장형 드라이브 구현을 위한 인터페이스(1124)는 USB(Universal Serial Bus) 및 IEEE 1394 인터페이스 기술 중 적어도 하나 또는 그 둘 다를 포함한다.

이들 드라이브 및 그와 연관된 컴퓨터 판독가능 매체는 데이터, 데이터 구조, 컴퓨터 실행가능 명령어, 기타 등등의 비 휘발성 저장을 제공한다. 컴퓨터(1102)의 경우, 드라이브 및 매체는 임의의 데이터를 적당한 디지털 형식으로 저장하는 것에 대응한다. 상기에서의 컴퓨터 판독가능 매체에 대한 설명이 HDD, 이동식 자기 디스크, 및 CD 또는 DVD 등의 이동식 광 매체를 언급하고 있지만, 당업자라면 집 드라이브(zip drive), 자기 카세트, 플래쉬 메모리 카드, 카트리지, 기타 등등의 컴퓨터에 의해 판독가능한 다른 유형의 매체도 역시 예시 적인 운영 환경에서 사용될 수 있으며 또 임의의 이러한 매체가 본 개시의 방법들을 수행하기 위한 컴퓨터 실행가능 명령어를 포함할 수 있다는 것을 잘 알 것이다.

운영 체제(1130), 하나 이상의 애플리케이션 프로그램(1132), 기타 프로그램 모듈(1134) 및 프로그램 데이터(1136)를 비롯한 다수의 프로그램 모듈이 드라이브 및 RAM(1112)에 저장될 수 있다. 운영 체제, 애플리케이션, 모듈 및/또는 데이터의 전부 또는 그 일부분이 또한 RAM(1112)에 캐싱될 수 있다. 본 개시가 여러가지 상업적으로 이용가능한 운영 체제 또는 운영 체제들의 조합에서 구현될 수 있다는 것을 잘 알 것이다.

사용자는 하나 이상의 유선/무선 입력 장치, 예를 들어, 키보드(1138) 및 마우스(1140) 등의 포인팅 장치를 통해 컴퓨터(1102)에 명령 및 정보를 입력할 수 있다. 기타 입력 장치(도시 생략)로는 마이크, IR 리모콘, 조이스틱, 게임 패드, 스타일러스 펜, 터치 스크린, 기타 등등이 있을 수 있다. 이들 및 기타 입력 장치가 종종 시스템 버스(1108)에 연결되어 있는 입력 장치 인터페이스(1142)를 통해 처리 장치(1104)에 연결되지만, 병렬 포트, IEEE 1394 직렬 포트, USB 포트, IR 인터페이스, 기타 등등의 기타 인터페이스에 의해 연결될 수 있다.

모니터(1144) 또는 다른 유형의 디스플레이 장치도 역시 비디오 어댑터(1146) 등의 인터페이스를 통해 시스템 버스(1108)에 연결된다. 모니터(1144)에 부가하여, 컴퓨터는 일반적으로 스피커, 프린터, 기타 등등의 기타 주변 출력 장치(도시 생략)를 포함한다.

컴퓨터(1102)는 유선 및/또는 무선 통신을 통한 원격 컴퓨터(들)(1148) 등의 하나 이상의 원격 컴퓨터로의 논리적 연결을 사용하여 네트워크화 된 환경에서 동작할 수 있다. 원격 컴퓨터(들)(1148)는 워크스테이션, 컴퓨팅 디바이스 컴퓨터, 라우터, 퍼스널 컴퓨터, 휴대용 컴퓨터, 마이크로프로세서-기반 오락 기기, 피어 장치 또는 기타 통상의 네트워크 노드일 수 있으며, 일반적으로 컴퓨터(1102)에 대해 기술된 구성요소들 중 다수 또는 그 전부를 포함하지만, 간략함을 위해, 메모리 저장 장치(1150)만이 도시되어 있다. 도시되어 있는 논리적 연결은 근거리 통신망(LAN)(1152) 및/또는 더 큰 네트워크, 예를 들어, 원거리 통신망(WAN)(1154)에의 유선/무선 연결을 포함한다. 이러한 LAN 및 WAN 네트워킹 환경은 사무실 및 회사에서 일반적인 것이며, 인트라넷 등의 전사적 컴퓨터 네트워크(enterprise-wide computer network)를 용이하게 해주며, 이들 모두는 전세계 컴퓨터 네트워크, 예를 들어, 인터넷에 연결될 수 있다.

LAN 네트워킹 환경에서 사용될 때, 컴퓨터(1102)는 유선 및/또는 무선 통신 네트워크 인터페이스 또는 어댑터(1156)를 통해 로컬 네트워크(1152)에 연결된다. 어댑터(1156)는 LAN(1152)에의 유선 또는 무선 통신을 용이하게 해줄 수 있으며, 이 LAN(1152)은 또한 무선 어댑터(1156)와 통신하기 위해 그에 설치되어 있는 무선 액세스 포인트를 포함하고 있다. WAN 네트워킹 환경에서 사용될 때, 컴퓨터(1102)는 모뎀(1158)을 포함할 수 있거나, WAN(1154) 상의 통신 컴퓨팅 디바이스에 연결되거나, 또는 인터넷을 통하는 등, WAN(1154)을 통해 통신을 설정하는 기타 수단을 갖는다. 내장형 또는 외장형 및 유선 또는 무선 장치일 수 있는 모뎀(1158)은 직렬 포트 인터페이스(1142)를 통해 시스템 버스(1108)에 연결된다. 네트워크화 된 환경에서, 컴퓨터(1102)에 대해 설명된 프로그램 모듈들 또는 그의 일부분이 원격 메모리/저장 장치(1150)에 저장될 수 있다. 도시된 네트워크 연결이 예시 적인 것이며 컴퓨터들 사이에 통신 링크를 설정하는 기타 수단이 사용될 수 있다는 것을 잘 알 것이다.

컴퓨터(1102)는 무선 통신으로 배치되어 동작하는 임의의 무선 장치 또는 개체, 예를 들어, 프린터, 스캐너, 데스크톱 및/또는 휴대용 컴퓨터, PDA(portable data assistant), 통신 위성, 무선 검출가능 태그와 연관된 임의의 장비 또는 장소, 및 전화와 통신을 하는 동작을 한다. 이것은 적어도 Wi-Fi 및 블루투스 무선 기술을 포함한다. 따라서, 통신은 종래의 네트워크에서와 같이 미리 정의된 구조이거나 단순하게 적어도 2개의 장치 사이의 애드혹 통신(ad hoc communication)일 수 있다.

Wi-Fi(Wireless Fidelity)는 유선 없이도 인터넷 등으로의 연결을 가능하게 해준다. Wi-Fi는 이러한 장치, 예를 들어, 컴퓨터가 실내에서 및 실외에서, 즉 기지국의 통화권 내의 아무 곳에서나 데이터를 전송 및 수신할 수 있게 해주는 셀 전화와 같은 무선 기술이다. Wi-Fi 네트워크는 안전하고 신뢰성 있으며 고속인 무선 연결을 제공하기 위해 IEEE 802.11(a,b,g, 기타)이라고 하는 무선 기술을 사용한다. 컴퓨터를 서로에, 인터넷에 및 유선 네트워크(IEEE 802.3 또는 이더넷을 사용함)에 연결시키기 위해 Wi-Fi가 사용될 수 있다. Wi-Fi 네트워크는 비인가 2.4 및 5 GHz 무선 대역에서, 예를 들어, 11Mbps(802.11a) 또는 54 Mbps(802.11b) 데이터 레이트로 동작하거나, 양 대역(듀얼 대역)을 포함하는 제품에서 동작할 수 있다.

본 개시의 기술 분야에서 통상의 지식을 가진 자는 정보 및 신호들이 임의의 다양한 상이한 기술들 및 기법들을 이용하여 표현될 수 있다는 것을 이해할 것이다. 예를 들어, 위의 설명에서 참조될 수 있는 데이터, 지시들, 명령들, 정보, 신호들, 비트들, 심볼들 및 칩들은 전압들, 전류들, 전자기파들, 자기장들 또는 입자들, 광학장들 또는 입자들, 또는 이들의 임의의 결합에 의해 표현될 수 있다.

본 개시의 기술 분야에서 통상의 지식을 가진 자는 여기에 개시된 실시예들과 관련하여 설명된 다양한 예시적인 논리 블록들, 모듈들, 프로세서들, 수단들, 회로들 및 알고리즘 단계들이 전자 하드웨어, (편의를 위해, 여기에서 "소프트웨어"로 지칭되는) 다양한 형태들의 프로그램 또는 설계 코드 또는 이들 모두의 결합에 의해 구현될 수 있다는 것을 이해할 것이다. 하드웨어 및 소프트웨어의 이러한 상호 호환성을 명확하게 설명하기 위해, 다양한 예시적인 컴포넌트들, 블록들, 모듈들, 회로들 및 단계들이 이들의 기능과 관련하여 위에서 일반적으로 설명되었다. 이러한 기능이 하드웨어 또는 소프트웨어로서 구현되는지 여부는 특정한 애플리케이션 및 전체 시스템에 대하여 부과되는 설계 제약들에 따라 좌우된다. 본 개시의 기술 분야에서 통상의 지식을 가진 자는 각각의 특정한 애플리케이션에 대하여 다양한 방식들로 설명된 기능을 구현할 수 있으나, 이러한 구현 결정들은 본 개시의 범위를 벗어나는 것으로 해석되어서는 안 될 것이다.

여기서 제시된 다양한 실시예들은 방법, 장치, 또는 표준 프로그래밍 및/또는 엔지니어링 기술을 사용한 제조 물품(article)으로 구현될 수 있다. 용어 "제조 물품"은 임의의 컴퓨터-판독가능 장치로부터 액세스 가능한 컴퓨터 프로그램 또는 매체(media)를 포함한다. 예를 들어, 컴퓨터-판독가능 매체는 자기 저장 장치(예를 들면, 하드 디스크, 플로피 디스크, 자기 스트립, 등), 광학 디스크(예를 들면, CD, DVD, 등), 스마트 카드, 및 플래쉬 메모리 장치(예를 들면, EEPROM, 카드, 스틱, 키 드라이브, 등)를 포함하지만, 이들로 제한되는 것은 아니다. 또한, 여기서 제시되는 다양한 저장 매체는 정보를 저장하기 위한 하나 이상의 장치 및/또는 다른 기계-판독가능한 매체를 포함한다.

제시된 프로세스들에 있는 단계들의 특정한 순서 또는 계층 구조는 예시적인 접근들의 일례임을 이해하도록 한다. 설계 우선순위들에 기반하여, 본 개시의 범위 내에서 프로세스들에 있는 단계들의 특정한 순서 또는 계층 구조가 재배열될 수 있다는 것을 이해하도록 한다. 첨부된 방법 청구항들은 샘플 순서로 다양한 단계들의 엘리먼트들을 제공하지만 제시된 특정한 순서 또는 계층 구조에 한정되는 것을 의미하지는 않는다.

제시된 실시예들에 대한 설명은 임의의 본 개시의 기술 분야에서 통상의 지식을 가진 자가 본 개시를 이용하거나 또는 실시할 수 있도록 제공된다. 이러한 실시예들에 대한 다양한 변형들은 본 개시의 기술 분야에서 통상의 지식을 가진 자에게 명백할 것이다. 여기에 정의된 일반적인 원리들은 본 개시의 범위를 벗어남이 없이 다른 실시예들에 적용될 수 있다. 그리하여, 본 개시는 여기에 제시된 실시예들로 한정되는 것이 아니라, 여기에 제시된 원리들 및 신규한 특징들과 일관되는 최광의의 범위에서 해석되어야 할 것이다.

Claims

컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램으로서, 상기 컴퓨터 프로그램은 컴퓨팅 장치의 하나 이상의 프로세서에서 실행되는 경우 디자인 정보를 표시하는 사용자 인터페이스(UI)를 제공하며, 상기 사용자 인터페이스는:
디자인 이미지를 포함하고, 선택 레이어에서의 사용자 선택 입력에 응답하여, 상기 사용자 선택 입력에 대응되는 하나 이상의 영역에, 상기 사용자 선택 입력된 디자인 데이터의 식별 데이터와 대응되는 식별 데이터를 포함하는 시각적 표현을 상기 디자인 이미지 상에 표시하는, 디자인 이미지 레이어;
상기 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 포함하고, 상기 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 상기 선택 레이어; 및
상기 디자인 이미지 또는 상기 디자인 데이터 중 적어도 하나에 대한 사용자의 어노테이션 입력을 허용하는 어노테이션 객체를 포함하는 어노테이션 레이어;
를 포함하고,
상기 선택 레이어는:
하나 이상의 카테고리 객체를 포함하고 그리고 카테고리 객체에 대한 사용자 선택 입력을 허용하는 카테고리 영역; 및
상기 사용자 선택 입력에 따른 카테고리 객체에 대응되는 하나 이상의 디자인 데이터를 표시하는 디자인 데이터 영역을 포함하고,
상기 디자인 데이터 영역은,
상기 사용자 선택 입력에 따른 상기 카테고리 객체에 따라 상이한 방식으로 표시되는 설명 데이터가 표시되고,
상기 설명 데이터는,
상기 하나 이상의 디자인 데이터를 설명하는 이미지, 상기 하나 이상의 디자인 데이터를 설명하는 문자, 상기 하나 이상의 디자인 데이터에 대응되는 디자인 이미지의 적어도 일 부분을 삼차원으로 표현한 이미지 및 상기 하나 이상의 디자인 데이터에 대응되는 디자인 이미지의 적어도 일 부분이 움직이는 모습에 관한 영상 중 적어도 하나를 포함하고,
상기 어노테이션 객체는,
상기 디자인 이미지 및 상기 디자인 데이터 중 적어도 하나를 어노테이션하기 위한 도형 및 글자 중 적어도 하나를 포함하는 제1 객체, 상기 디자인 이미지의 변경을 어노테이션하기 위한 선을 포함하는 제2 객체 및 상기 디자인 데이터의 변경을 어노테이션하기 위한 정보를 포함하는 제3 객체를 포함하고,
상기 프로세서는,
상기 사용자의 어노테이션 입력에 대응하는 상기 어노테이션 객체를 식별하고,
상기 식별된 어노테이션 객체가 상기 제1 객체인 경우, 상기 제1 객체에 대응하여 수신된 위치 정보에 기초하여, 해당하는 위치에 상기 도형 및 상기 글자 중 적어도 하나를 표시하며,
상기 어노테이션 객체가 상기 제2 객체인 경우, 상기 제2 객체에 대한 입력을 식별하여 상기 디자인 이미지에 포함된 적어도 하나의 선을 변경하여 표시하고, 그리고
상기 어노테이션 객체가 상기 제3 객체인 경우, 상기 제3 객체에 대한 입력을 식별하여 상기 디자인 데이터를 변경하여 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 1 항에 있어서,
상기 디자인 이미지 레이어와 상기 선택 레이어는 상이한 레이어이고, 그리고 상기 선택 레이어는 사용자 입력에 응답하여 상기 디자인 이미지 레이어와 독립적으로 이동되는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 1 항에 있어서,
상기 선택 레이어에 포함된 적어도 일부의 영역은, 투명도가 사전 결정된 임계 값 이상으로 설정되어 표시되는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 1 항에 있어서,
상기 선택 레이어에 포함된 상기 카테고리 영역과 상기 디자인 데이터 영역은 나란히 배치되는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 1 항에 있어서,
상기 카테고리 객체는, 패턴 카테고리 객체, 소재 카테고리 객체, 부자재 카테고리 객체 또는 치수 카테고리 객체 중 적어도 하나를 포함하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 1 항에 있어서,
상기 디자인 데이터 영역은, 상기 하나 이상의 디자인 데이터를 식별하는 식별 데이터를 더 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 6 항에 있어서,
상기 시각적 표현은:
상기 디자인 이미지 상에서 상기 디자인 데이터에 대응되는 영역을 표시하는 서브(sub) 디자인 이미지 데이터;
를 포함하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 1 항에 있어서,
상기 시각적 표현은, 상기 사용자 선택 입력에 대응하는 상기 디자인 이미지의 하나 이상의 영역과 상기 디자인 이미지의 다른 영역을 구별하여 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 8 항에 있어서,
상기 시각적 표현은,
상기 디자인 이미지의 다른 영역에 대한 투명도를 높여서 표시함으로써, 상기 하나 이상의 영역과 상기 다른 영역을 시각적으로 구별하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 8 항에 있어서,
상기 시각적 표현은,
상기 사용자 선택 입력에 대응되는 상기 디자인 이미지의 하나 이상의 영역의 외곽선을 표시함으로써, 상기 하나 이상의 영역과 상기 다른 영역을 시각적으로 구별하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 8 항에 있어서,
상기 시각적 표현은,
상기 사용자 선택 입력에 대응되는 상기 디자인 이미지의 하나 이상의 영역의 색상을 다른 영역과 구별되는 색상으로 표시함으로써, 상기 하나 이상의 영역과 상기 다른 영역을 시각적으로 구별하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
삭제
제 1 항에 있어서,
상기 어노테이션 레이어는,
하나 이상의 어노테이션 종류에 대한 사용자 선택 입력을 허용하는 하나 이상의 어노테이션 객체;
를 포함하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 13 항에 있어서,
상기 디자인 이미지 레이어 또는 상기 선택 레이어 중 적어도 하나는:
상기 어노테이션 레이어에 포함된 어노테이션 객체 및 상기 어노테이션 객체를 표시하는 위치에 대한 사용자 입력에 응답하여, 상기 위치에 표시된 상기 어노테이션 객체;
를 더 포함하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 1 항에 있어서,
상기 디자인 이미지 레이어 또는 상기 선택 레이어 중 적어도 하나는:
상기 사용자의 어노테이션 입력에 대응되도록 변경된 상기 하나 이상의 디자인 데이터 또는 상기 디자인 이미지 중 적어도 하나를 포함하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 1 항에 있어서,
상기 디자인 이미지는 3차원의 이미지이고, 그리고
상기 디자인 이미지 레이어는:
상기 디자인 이미지에 대한 사용자 조정 입력에 응답하여 상기 디자인 이미지가 표시되는 위치, 각도 또는 크기 중 적어도 하나가 조정된 디자인 이미지;
를 더 포함하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 1 항에 있어서,
상기 사용자 인터페이스는:
상기 디자인 이미지에 관한 특징을 변경하는 사용자 선택 입력을 허용하는 디자인 이미지 변경 레이어;
를 더 포함하고, 그리고
상기 디자인 이미지 레이어는:
상기 디자인 이미지 변경 레이어에서의 사용자 선택 입력에 응답하여 특징이 변경된 디자인 이미지;
를 더 포함하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 1 항에 있어서,
상기 디자인 이미지 레이어는,
사용자 선택 입력을 허용하는 하나 이상의 디자인 이미지 서브 객체를 포함하는 상기 디자인 이미지;
를 포함하고, 그리고
상기 선택 레이어는,
상기 디자인 이미지 서브 객체에 관한 사용자 선택 입력에 응답하여, 상기 디자인 이미지 서브 객체에 관한 사용자 선택 입력에 대응되는 하나 이상의 디자인 데이터에 관한 시각적 표현을 상기 디자인 데이터 상에 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
제 1 항에 있어서,
상기 선택 레이어는,
상기 하나 이상의 디자인 데이터 중 매칭된 어노테이션이 있는 디자인 데이터와 매칭된 어노테이션이 없는 디자인 데이터를 상이하게 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
사용자 단말에서 디자인 정보를 제공하는 방법으로서,
디자인 이미지 및 상기 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 표시하는 단계;
상기 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 선택 레이어를 표시하는 단계;
상기 선택 레이어에서의 사용자 선택 입력에 응답하여, 상기 사용자 선택 입력에 대응되는 하나 이상의 영역에, 상기 사용자 선택 입력된 디자인 데이터의 식별 데이터와 대응되는 식별 데이터를 포함하는, 시각적 표현을 상기 디자인 이미지 상에 표시하는 단계; 및
상기 디자인 이미지 또는 상기 디자인 데이터 중 적어도 하나에 대한 사용자의 어노테이션 입력을 허용하는 어노테이션 객체를 포함하는 어노테이션 레이어를 표시하는 단계;
를 포함하고,
상기 선택 레이어는:
하나 이상의 카테고리 객체를 포함하고 그리고 카테고리 객체에 대한 사용자 선택 입력을 허용하는 카테고리 영역; 및
상기 사용자 선택 입력에 따른 카테고리 객체에 대응되는 하나 이상의 디자인 데이터를 표시하는 디자인 데이터 영역을 포함하고,
상기 디자인 데이터 영역은,
상기 사용자 선택 입력에 따른 상기 카테고리 객체에 따라 상이한 방식으로 표시되는 설명 데이터가 표시되고,
상기 설명 데이터는,
상기 하나 이상의 디자인 데이터를 설명하는 이미지, 상기 하나 이상의 디자인 데이터를 설명하는 문자, 상기 하나 이상의 디자인 데이터에 대응되는 디자인 이미지의 적어도 일 부분을 삼차원으로 표현한 이미지 및 상기 하나 이상의 디자인 데이터에 대응되는 디자인 이미지의 적어도 일 부분이 움직이는 모습에 관한 영상 중 적어도 하나를 포함하고,
상기 어노테이션 객체는,
상기 디자인 이미지 및 상기 디자인 데이터 중 적어도 하나를 어노테이션하기 위한 도형 및 글자 중 적어도 하나를 포함하는 제1 객체, 상기 디자인 이미지의 변경을 어노테이션하기 위한 선을 포함하는 제2 객체 및 상기 디자인 데이터의 변경을 어노테이션하기 위한 정보를 포함하는 제3 객체를 포함하고,
프로세서는,
상기 사용자의 어노테이션 입력에 대응하는 상기 어노테이션 객체를 식별하고,
상기 식별된 어노테이션 객체가 상기 제1 객체인 경우, 상기 제1 객체에 대응하여 수신된 위치 정보에 기초하여, 해당하는 위치에 상기 도형 및 상기 글자 중 적어도 하나를 표시하며,
상기 어노테이션 객체가 상기 제2 객체인 경우, 상기 제2 객체에 대한 입력을 식별하여 상기 디자인 이미지에 포함된 적어도 하나의 선을 변경하여 표시하고, 그리고
상기 어노테이션 객체가 상기 제3 객체인 경우, 상기 제3 객체에 대한 입력을 식별하여 상기 디자인 데이터를 변경하여 표시하는, 사용자 단말에서 디자인 정보를 제공하는 방법.
사용자 단말로서,
하나 이상의 코어를 포함하는 프로세서;
메모리; 및
사용자 인터페이스를 제공하는 출력사용자 단말로서,
하나 이상의 코어를 포함하는 프로세서;
메모리; 및
사용자 인터페이스를 제공하는 출력부;
를 포함하고,
상기 사용자 인터페이스는,
디자인 이미지 및 상기 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 표시하고,
상기 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 선택 레이어를 표시하고,
상기 선택 레이어에서의 사용자 선택 입력에 응답하여, 상기 사용자 선택 입력에 대응되는 하나 이상의 영역에, 상기 사용자 선택 입력된 디자인 데이터의 식별 데이터와 대응되는 식별 데이터를 포함하는, 시각적 표현을 상기 디자인 이미지 상에 표시하고, 그리고
상기 디자인 이미지 또는 상기 디자인 데이터 중 적어도 하나에 대한 사용자의 어노테이션 입력을 허용하는 어노테이션 객체를 포함하는 어노테이션 레이어를 표시하고,
상기 선택 레이어는:
하나 이상의 카테고리 객체를 포함하고 그리고 카테고리 객체에 대한 사용자 선택 입력을 허용하는 카테고리 영역; 및
상기 사용자 선택 입력에 따른 카테고리 객체에 대응되는 하나 이상의 디자인 데이터를 표시하는 디자인 데이터 영역을 포함하고,
상기 디자인 데이터 영역은,
상기 사용자 선택 입력에 따른 상기 카테고리 객체에 따라 상이한 방식으로 표시되는 설명 데이터가 표시되고,
상기 설명 데이터는,
상기 하나 이상의 디자인 데이터를 설명하는 이미지, 상기 하나 이상의 디자인 데이터를 설명하는 문자, 상기 하나 이상의 디자인 데이터에 대응되는 디자인 이미지의 적어도 일 부분을 삼차원으로 표현한 이미지 및 상기 하나 이상의 디자인 데이터에 대응되는 디자인 이미지의 적어도 일 부분이 움직이는 모습에 관한 영상 중 적어도 하나를 포함하고,
상기 어노테이션 객체는,
상기 디자인 이미지 및 상기 디자인 데이터 중 적어도 하나를 어노테이션하기 위한 도형 및 글자 중 적어도 하나를 포함하는 제1 객체, 상기 디자인 이미지의 변경을 어노테이션하기 위한 선을 포함하는 제2 객체 및 상기 디자인 데이터의 변경을 어노테이션하기 위한 정보를 포함하는 제3 객체를 포함하고,
상기 프로세서는,
상기 사용자의 어노테이션 입력에 대응하는 상기 어노테이션 객체를 식별하고,
상기 식별된 어노테이션 객체가 상기 제1 객체인 경우, 상기 제1 객체에 대응하여 수신된 위치 정보에 기초하여, 해당하는 위치에 상기 도형 및 상기 글자 중 적어도 하나를 표시하며,
상기 어노테이션 객체가 상기 제2 객체인 경우, 상기 제2 객체에 대한 입력을 식별하여 상기 디자인 이미지에 포함된 적어도 하나의 선을 변경하여 표시하고, 그리고
상기 어노테이션 객체가 상기 제3 객체인 경우, 상기 제3 객체에 대한 입력을 식별하여 상기 디자인 데이터를 변경하여 표시하는,
사용자 단말.
서버로서,
하나 이상의 코어를 포함하는 프로세서;
네트워크부; 및
메모리;
를 포함하고,
상기 프로세서는 상기 네트워크부를 통해 사용자 단말로 사용자 인터페이스(UI)를 전송할 것을 결정하며,
상기 사용자 인터페이스는:
디자인 이미지 및 상기 디자인 이미지와 연관된 하나 이상의 디자인 데이터를 표시하고,
상기 하나 이상의 디자인 데이터에 대한 사용자 선택 입력을 허용하는 선택 레이어를 표시하고,
상기 선택 레이어에서의 사용자 선택 입력에 응답하여, 상기 사용자 선택 입력에 대응되는 하나 이상의 영역에, 상기 사용자 선택 입력된 디자인 데이터의 식별 데이터와 대응되는 식별 데이터를 포함하는, 시각적 표현을 상기 디자인 이미지 상에 표시하고, 그리고
상기 디자인 이미지 또는 상기 디자인 데이터 중 적어도 하나에 대한 사용자의 어노테이션 입력을 허용하는 어노테이션 객체를 포함하는 어노테이션 레이어를 표시하고,
상기 선택 레이어는:
하나 이상의 카테고리 객체를 포함하고 그리고 카테고리 객체에 대한 사용자 선택 입력을 허용하는 카테고리 영역; 및
상기 사용자 선택 입력에 따른 카테고리 객체에 대응되는 하나 이상의 디자인 데이터를 표시하는 디자인 데이터 영역;을 포함하고,
상기 디자인 데이터 영역은,
상기 사용자 선택 입력에 따른 상기 카테고리 객체에 따라 상이한 방식으로 표시되는 설명 데이터가 표시되고,
상기 설명 데이터는,
상기 하나 이상의 디자인 데이터를 설명하는 이미지, 상기 하나 이상의 디자인 데이터를 설명하는 문자, 상기 하나 이상의 디자인 데이터에 대응되는 디자인 이미지의 적어도 일 부분을 삼차원으로 표현한 이미지 및 상기 하나 이상의 디자인 데이터에 대응되는 디자인 이미지의 적어도 일 부분이 움직이는 모습에 관한 영상 중 적어도 하나를 포함하고,
상기 어노테이션 객체는,
상기 디자인 이미지 및 상기 디자인 데이터 중 적어도 하나를 어노테이션하기 위한 도형 및 글자 중 적어도 하나를 포함하는 제1 객체, 상기 디자인 이미지의 변경을 어노테이션하기 위한 선을 포함하는 제2 객체 및 상기 디자인 데이터의 변경을 어노테이션하기 위한 정보를 포함하는 제3 객체를 포함하고,
상기 프로세서는,
상기 사용자의 어노테이션 입력에 대응하는 상기 어노테이션 객체를 식별하고,
상기 식별된 어노테이션 객체가 상기 제1 객체인 경우, 상기 제1 객체에 대응하여 수신된 위치 정보에 기초하여, 해당하는 위치에 상기 도형 및 상기 글자 중 적어도 하나를 표시하며,
상기 어노테이션 객체가 상기 제2 객체인 경우, 상기 제2 객체에 대한 입력을 식별하여 상기 디자인 이미지에 포함된 적어도 하나의 선을 변경하여 표시하고, 그리고
상기 어노테이션 객체가 상기 제3 객체인 경우, 상기 제3 객체에 대한 입력을 식별하여 상기 디자인 데이터를 변경하여 표시하는, 서버.