CN105677275B - 一种界面布局方法和环绕式界面系统 - Google Patents

一种界面布局方法和环绕式界面系统 Download PDF

Info

Publication number
CN105677275B
CN105677275B CN201511029344.6A CN201511029344A CN105677275B CN 105677275 B CN105677275 B CN 105677275B CN 201511029344 A CN201511029344 A CN 201511029344A CN 105677275 B CN105677275 B CN 105677275B
Authority
CN
China
Prior art keywords
user
sight
space
display
display object
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
CN201511029344.6A
Other languages
English (en)
Other versions
CN105677275A (zh
Inventor
饶小林
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Pico Technology Co Ltd
Original Assignee
Beijing Pico Technology Co Ltd
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 Beijing Pico Technology Co Ltd filed Critical Beijing Pico Technology Co Ltd
Priority to CN201511029344.6A priority Critical patent/CN105677275B/zh
Publication of CN105677275A publication Critical patent/CN105677275A/zh
Priority to PCT/CN2016/090295 priority patent/WO2017113757A1/zh
Priority to US15/117,348 priority patent/US10372289B2/en
Application granted granted Critical
Publication of CN105677275B publication Critical patent/CN105677275B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明公开了一种界面布局方法和环绕式界面系统，该界面布局方法包括：将整个界面分割成若干个显示对象，在立体空间中环绕布局这些显示对象；获取用户视线，根据用户视线的方向将位于用户视线上的显示对象清晰地展示给用户。采用在立体空间中以用户为中心环绕式布局的方式，可布局的显示对象数量更多，可扩展性强；将位于用户视线上的显示对象清晰地展示给用户，有效突出了界面中的主要内容；并且能够让用户找到自身的存在感，有更好的用户体验，并且校正了显示对象到人眼的距离，避免了近大远小的不良显示效果，提供了更舒适的观看体验。

Description

一种界面布局方法和环绕式界面系统
技术领域
本发明涉及界面布局技术领域，特别涉及一种界面布局方法和环绕式界面系统。
背景技术
目前各种计算机、移动终端以及虚拟现实设备等的显示界面都处于平面平铺式布局，布局对象数量有限，只能通过滑动屏幕更换内容，界面功能扩展性不强，同时这种界面布局无法让用户找到自身存在感。当在一个较大的显示设备上布局若干对象时，在用户的视觉上，距离近的对象较大，距离远的对象较小，观看效果不好。
发明内容
为了解决上述问题，本发明提供了一种界面布局方法和环绕式界面系统。
依据本发明的一个方面，本发明提供了一种界面布局方法，包括：将整个界面分割成若干个显示对象，在立体空间中环绕布局所述若干个显示对象；
获取用户视线，根据用户视线的方向将位于用户视线上的显示对象清晰地展示给用户。
其中，所述方法还包括：
为每一个显示对象设置三维空间坐标范围；
根据所述三维空间坐标范围将每一个显示对象布局在立体空间中；
若一个显示对象上某一点的三维空间坐标在用户的视线上，则判断该显示对象位于用户视线上。
其中，所述立体空间为以用户为中心的圆柱体空间，所述若干个显示对象采用360度环绕布局在所述圆柱体空间的侧面上。
其中，所述立体空间为以用户为中心的球体空间，所述若干个显示对象采用水平360度与垂直360度全方位环绕布局在所述球体空间的表面上，每一个显示对象到人眼的距离相等。
其中，每一个显示对象是能够与所述立体空间的表面贴合的曲面对象；或者，每一个显示对象是垂直于用户视线的平面对象。
依据本发明的另一方面，本发明提供了一种环绕式界面系统，包括：
分割单元，用于将整个界面分割成若干个显示对象，在立体空间中环绕布局所述若干个显示对象；
展示单元，用于获取用户视线，根据用户视线的方向将位于用户视线上的显示对象清晰地展示给用户。
其中，所述分割单元包括：
坐标设置模块，用于为每一个显示对象设置三维空间坐标范围，根据所述三维空间坐标范围将每一个显示对象布局在立体空间中；
所述展示单元，具体用于若一个显示对象上某一点的三维空间坐标在用户的视线上，则将该显示对象清晰地展示给用户。
其中，所述立体空间为以用户为中心的圆柱体空间；
所述分割单元，具体用于将所述若干个显示对象采用360度环绕布局在所述圆柱体空间的侧面上。
其中，所述立体空间为以用户为中心的球体空间，
所述分割单元，具体用于将所述若干个显示对象采用水平360度与垂直360度全方位环绕布局在所述球体空间的表面上，每一个显示对象到人眼的距离相等。
其中，每一个显示对象是能够与所述立体空间的表面贴合的曲面对象；或者，每一个显示对象是垂直于用户视线的平面对象。
本发明实施例的有益效果是：采用在立体空间中以用户为中心环绕式布局的方式，可布局的显示对象数量更多，可扩展性强；将位于用户视线上的显示对象清晰地展示给用户，有效地突出了界面中的主要内容；并且能够让用户找到自身的存在感，有更好的用户体验。在优选实施例中，校正了显示对象到人眼的距离，使每一个显示对象都处在视线的黄金位置，避免了近大远小的不良显示效果，提供了更舒适的观看体验。
附图说明
图1为本发明实施例提供的一种界面布局方法的具体流程图；
图2为本发明一优选实施例提供的一种界面布局方法的具体流程图；
图3为本发明实施例提供的360度环绕布局方式的立体效果示意图；
图4为本发明实施例提供的全方位环绕布局方式的立体效果示意图；
图5为本发明实施例提供的一种环绕式界面系统的系统结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。
图1为本发明实施例提供的一种界面布局方法的具体流程图。如图1所示，为本发明提供的界面布局方法包括：
步骤S110：将整个界面分割成若干个显示对象，在立体空间中环绕布局这些显示对象。
步骤S120：获取用户视线，根据用户视线的方向将位于用户视线上的显示对象清晰地展示给用户。
本实施例中，在立体空间中进行布局，将各显示对象环绕布置在用户周围，以用户为中心向外发散，当用户身体或头部转动时，视线的方向会发生改变，根据用户的视线方向将在位于用户视线上的显示对象清晰地展示给用户。可以将位于用户视线上的显示对象放大，或者对用户视野中的其他的显示对象做模糊处理，从而将位于用户视线上的显示对象清晰地展示给用户，有效地突出了界面中的主要内容。在立体空间中布局，使可布局的显示对象的数量更多，可扩展性更强；采用以用户为中心环绕式布局的方式能够让用户找到自身的存在感，有更好的用户体验。
图2为本发明一优选实施例提供的一种界面布局方法的具体流程图。如图2所示，为优选实施例提供的界面布局方法包括：
步骤S210：在进行界面布局的立体空间中建立坐标系，为每一个显示对象设置三维空间坐标范围。一个显示对象上的每一点都对应一个在这个立体空间中的三维空间坐标，所有点的三维空间坐标的集合就是该显示对象的三维空间坐标范围。
步骤S220：根据每一个显示对象的三维空间坐标范围将每一个显示对象布局在立体空间中，使显示对象上的每一点的位置与其三维空间坐标相对应。
步骤S230：判断一个显示对象上是否有一点的三维空间坐标在用户的视线上。若该显示对象上某一点的三维空间坐标在用户的视线上，则执行步骤S240；否则执行步骤S250。
步骤S240：将该显示对象清晰地展示给用户。
步骤S250：不将该显示对象清晰地展示给用户。
在本优选实施例中，每一个显示对象都有自己的三维空间坐标范围，通过计算用户当前的视线，判断是否有一点的三维空间坐标在用户的视线上，若该显示对象上某一点的三维空间坐标在用户的视线上，则可以认为该显示对象位于用户视线上，然后将该显示对象清晰地展示给用户。
图3为本发明实施例提供的360度环绕布局方式的立体效果示意图。如图3所示，在本发明的一个优选实施例中，在一个圆柱体空间内进行界面布局，这个圆柱体空间以用户为中心，每一个显示对象布置在这个圆柱体空间的侧面上的某一个位置，所有显示对象以用户为中心水平360度环绕布局。用户视线左右转动时能看到位于圆柱体空间侧面上的相应的显示对象，每一个显示对象到人眼的距离基本相等，不会产生平面平铺式布局中视觉上近大远小的效果，通过调整显示对象到用户的距离，可以使每一个显示对象处于用户眼镜视线最黄金位置，观看效果更好。
图4为本发明实施例提供的全方位环绕布局方式的立体效果示意图。如图4所示，在本发明的另一个优选实施例中，在一个球体空间内进行界面布局，这个球体空间以用户为中心，每一个显示对象布置在这个圆柱体空间表面上的某一个位置，所有显示对象以用户为中心水平360和垂直360度全方位度环绕布局。在这一优选实施例中，由于用户处于这个球体空间的中心位置，所以球体空间表面上任意一点到用户的距离都是相等的，同样不会产生平面平铺式布局中视觉上近大远小的问题，将这一距离调整到合适的大小，可以使用户体验更舒适的观看效果。
对于在立体空间中布置的每一个显示对象，可以是平面对象或曲面对象。显示对象是曲面对象时，可以将这些显示对象设计成可以与布局空间的表面贴合的曲面对象，例如可以贴合上述的圆柱形空间或球形空间等，各布局对象可以分散布置，也可以拼接到一起作为一个整体覆盖整个布局空间的表面。显示对象是平面对象时，可以将显示对象设置成与用户视线垂直，这样用户观看的角度更好。同样，这些平面显示对象也可以分散布置，或是拼接到一起，作为一个整体环绕布局空间的表面。用户转动身体或头部改变视线，根据用户视线的方向将位于用户视线上的显示对象清晰地展示给用户。
本发明提供的界面布局方法可广泛应用与各种计算机、移动终端以及虚拟现实设备等。例如应用于虚拟现实设备，虚拟现实设备可以监测用户头部的转动，当用户的头部转动时视线的方向会发生改变，虚拟现实设备利用重力感应和陀螺仪等判断用户的视线方向并将将位于用户视线上的显示对象清晰地展示给用户，操作简便，沉浸感强。
图5为本发明实施例提供的一种环绕式界面系统的系统结构示意图。如图5所示，本发明提供的环绕式界面系统包括分割单元510和展示单元520。
首先分割单元510将整个界面分割成若干个显示对象，并在立体空间中环绕布置这些显示对象，用户视线方向不同会看到布置在不同位置的显示对象。展示单元520获取用户视线，判断各显示对象是否位于用户视线上，并将位于用户视线上的显示对象清晰地展示给用户，从而突出界面中的主要内容，增强空间感，有更好的用户体验。
优选地，本发明实施例提供的环绕式界面系统中，分割单元510包括坐标设置模块530。
坐标设置模块530为每一个显示对象设置三维空间坐标范围，并根据每一个显示对象的三维空间坐标范围将每一个显示对象布局在立体空间中。当某一显示对象上有一点的三维空间坐标在用户的视线上时，展示单元520就将该显示对象清晰地展示给用户。
进行界面布局的立体空间可以是任意形式的空间，本发明提供了两种具体的布局空间的例子，分别是在圆柱体空间和球体空间中进行界面布局，但不限于这两种形式的空间。
在一个圆柱体空间内进行界面布局时，圆柱体空间以用户为中心，分割单元510将整个界面分割成若干个显示对象，并将每一个显示对象采用360度环绕布局在这个圆柱体空间的侧面上。
在一个球体空间内进行界面布局时，球体空间以用户为中心，分割单元510将每一个显示对象采用水平360度与垂直360度全方位环绕布局在这个球体空间的表面上。
在这两种立体空间中布局时，每一个显示对象到人眼的距离都是基本相等的，通过调整这一距离，可以使用户有更好的观看体验。
每一个显示对象，可以是平面对象或曲面对象。若是曲面对象，则分割单元510将整个界面分割成若干与布局空间的表面贴合的曲面对象；若是平面对象，则分割单元510可以将整个界面分割成若干平面对象，并将每一个显示对象设置成与用户视线垂直，使观看角度更舒适。
综上所述，本发明提供的一种界面布局方法和环绕式界面系统，与现有技术相比，具有以下有益效果：
1、本发明提供的一种界面布局方法和环绕式界面系统，采用在立体空间中以用户为中心环绕式布局的方式，可布局的显示对象数量更多，可扩展性强；将位于用户视线上的显示对象清晰地展示给用户，有效地突出了界面中的主要内容；并且能够让用户找到自身的存在感，有更好的用户体验。
2、本发明提供的一种界面布局方法和环绕式界面系统，校正了显示对象到人眼的距离，使每一个显示对象都处在视线的黄金位置，避免了近大远小的不良显示效果，提供了更舒适的观看体验。
以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (8)

1.一种界面布局方法，其特征在于，所述方法包括：
将整个界面分割成若干个显示对象，在立体空间中环绕布局所述若干个显示对象；
获取用户视线，根据用户视线的方向将位于用户视线上的显示对象清晰地展示给用户；
其中，将整个界面分割成若干个显示对象，在立体空间中环绕布局所述若干个显示对象具体为：为每一个显示对象设置三维空间坐标范围；
根据所述三维空间坐标范围将每一个显示对象布局在立体空间中；
若一个显示对象上某一点的三维空间坐标在用户的视线上，则判断该显示对象位于用户视线上。
2.如权利要求1所述的界面布局方法，其特征在于，所述立体空间为以用户为中心的圆柱体空间，所述若干个显示对象采用360度环绕布局在所述圆柱体空间的侧面上。
3.如权利要求1所述的界面布局方法，其特征在于，所述立体空间为以用户为中心的球体空间，所述若干个显示对象采用水平360度与垂直360度全方位环绕布局在所述球体空间的表面上，每一个显示对象到人眼的距离相等。
4.如权利要求2或3所述的界面布局方法，其特征在于，每一个显示对象是能够与所述立体空间的表面贴合的曲面对象；或者，每一个显示对象是垂直于用户视线的平面对象。
5.一种环绕式界面系统，其特征在于，所述系统包括：
分割单元，用于将整个界面分割成若干个显示对象，在立体空间中环绕布局所述若干个显示对象；
展示单元，用于获取用户视线，根据用户视线的方向将位于用户视线上的显示对象清晰地展示给用户；
其中，所述分割单元包括：
坐标设置模块，用于为每一个显示对象设置三维空间坐标范围，根据所述三维空间坐标范围将每一个显示对象布局在立体空间中；
所述展示单元，具体用于若一个显示对象上某一点的三维空间坐标在用户的视线上，则将该显示对象清晰地展示给用户。
6.如权利要求5所述的环绕式界面系统，其特征在于，所述立体空间为以用户为中心的圆柱体空间；
所述分割单元，具体用于将所述若干个显示对象采用360度环绕布局在所述圆柱体空间的侧面上。
7.如权利要求5所述的环绕式界面系统，其特征在于，所述立体空间为以用户为中心的球体空间，
所述分割单元，具体用于将所述若干个显示对象采用水平360度与垂直360度全方位环绕布局在所述球体空间的表面上，每一个显示对象到人眼的距离相等。
8.如权利要求6或7所述的环绕式界面系统，其特征在于，每一个显示对象是能够与所述立体空间的表面贴合的曲面对象；或者，每一个显示对象是垂直于用户视线的平面对象。
CN201511029344.6A 2015-12-31 2015-12-31 一种界面布局方法和环绕式界面系统 Active CN105677275B (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN201511029344.6A CN105677275B (zh) 2015-12-31 2015-12-31 一种界面布局方法和环绕式界面系统
PCT/CN2016/090295 WO2017113757A1 (zh) 2015-12-31 2016-07-18 一种环绕式界面布局方法、三维沉浸式环境下内容切换方法和列表切换方法
US15/117,348 US10372289B2 (en) 2015-12-31 2016-07-18 Wraparound interface layout method, content switching method under three-dimensional immersive environment, and list switching method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201511029344.6A CN105677275B (zh) 2015-12-31 2015-12-31 一种界面布局方法和环绕式界面系统

Publications (2)

Publication Number Publication Date
CN105677275A CN105677275A (zh) 2016-06-15
CN105677275B true CN105677275B (zh) 2018-11-23

Family

ID=56189923

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201511029344.6A Active CN105677275B (zh) 2015-12-31 2015-12-31 一种界面布局方法和环绕式界面系统

Country Status (1)

Country Link
CN (1) CN105677275B (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2017113757A1 (zh) * 2015-12-31 2017-07-06 北京小鸟看看科技有限公司 一种环绕式界面布局方法、三维沉浸式环境下内容切换方法和列表切换方法
CN106293065A (zh) * 2016-07-26 2017-01-04 上海与德通讯技术有限公司 应用程序的控制方法及控制系统
CN106774873B (zh) * 2016-12-12 2020-01-31 联想(北京)有限公司 一种虚拟界面的显示方法、电子设备及装置
CN106910250A (zh) * 2017-02-28 2017-06-30 百度在线网络技术（北京）有限公司 用于在虚拟现实场景中操作页面的方法和装置
CN106961622B (zh) * 2017-03-30 2020-09-25 联想(北京)有限公司 一种显示处理方法及装置
CN107506236A (zh) * 2017-09-01 2017-12-22 上海智视网络科技有限公司 显示设备及其显示方法
CN107970609A (zh) * 2017-12-20 2018-05-01 苏州蜗牛数字科技股份有限公司 一种游戏物体摆放的方法和装置
CN109933195B (zh) * 2019-03-06 2022-04-22 广州世峰数字科技有限公司 基于mr混合现实技术的界面立体式展示方法及交互系统

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103207664A (zh) * 2012-01-16 2013-07-17 联想(北京)有限公司 一种图像处理方法和设备
CN103793060A (zh) * 2014-02-14 2014-05-14 杨智 一种用户交互系统和方法
CN104244019A (zh) * 2014-09-18 2014-12-24 孙轩 一种全景视频影像室内分屏显示方法及显示系统
CN204679953U (zh) * 2014-11-14 2015-09-30 西安中科微光医疗技术有限公司 一种基于方位传感器的头戴式3d影音播放器

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103207664A (zh) * 2012-01-16 2013-07-17 联想(北京)有限公司 一种图像处理方法和设备
CN103793060A (zh) * 2014-02-14 2014-05-14 杨智 一种用户交互系统和方法
CN104244019A (zh) * 2014-09-18 2014-12-24 孙轩 一种全景视频影像室内分屏显示方法及显示系统
CN204679953U (zh) * 2014-11-14 2015-09-30 西安中科微光医疗技术有限公司 一种基于方位传感器的头戴式3d影音播放器

Also Published As

Publication number Publication date
CN105677275A (zh) 2016-06-15

Similar Documents

Publication Publication Date Title
CN105677275B (zh) 一种界面布局方法和环绕式界面系统
JP7268692B2 (ja) 情報処理装置、制御方法及びプログラム
US11151773B2 (en) Method and apparatus for adjusting viewing angle in virtual environment, and readable storage medium
US11144115B2 (en) Porting physical object into virtual reality
US10225547B2 (en) Mobile display device
US20210058612A1 (en) Virtual reality display method, device, system and storage medium
CN108245893B (zh) 三维虚拟环境中虚拟对象的姿态确定方法、装置及介质
CN109712224B (zh) 虚拟场景的渲染方法、装置及智能设备
CN105051644B (zh) 显示控制装置、显示控制方法以及显示装置
KR20170089854A (ko) 표시 제어 장치, 표시 제어 방법 및 프로그램
EP3960261A1 (en) Object construction method and apparatus based on virtual environment, computer device, and readable storage medium
US11798223B2 (en) Potentially visible set determining method and apparatus, device, and storage medium
KR20180043609A (ko) 디스플레이 장치 및 디스플레이 장치의 영상 처리 방법
KR20210095931A (ko) 가상 환경에서 가상 물체를 관찰하는 방법 및 디바이스, 및 판독 가능한 저장 매체
WO2019076348A1 (zh) 一种虚拟现实vr界面生成的方法和装置
CN108153417B (zh) 画面补偿方法及采用该方法的头戴式显示装置
JP5981371B2 (ja) 姿勢によって拡張現実感の表示を制御する情報端末、システム、プログラム及び方法
CN108351736A (zh) 可穿戴显示器、图像显示装置和图像显示系统
CN110715597A (zh) 角度计算方法、装置、存储介质以及终端
CN103543835B (zh) 一种lcd显示视角的调节方法、装置和系统
CN110728744B (zh) 一种体绘制方法、装置及智能设备
US10402939B2 (en) Information processing device, information processing method, and program
JP4922436B2 (ja) オブジェクト表示装置及びオブジェクト表示方法
WO2018192455A1 (zh) 一种生成字幕的方法及装置
CN106886287A (zh) 用于在虚拟现实设备中共享画面的方法和装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant