KR102014453B1 - 3차원 유저 인터페이스 시뮬레이션 표시 방법 - Google Patents
3차원 유저 인터페이스 시뮬레이션 표시 방법 Download PDFInfo
- Publication number
- KR102014453B1 KR102014453B1 KR1020170135878A KR20170135878A KR102014453B1 KR 102014453 B1 KR102014453 B1 KR 102014453B1 KR 1020170135878 A KR1020170135878 A KR 1020170135878A KR 20170135878 A KR20170135878 A KR 20170135878A KR 102014453 B1 KR102014453 B1 KR 102014453B1
- Authority
- KR
- South Korea
- Prior art keywords
- user interface
- simulation
- displayed
- field
- content
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Architecture (AREA)
- Computer Graphics (AREA)
- Computer Hardware Design (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
본 발명의 실시 형태는 화면을 가지는 연산 장치가 2D 유저 인터페이스를 3D 유저 인터페이스로 시뮬레이션하여 표시하는 3D 유저 인터페이스 시뮬레이션 표시 방법으로서, 2D 저작툴 화면상에서 유저 인터페이스 콘텐츠를 사용자로부터 선택받아 2D 유저 인터페이스를 생성하는 2D 유저 인터페이스 저작 과정; 상기 2D 유저 인터페이스를 3D 디바이스에 적용하여 표시한 3D 유저 인터페이스를 생성하는 3D 유저 인터페이스 생성 과정; 및 3D 시뮬레이션 화면상에서 3D 시뮬레이션을 요청받는 3D 시뮬레이션 이벤트가 발생하는 경우, 상기 3D 시뮬레이션 이벤트에 매칭되는 시뮬레이션이 이루어진 3D 유저 인터페이스를 표시하는 3D 유저 인터페이스 시뮬레이션 과정;을 포함할 수 있다.
Description
본 발명은 3D 유저 인터페이스 시뮬레이션 표시 방법으로서, 2D 유저 인터페이스를 3D 상에서 시뮬레이션하는 3D 유저 인터페이스 시뮬레이션 표시 방법에 관한 것이다.
디스플레이를 통해서 정보를 표현하는 기기에는 유저 인터페이스(user interface)의 사용이 중요한 이슈이다. 기본적으로 정보 및 그래픽을 표시하던 기존의 디스플레이에서 터치 센서가 장착되면서 사용자의 정보 기기의 사용 방법에 크게 영향을 미쳤으며 그 양상은 더 복잡해지고 있다.
다수의 디스플레이가 장착되기도 하고 디스플레이의 방향(자이로센서를 이용), 디스플레이의 모양 역시 여러 형태로 바뀌고 있는 것이다.
특히, 디스플레이가 상용화될 경우 그 형태는 더 복잡하고 사용자의 사용방법 역시 변화할 것으로 예상되고 있다.
에 따라 UX/UI 사용자의 경우 사용성을 예측하는데에 있어서 곤란한 부분이 늘어나고 있다. 단순히 평면의 사각형의 하나의 디스플레이를 사용하는 기존 방식의 경우에는 손쉽게 사용성에 대한 부분을 예측할 수 있었으나 현재의 다양한 목적의 디스플레이에서는 콘텐츠가 사용자에게 잘 전달될 수 있는지 여부, 기기에 적용된 다양한 이벤트에 따른 인터페이스의 변화 등에 대해 직관적으로 알 수 있는 방법이 없다.
따라서 실제 정보기기 실물에 적용하고 그에 따른 사용성을 평가하는 방법만 가능하며 이를 위해 복잡한 과정, 개발자와의 협업, 기기의 구매 및 입수 등의 절차가 부차적으로 필요한 상황이다.
본 발명의 기술적 과제는 2D 유저 인터페이스를 3D 유저 인터페이스로 손쉽게 시뮬레이션할 수 있는 수단 툴을 제공하는데 있다.
본 발명의 실시 형태는 화면을 가지는 연산 장치가 2D 유저 인터페이스를 3D 유저 인터페이스로 시뮬레이션하여 표시하는 3D 유저 인터페이스 시뮬레이션 표시 방법으로서, 2D 저작툴 화면상에서 유저 인터페이스 콘텐츠를 사용자로부터 선택받아 2D 유저 인터페이스를 생성하는 2D 유저 인터페이스 저작 과정; 상기 2D 유저 인터페이스를 3D 디바이스에 적용하여 표시한 3D 유저 인터페이스를 생성하는 3D 유저 인터페이스 생성 과정; 및 3D 시뮬레이션 화면상에서 3D 시뮬레이션을 요청받는 3D 시뮬레이션 이벤트가 발생하는 경우, 상기 3D 시뮬레이션 이벤트에 매칭되는 시뮬레이션이 이루어진 3D 유저 인터페이스를 표시하는 3D 유저 인터페이스 시뮬레이션 과정;을 포함할 수 있다.
상기 2D 저작툴 화면은, 유저 인터페이스 콘텐츠를 선택받는 콘텐츠 선택 필드; 유저 인터페이스 콘텐츠의 콘텐츠 특성값을 입력받는 콘텐츠 특성값 입력 필드; 및 콘텐츠 특성값이 적용된 각각의 유저 인터페이스 콘텐츠가 배치되어 표시되는 2D 유저 인터페이스 표시 필드;를 포함할 수 있다.
상기 3D 시뮬레이션 화면은, 3D 유저 인터페이스가 표시될 3D 디바이스를 선택받는 3D 디바이스 선택 필드; 3D 유저 인터페이스가 표시될 3D 디바이스에 대한 기구적 시뮬레이션 방식을 선택받는 기구적 시뮬레이션 방식 선택 필드; 3D 유저 인터페이스가 표시될 3D 디바이스내의 위치값을 선택받는 3D 위치값 선택 필드; 3D 유저 인터페이스가 표시될 3D 디바이스에 대한 회전값을 회전값 선택 필드; 3D 유저 인터페이스가 표시될 3D 디바이스에 대한 줌인아웃값을 선택받는 줌인아웃값 선택 필드; 및 상기 3D 시뮬레이션 이벤트에 매칭되는 시뮬레이션이 이루어진 3D 유저 인터페이스를 가지는 3D 디바이스가 표시되는 3D 뷰어 필드;를 포함할 수 있다.
상기 3D 뷰어 필드는, 3D 디바이스의 프론트뷰, 탑뷰, 바텀퓨, 사이드뷰를 선택받을 수 있는 뷰 선택 서브 필드를 포함할 수 있다.
상기 기구적 시뮬레이션 방식은, 3D 디바이스를 구부려 휘었을 때 3D 유저 인터페이스가 3D 디바이스에 표시되는 형태를 시뮬레이션하는 벤딩(bending) 시뮬레이션 방식; 3D 디바이스를 접었을 때 3D 유저 인터페이스가 3D 디바이스에 표시되는 형태를 시뮬레이션하는 폴딩(folding) 시뮬레이션 방식; 및 3D 디바이스를 롤링 말았을 때 3D 유저 인터페이스가 3D 디바이스에 표시되는 형태를 시뮬레이션하는 롤링(rolling) 시뮬레이션 방식;을 포함할 수 있다.
상기 3D 뷰어 필드는, 3D 유저 인터페이스를 가지는 3D 디바이스가, 상기 벤딩(bending) 시뮬레이션 방식, 폴딩(folding) 시뮬레이션 방식, 및 폴딩(folding) 시뮬레이션 방식 중에서 선택되는 시뮬레이션 방식에 따라서 변화되는 모습을 단계별로 애니메이션으로 표시되도록 함을 특징으로 할 수 있다.
상기 3D 유저 인터페이스 생성 과정은, 상기 3D 디바이스 선택 필드를 통해 선택되는 3D 디바이스에 사용자로부터 제작되는 2D 유저 인터페이스를 적용시킬 수 있다.
본 발명의 실시 형태에 따르면 UI 디자이너로부터 2D 유저 인터페이스를 제작받은 후, 이를 손쉽게 3D 디바이스에 적용되는 3D 유저 인터페이스로서 시뮬레이션할 수 있다.
도 1은 본 발명의 실시예에 따른 3D 유저 인터페이스 시뮬레이션 장치의 사시도.
도 2는 본 발명의 실시예에 따른 3D 유저 인터페이스 시뮬레이션 장치의 구성 블록도.
도 3은 본 발명의 실시예에 따라 사용자의 이용 시나리오를 도시한 그림.
도 4는 본 발명의 실시예에 따른 3D 유저 인터페이스 시뮬레이션 표시 과정들을 도시한 플로차트.
도 5는 본 발명의 실시예에 따른 2D 저작툴 화면상에서 콘텐츠가 선택되어 표시되는 모습을 도시한 그림.
도 6은 본 발명의 실시예에 따른 2D 저작툴 화면의 최종 완성 예시 그림.
도 7은 본 발명의 실시예에 따른 3D 시뮬레이션 화면의 예시 그림.
도 8은 본 발명의 실시예에 따라 제작되는 2D 유저 인터페이스가 3D 디바이스에 적용되어 3D 유저 인터페이스로서 시뮬레이션되는 단계들을 도시한 실제 화면 그림.
도 2는 본 발명의 실시예에 따른 3D 유저 인터페이스 시뮬레이션 장치의 구성 블록도.
도 3은 본 발명의 실시예에 따라 사용자의 이용 시나리오를 도시한 그림.
도 4는 본 발명의 실시예에 따른 3D 유저 인터페이스 시뮬레이션 표시 과정들을 도시한 플로차트.
도 5는 본 발명의 실시예에 따른 2D 저작툴 화면상에서 콘텐츠가 선택되어 표시되는 모습을 도시한 그림.
도 6은 본 발명의 실시예에 따른 2D 저작툴 화면의 최종 완성 예시 그림.
도 7은 본 발명의 실시예에 따른 3D 시뮬레이션 화면의 예시 그림.
도 8은 본 발명의 실시예에 따라 제작되는 2D 유저 인터페이스가 3D 디바이스에 적용되어 3D 유저 인터페이스로서 시뮬레이션되는 단계들을 도시한 실제 화면 그림.
이하, 본 발명의 장점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은, 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 것이며, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것으로, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 또한, 본 발명을 설명함에 있어 관련된 공지 기술 등이 본 발명의 요지를 흐리게 할 수 있다고 판단되는 경우 그에 관한 자세한 설명은 생략하기로 한다.
도 1은 본 발명의 실시예에 따른 3D 유저 인터페이스 시뮬레이션 장치의 사시도이며, 도 2는 본 발명의 실시예에 따른 3D 유저 인터페이스 시뮬레이션 장치의 구성 블록도이며, 도 3은 본 발명의 실시예에 따라 사용자의 이용 시나리오를 도시한 그림이다.
사용자(UI 디자이너)의 경우 유저 인터페이스(user interface) 및 콘텐츠(contents)를 저작하기에는 평면적인 화면에서 저작을 하는 것이 용이하다. 2D 환경에서 텍스트, 이미지 등의 그래픽적인 요소를 배치하고 이에 이벤트(액션)을 적용하거나 할 수 있다. 하지만 최근의 다양한 디스플레이 형태를 위해서는 3D 환경에서의 테스트(시뮬레이션)이 필수적이다. 이를 위해 본 발명은 유저 인터페이스의 작동 환경을 2D와 3D를 오가면서 확인이 가능한 S/W(SoftWare)로 구현하고자 한다.
2D 환경에서는 그래픽 요소를 직관적으로 배치하고 다양한 이벤트 요소를 적용할 수 있다. 이는 기존의 익숙한 저작도구와 유사한 방법으로 진행된다. 하지만 3D 시뮬레이션 S/W에서는 2D에서 저작된 유저 인터페이스 또는 콘텐츠를 다양한 요소를 더 추가하여서 확인할 수 있다.
예를 들면, 휘어진 화면(커브드 디스플레이)에서 유저 인터페이스가 어떻게 보이는지 알 수 있으며, 접히거나 휘어지는 것이 가능한 가변적인 디스플레이에서는 어떻게 그래픽이 표현되며 이러한 이벤트에 유저 인터페이스가 어떻게 반응하는지 확인하는 것도 가능하다. 이에 더하여 다양한 카메라 요소와 줌인아웃, 기기를 회전시키는 환경제공을 통해 실제 기기(실물)에 반영하지 않고도 사용자가 원하는 효과를 사용자에게 효율적으로 전달할 수 있도록 돕게 된다.
이를 위하여 본 발명의 3D 유저 인터페이스 시뮬레이션 장치(100)는, 도 1에 도시한 바와 같이 CPU 등의 연산 수단이 구비된 데스크탑 PC로 구현될 수 있다. 물론 도면에서는 데스크탑 PC(desktop PC)를 예로 들어 설명하나, 데스크탑 PC(desktop PC)뿐만 아니라 스마트폰(smart phone), 태블릿 PC(tablet PC), 슬레이트 PC(slate PC), 노트북 컴퓨터(notebook computer) 등이 해당될 수 있다. 물론, 본 발명이 적용 가능한 단말기는 상술한 종류에 한정되지 않고, 연산을 통한 시뮬레이션이 가능한 연산 가능한 연산 장치를 모두 포함할 수 있음은 당연하다.
따라서 유저 인터페이스를 저작하는 디자이너와 같은 사용자는, 3D 디바이스에서 휘어진 화면(커브드 디스플레이)에서 유저 인터페이스가 어떻게 보이는지 알 수 있으며, 접히거나 휘어지는 것이 가능한 가변적인 디스플레이에서는 어떻게 그래픽이 표현되며 이러한 이벤트에 유저 인터페이스가 어떻게 반응하는지 확인하는 것도 가능하다. 여기서 3D 디바이스는, 플렉서블 패널을 가지는 디바이스, 폴딩될 수 있는 디바이스, 벤딩될 수 있는 디바이스, 롤링될 수 있는 디바이스 등과 같이 물리적 가압에 의해 외부 형태가 변할 수 있는 디바이스(단말)라면 모두 해당될 수 있다.
3D 유저 인터페이스 시뮬레이션 장치(100)는 도 2에 도시한 바와 같이, 표시부(110), 입력부(120), 3D 유저 인터페이스 생성부(130), 및 3D 유저 인터페이스 시뮬레이션부(140)를 포함할 수 있다.
표시부(110)는, 유저 인터페이스 콘텐츠를 사용자로부터 선택받는 2D 저작툴 화면이 표시되는 모듈이다. 또한 3D 시뮬레이션 이벤트에 매칭되는 시뮬레이션이 이루어진 3D 유저 인터페이스가 표시되는 3D 시뮬레이션 화면이 표시되는 모듈이다.
입력부(120)는, 2D 저작툴 화면상에서 유저 인터페이스 콘텐츠를 선택받으며, 또한 3D 시뮬레이션 화면상에서 3D 시뮬레이션을 요청받는다. 이러한 표시부(110)와 입력부(120)는, LCD 패널, LED 패널 등의 디스플레이 패널로 구현될 수 있으며, 나아가 터치스크린패널로 구현될 수 있다. 터치스크린패널은, 입력과 표시를 동시에 수행할 수 있는 터치 스크린 화면을 제공하여, 사용자와의 소통을 위한 그래픽 유저 인터페이스(GUI;Graphic User Interface)를 표시한다.
3D 유저 인터페이스 생성부(130)는, 2D 유저 인터페이스를 3D 디바이스에 적용하여 표시한 3D 유저 인터페이스를 생성하는 기능을 수행한다.
3D 유저 인터페이스 시뮬레이션부(140)는, 3D 시뮬레이션 화면상에서 3D 시뮬레이션을 요청받는 3D 시뮬레이션 이벤트가 발생하는 경우, 상기 3D 시뮬레이션 이벤트에 매칭되는 시뮬레이션이 이루어진 3D 유저 인터페이스를 표시한다.
따라서, 3D 유저 인터페이스 시뮬레이션 장치(100)를 통하여 사용자(UI 디자이너)는 도 3에 도시한 플로우에 따라서 3D 디바이스에서 3D 유저 인터페이스의 실제 표시 모습을 시뮬레이션을 통하여 확인할 수 있게 된다. 따라서 정보기기에서 매번 확인할 필요없이 시뮬레이터에서 예측하고 2D 저작툴에서 수정함에 따라 저작 환경이 더 간편해질 수 있다.
도 4는 본 발명의 실시예에 따른 3D 유저 인터페이스 시뮬레이션 표시 과정들을 도시한 플로차트이며, 도 5는 본 발명의 실시예에 따른 2D 저작툴 화면상에서 콘텐츠가 선택되어 표시되는 모습을 도시한 그림이며, 도 6은 본 발명의 실시예에 따른 2D 저작툴 화면의 최종 완성 예시 그림이며, 도 7은 본 발명의 실시예에 따른 3D 시뮬레이션 화면의 예시 그림이며, 도 8은 본 발명의 실시예에 따라 제작되는 2D 유저 인터페이스가 3D 디바이스에 적용되어 3D 유저 인터페이스로서 시뮬레이션되는 단계들을 도시한 실제 화면 그림이다.
화면을 가지는 연산 장치가 2D 유저 인터페이스를 3D 유저 인터페이스로 시뮬레이션하여 표시하는 본 발명의 3D 유저 인터페이스 시뮬레이션 표시 방법은 도 4에 도시한 바와 같이, 2D 유저 인터페이스 저작 과정(S410), 3D 유저 인터페이스 생성 과정(S420), 및 3D 유저 인터페이스 시뮬레이션 과정(S430)을 포함할 수 있다.
2D 유저 인터페이스 저작 과정(S410)은, 2D 저작툴 화면상에서 유저 인터페이스 콘텐츠를 사용자로부터 선택받아 2D 유저 인터페이스를 생성하는 과정이다. 여기서 유저 인터페이스 콘텐츠는, 유저 인터페이스에 배치될 콘텐츠를 말하는 것으로서, 형상(shape), 선(line), 텍스트(text), 이미지(image), 테이블(table), 차트(chart), 메모(note) 등이 해당될 수 있다. 따라서 사용자는 2D 저작툴 화면상에서 유저 인터페이스 콘텐츠를 선택하여 드래깅을 통하여 2D 유저 인터페이스 상에 배치시킨다.
2D 저작툴 화면은 도 5 및 도 6에 도시한 바와 같이, 콘텐츠 선택 필드(10), 콘텐츠 특성값 입력 필드(20), 및 2D 유저 인터페이스 표시 필드(30)를 포함할 수 있다.
콘텐츠 선택 필드(10)는, 유저 인터페이스 콘텐츠를 선택받는 필드이다. 형상(shape), 선(line), 텍스트(text), 이미지(image), 테이블(table), 차트(chart), 메모(note) 등의 유저 인터페이스 콘텐츠 중에서 작성하고자 하는 유저 인터페이스 콘텐츠를 클릭하여 도 5에 도시한 바와 같이 2D 유저 인터페이스 표시 필드(30)로 드래깅하여 원하는 위치에 배치시킬 수 있게 된다.
콘텐츠 특성값 입력 필드(20)는, 유저 인터페이스 콘텐츠의 콘텐츠 특성값을 입력받는 필드이다. 이러한 콘텐츠 특성값은, 콘텐츠의 X축 위치(x-position), Y축 위치(y-position), 너비(width), 높이(height), 선명도(opacity), 깊이(depth) 등이 포함될 수 있다. 따라서 사용자(UI 디자이너)는, 콘텐츠 특성값 입력 필드(20)를 통하여, 2D 유저 인터페이스 표시 필드(30)에 배치될 콘텐츠의 X축 위치(x-position), Y축 위치(y-position), 너비(width), 높이(height), 선명도(opacity), 깊이(depth) 등을 결정할 수 있게된다.
2D 유저 인터페이스 표시 필드(30)는, 콘텐츠 특성값이 적용된 각각의 유저 인터페이스 콘텐츠가 배치되어 표시되는 필드이다. 사용자로부터 선택되어 배치되는 각각의 유저 인터페이스 콘텐츠에 대해서 콘텐츠 특성값이 결정되면, 도 6에 도시한 바와 같이 최종적인 2D 유저 인터페이스가 나타난다.
3D 유저 인터페이스 생성 과정(S420)은, 2D 유저 인터페이스를 3D 디바이스에 적용하여 표시한 3D 유저 인터페이스를 생성하는 과정이다. 즉, 3D 디바이스 선택 필드(40)를 통해 선택되는 3D 디바이스에 사용자로부터 제작되는 2D 유저 인터페이스를 적용시킨다. 예를 들어, 사용자가 3D 디바이스로서, 롤링(rolling)될 수 있는 직사각형의 플렉서블 디스플레이 기기를 선택한 경우, 제작되는 2D 유저 인터페이스를 직사각형의 플렉서블 디스플레이 기기의 화면상에 나타나도록 하는 3D 유저 인터페이스를 생성한다. 마찬가지로 사용자가 3D 디바이스로서 폴딩(folding)될 수 있는 통신 기기를 선택한 경우, 제작되는 2D 유저 인터페이스를 폴딩 가능한 통신 기기의 화면상에 나타나도록 하는 3D 유저 인터페이스를 생성한다.
3D 유저 인터페이스 시뮬레이션 과정(S430)은, 3D 시뮬레이션 화면상에서 3D 시뮬레이션을 요청받는 3D 시뮬레이션 이벤트(롤링 요청, 폴딩 요청, 벤딩 요청등)가 발생하는 경우, 3D 시뮬레이션 이벤트에 매칭되는 시뮬레이션이 이루어진 3D 유저 인터페이스를 표시하는 과정이다. 사용자가 도 5 및 도 6의 2D 저작툴을 통해 2D 유저 인터페이스 제작을 마친 후 3D 유저 인터페이스 시뮬레이션 요청 버튼(미도시)을 선택하면 도 7에 도시된 3D 시뮬레이션 화면이 표시되어, 3D 시뮬레이션 화면을 통하여 3D 유저 인터페이스에 대한 시뮬레이션 화면이 표시된다. 도 7에 도시된 3D 시뮬레이션 화면과 함께 자세히 상술한다.
3D 시뮬레이션 화면은 도 7에 도시한 바와 같이, 3D 디바이스 선택 필드(40), 기구적 시뮬레이션 방식 선택 필드(51), 3D 위치값 선택 필드(52), 회전값 선택 필드(53), 줌인아웃값 선택 필드(54), 및 3D 뷰어 필드(60)를 포함할 수 있다.
3D 디바이스 선택 필드(40)는, 3D 유저 인터페이스가 표시될 3D 디바이스를 선택받는 필드이다. 여기서 3D 디바이스는, 플렉서블 패널을 가지는 디바이스, 폴딩될 수 있는 디바이스, 벤딩될 수 있는 디바이스, 롤링될 수 있는 디바이스 등과 같이 물리적 가압에 의해 외부 형태가 변할 수 있는 디바이스(단말)라면 모두 해당될 수 있다. 따라서 사용자는 유저 인터페이스가 적용될 3D 디바이스를 선택할 수 있게 된다.
기구적 시뮬레이션 방식 선택 필드(51)는, 3D 유저 인터페이스가 표시될 3D 디바이스에 대한 기구적 시뮬레이션 방식을 선택받는 필드이다. 여기서 기구적 시뮬레이션 방식은, 3D 디바이스를 구부려 휘었을 때 3D 유저 인터페이스가 3D 디바이스에 표시되는 형태를 시뮬레이션하는 벤딩(bending) 시뮬레이션 방식, 3D 디바이스를 접었을 때 3D 유저 인터페이스가 3D 디바이스에 표시되는 형태를 시뮬레이션하는 폴딩(folding) 시뮬레이션 방식, 3D 디바이스를 롤링 말았을 때 3D 유저 인터페이스가 3D 디바이스에 표시되는 형태를 시뮬레이션하는 롤링(rolling) 시뮬레이션 방식을 포함할 수 있다. 따라서 사용자는 3D 유저 인터페이스가 적용된 3D 디바이스를 벤딩시킬 경우 디바이스 벤딩시의 3D 유저 인터페이스가 표시되는 형태를 시뮬레이션하여 확인할 수 있으며, 또는 3D 디바이스를 폴딩시킬 경우 디바이스 폴딩시의 3D 유저 인터페이스가 표시되는 형태를 시뮬레이션하여 확인할 수 있으며, 또는 3D 디바이스를 롤링시킬 경우 디바이스 롤링시의 3D 유저 인터페이스가 표시되는 형태를 시뮬레이션하여 확인할 수 있게 된다.
3D 위치값 선택 필드(52)는, 3D 유저 인터페이스가 표시될 3D 디바이스내의 위치값을 선택받는 필드이다. 여기서 3D 위치값은, x-position, y-position, z-position의 위치값으로서, 3D 위치값 선택 필드(52)는 이러한 각각의 위치값을 입력받을 수 있다.
회전값 선택 필드(53)는, 3D 유저 인터페이스가 표시될 3D 디바이스에 대한 회전값을 선택받는 필드이다. 3D 디바이스를 x-position, y-position, z-position 각각을 중심으로 회전시킬 때의 시뮬레이션을 할 때 선택받는다.
줌인아웃값 선택 필드(54)는, 3D 유저 인터페이스가 표시될 3D 디바이스에 대한 줌인아웃값을 선택받는다. 줌인할수록 3D 뷰어 필드(60)에 나타나는 3D 디바이스가 확대되어 표시되며, 줌아웃할수록 3D 뷰어 필드(60)에 나타나는 3D 디바이스가 축소되어 표시된다.
3D 뷰어 필드(60)는, 3D 시뮬레이션 이벤트에 매칭되는 시뮬레이션이 이루어진 3D 유저 인터페이스를 가지는 3D 디바이스가 표시되는 필드이다. 이러한 3D 뷰어 필드(60)는, 3D 디바이스의 프론트뷰, 탑뷰, 바텀퓨, 사이드뷰를 선택받을 수 있는 뷰 선택 서브 필드를 포함한다.
3D 뷰어 필드(60)는, 3D 유저 인터페이스를 가지는 3D 디바이스가, 벤딩(bending) 시뮬레이션 방식, 폴딩(folding) 시뮬레이션 방식, 및 폴딩(folding) 시뮬레이션 방식 중에서 선택되는 시뮬레이션 방식에 따라서 변화되는 모습을 단계별로 애니메이션으로 표시된다. 예를 들어, 3D 디바이스에 대한 폴딩(folding) 시뮬레이션 방식이 선택되는 경우, 도 8에 도시한 바와 같이, 3D 디바이스가 폴딩되는 단계를 시뮬레이션하여 표시하게 된다.
상술한 본 발명의 설명에서의 실시예는 여러가지 실시가능한 예중에서 당업자의 이해를 돕기 위하여 가장 바람직한 예를 선정하여 제시한 것으로, 이 발명의 기술적 사상이 반드시 이 실시예만 의해서 한정되거나 제한되는 것은 아니고, 본 발명의 기술적 사상을 벗어나지 않는 범위내에서 다양한 변화와 변경 및 균등한 타의 실시예가 가능한 것이다.
S410:2D 유저 인터페이스 저작
S420:3D 유저 인터페이스 생성
S430:3D 유저 인터페이스 시뮬레이션
S420:3D 유저 인터페이스 생성
S430:3D 유저 인터페이스 시뮬레이션
Claims (5)
- 화면을 가지는 연산 장치가 2D 유저 인터페이스를 3D 유저 인터페이스로 시뮬레이션하여 표시하는 3D 유저 인터페이스 시뮬레이션 표시 방법으로서,
2D 저작툴 화면상에서 유저 인터페이스 콘텐츠를 사용자로부터 선택받아 2D 유저 인터페이스를 생성하는 2D 유저 인터페이스 저작 과정;
상기 2D 유저 인터페이스를 3D 디바이스에 적용하여 표시한 3D 유저 인터페이스를 생성하는 3D 유저 인터페이스 생성 과정; 및
3D 시뮬레이션 화면상에서 3D 시뮬레이션을 요청받는 3D 시뮬레이션 이벤트가 발생하는 경우, 상기 3D 시뮬레이션 이벤트에 매칭되는 시뮬레이션이 이루어진 3D 유저 인터페이스를 표시하는 3D 유저 인터페이스 시뮬레이션 과정;을 포함하며,
상기 3D 시뮬레이션 화면은,
3D 유저 인터페이스가 표시될 3D 디바이스를 선택받는 3D 디바이스 선택 필드; 3D 유저 인터페이스가 표시될 3D 디바이스에 대한 기구적 시뮬레이션 방식을 선택받는 기구적 시뮬레이션 방식 선택 필드; 3D 유저 인터페이스가 표시될 3D 디바이스내의 위치값을 선택받는 3D 위치값 선택 필드; 3D 유저 인터페이스가 표시될 3D 디바이스에 대한 회전값을 회전값 선택 필드; 3D 유저 인터페이스가 표시될 3D 디바이스에 대한 줌인아웃값을 선택받는 줌인아웃값 선택 필드; 및 상기 3D 시뮬레이션 이벤트에 매칭되는 시뮬레이션이 이루어진 3D 유저 인터페이스를 가지는 3D 디바이스가 표시되는 3D 뷰어 필드;를 포함하는 3D 유저 인터페이스 시뮬레이션 표시 방법.
- 청구항 1에 있어서, 상기 2D 저작툴 화면은,
유저 인터페이스 콘텐츠를 선택받는 콘텐츠 선택 필드;
유저 인터페이스 콘텐츠의 콘텐츠 특성값을 입력받는 콘텐츠 특성값 입력 필드; 및
콘텐츠 특성값이 적용된 각각의 유저 인터페이스 콘텐츠가 배치되어 표시되는 2D 유저 인터페이스 표시 필드;
를 포함하는 3D 유저 인터페이스 시뮬레이션 표시 방법.
- 청구항 1에 있어서,
상기 기구적 시뮬레이션 방식은,
3D 디바이스를 구부려 휘었을 때 3D 유저 인터페이스가 3D 디바이스에 표시되는 형태를 시뮬레이션하는 벤딩(bending) 시뮬레이션 방식;
3D 디바이스를 접었을 때 3D 유저 인터페이스가 3D 디바이스에 표시되는 형태를 시뮬레이션하는 폴딩(folding) 시뮬레이션 방식; 및
3D 디바이스를 롤링 말았을 때 3D 유저 인터페이스가 3D 디바이스에 표시되는 형태를 시뮬레이션하는 롤링(rolling) 시뮬레이션 방식;
을 포함하는 3D 유저 인터페이스 시뮬레이션 표시 방법.
- 청구항 3에 있어서, 상기 3D 뷰어 필드는,
3D 디바이스의 프론트뷰, 탑뷰, 바텀퓨, 사이드뷰를 선택받을 수 있는 뷰 선택 서브 필드를 포함하는 3D 유저 인터페이스 시뮬레이션 표시 방법.
- 청구항 3에 있어서,
상기 3D 뷰어 필드는,
3D 유저 인터페이스를 가지는 3D 디바이스가, 상기 벤딩(bending) 시뮬레이션 방식, 폴딩(folding) 시뮬레이션 방식, 및 폴딩(folding) 시뮬레이션 방식 중에서 선택되는 시뮬레이션 방식에 따라서 변화되는 모습을 단계별로 애니메이션으로 표시되도록 함을 특징으로 하는 3D 유저 인터페이스 시뮬레이션 표시 방법.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020170135878A KR102014453B1 (ko) | 2017-10-19 | 2017-10-19 | 3차원 유저 인터페이스 시뮬레이션 표시 방법 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020170135878A KR102014453B1 (ko) | 2017-10-19 | 2017-10-19 | 3차원 유저 인터페이스 시뮬레이션 표시 방법 |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20190043854A KR20190043854A (ko) | 2019-04-29 |
KR102014453B1 true KR102014453B1 (ko) | 2019-08-26 |
Family
ID=66282701
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020170135878A KR102014453B1 (ko) | 2017-10-19 | 2017-10-19 | 3차원 유저 인터페이스 시뮬레이션 표시 방법 |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR102014453B1 (ko) |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140201656A1 (en) * | 2005-02-12 | 2014-07-17 | Mentor Graphics Corporation | User interfaces |
CN106095370A (zh) * | 2016-06-15 | 2016-11-09 | 深圳市华星光电技术有限公司 | 一种曲面显示器的图像模拟方法和图像模拟设备 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7233316B2 (en) | 2003-05-01 | 2007-06-19 | Thomson Licensing | Multimedia user interface |
-
2017
- 2017-10-19 KR KR1020170135878A patent/KR102014453B1/ko active IP Right Grant
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140201656A1 (en) * | 2005-02-12 | 2014-07-17 | Mentor Graphics Corporation | User interfaces |
CN106095370A (zh) * | 2016-06-15 | 2016-11-09 | 深圳市华星光电技术有限公司 | 一种曲面显示器的图像模拟方法和图像模拟设备 |
Also Published As
Publication number | Publication date |
---|---|
KR20190043854A (ko) | 2019-04-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8610714B2 (en) | Systems, methods, and computer-readable media for manipulating graphical objects | |
Ng et al. | Designing for low-latency direct-touch input | |
JP6687878B2 (ja) | 情報処理装置およびプログラム | |
WO2012108969A2 (en) | Systems, methods, and computer-readable media for changing graphical object input tools | |
Hamrol et al. | Virtual 3D atlas of a human body–development of an educational medical software application | |
US11449189B1 (en) | Virtual reality-based augmented reality development system | |
JP5992934B2 (ja) | 三次元ビューイングの方法 | |
Hockett et al. | Augmented reality with HoloLens: Experiential architectures embedded in the real world | |
US20120180000A1 (en) | Method and system for simulating three-dimensional operating interface | |
WO2019203952A1 (en) | Systems and methods for applications of augmented reality | |
Alt et al. | ShapelineGuide: Teaching mid-air gestures for large interactive displays | |
Hosseini-Khayat et al. | Low-fidelity prototyping of gesture-based applications | |
Pusch et al. | Augmented reality for operator training on industrial workplaces–Comparing the Microsoft hololens vs. small and big screen tactile devices | |
Trapp et al. | Addressing animated transitions already in mobile app storyboards | |
KR102014453B1 (ko) | 3차원 유저 인터페이스 시뮬레이션 표시 방법 | |
JP2016018363A (ja) | 仮想空間平面上に配置したオブジェクトを表示制御するゲーム・プログラム | |
JP2010170417A (ja) | 表示画面設計支援装置及びプログラム | |
JP2016016319A (ja) | 仮想空間平面上に配置したオブジェクトを表示制御するゲーム・プログラム | |
Palleis et al. | Novel indirect touch input techniques applied to finger-forming 3d models | |
Pietroszek | 3D Pointing with Everyday Devices: Speed, Occlusion, Fatigue | |
Komischke | The impact of rich application frameworks on user experience design | |
US6927768B2 (en) | Three dimensional depth cue for selected data | |
Santoso et al. | Holobody galleries: blending augmented and virtual reality displays of human anatomy | |
KR100583237B1 (ko) | 입체 바탕화면 제어 장치 및 그 방법 | |
JP2001318811A (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 | ||
GRNT | Written decision to grant |