CN103092627A - 一种新型用户界面 - Google Patents
一种新型用户界面 Download PDFInfo
- Publication number
- CN103092627A CN103092627A CN2013100480979A CN201310048097A CN103092627A CN 103092627 A CN103092627 A CN 103092627A CN 2013100480979 A CN2013100480979 A CN 2013100480979A CN 201310048097 A CN201310048097 A CN 201310048097A CN 103092627 A CN103092627 A CN 103092627A
- Authority
- CN
- China
- Prior art keywords
- interface
- chunk
- demonstration block
- carrying
- block
- 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.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开一种界面,具有初始界面和过程界面,界面启动时首先是初始界面初始化,组块界面布局,触发组块判断是否存在组块对应的过程界面,若存在显示过程界面即呈现过程界面的组块界面布局,若不存在过程界面返回结束。格是界面布置基元素的计算和计量单位,具有虚拟性、占位性,是界面显示的基本单位,其大小比例可以设定。此种界面组块的布局方式,可用于2D、3D以及2D+3D相结合的形态下,易学性高、可用性强、适应性好、可移植到不同***和操作平台的界面呈现。在兼容传统用户显示、操作模式的基础上,开拓创新,可以实现统一标准的包括多屏互动、语音操控、手势操控等用户体验,并为脑控等智能化操控提供支持。
Description
技术领域
本发明涉及TMT、ICT、IOT以及用户界面呈现应用技术领域,适用于***集成中间件应用、具有用户界面的智能终端、外设设备、智能家电等,具体是一种用户界面的呈现。
背景技术
UI是User's Interface,用户界面,也称人机界面,是指用户和某些***进行交互方法的集合,这些***不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。
随着社会对电子产品要求越来越高,UI界面的设计显得尤为重要,一个好的UI界面可以决定用户对该产品的定位,也可以让用户得到良好的用户体验,使用方便,操作简单。
发明内容
本发明的目的在于提供一种新型用户界面,具有可用性强、适用性好的优势。
本发明为了实现上述目的,采用的技术解决方案是:
一种界面,具有初始界面,其特征在于,包括:
主显示区块,用以显示第一承载组块;
辅显示区块,用以显示第二承载组块;
所述辅显示区块位于所述主显示区块的***,第一承载组块与第二承载组块相关联。
优选地,所述第一承载组块排列呈矩形阵列;若存在位于主显示区块上方或下方的辅显示区块,第二承载组块分成三组展现;若存在位于主显示区块左侧或右侧的辅显示区块,第二承载组块分成三组展现。
优选地,所述主显示区块和辅显示区块之间呈现有辅助组块。
优选地,所述初始界面具有2D、或3D、或2D和3D组合的呈现样式。
优选地,所述第一承载组块和第二承载组块均关联有过程界面,所述过程界面与初始界面呈现形式相同。
优选地,所述初始界面和过程界面具有背景,其背景可以为静态或动态,也可以为一项应用,如电影和音乐中的动态图片。
优选地,所述初始界面和/或过程界面中具有悬浮显示区块,用以显示弹出组块。
优选地,悬浮或弹出显示区块显示的时候,位置与大小不定,但其大小要小于整个屏幕的大小。
优选地,所述主显示区块默认有九个组块,排列呈呈宫格形态或不规则形态,不规则形态的组块要有1-9的数字标识。九个默认组块可自由组合,但其数量不能超过九个。
优选地,所述主显示区块超过九个第一承载组块,第一承载组块分页显示。
优选地,位于主显示区块左侧或右侧的辅显示区块,宽度不超过整个界面宽的三分之一。有九个默认组块,要显示的组块个数超过九个,则添加功能组块,用于将超出九个的组块进行翻页或其他操作。显示的九个默认组块可自由组合,但其数量不能超过九个。
优选地,位于主显示区块上方或下方的辅显示区块,高度不超过整个界面高的三分之一。高度不超过整个界面高的三分之一。显示一到九个组块,超过九个组块,则显示功能组块,用于将超出九个的组块进行翻页或其他操作。
通过对组块(泛格)和区块进行个性化布局的技术(不仅限于样式)称为泛格技术。通过运用数学模型和算法,由不同的单位格组成的组块(泛格)和区块进行个性化布局所构成的承载内容和应用的多呈现界面称为泛格界面。
本发明的有益效果:
此种界面组块的布局方式,易学性高、可用性强、适应性好、可移植到不同***和操作平台的界面呈现。在兼容传统用户显示、操作模式的基础上,开拓创新,可以实现统一标准的包括多屏互动、语音操控、手势操控等用户体验,并为脑控等智能化操控提供支持。
本发明提供的用户界面可以跨***、跨终端、跨平台在不同领域进行应用,以用户为中心的界面呈现方法,不受软件平台的约束,具有较强的产品易用性,规范化的布局和结构,使用户体验具有一致性。该方式可以构造不同的***及应用,由不同的数学和逻辑模型所支持,并支持智能交互,用于呈现多形态终端的界面。
附图说明
图1是界面呈现流程图。
图2是主显示区块与辅显示区块布局示例1。
图3是主显示区块与辅显示区块布局示例2。
图4是主显示区块与辅显示区块布局示例3。
图5是主显示区块与辅显示区块布局示例4。
图6是主显示区块与辅显示区块布局示例5。
图7是主显示区块与辅显示区块布局示例6。
图8是主显示区块与辅显示区块布局示例7。
图9是主显示区块与辅显示区块布局示例8。
图10是A区、C区内组块的布局示例1。
图11是A区、C区内组块的布局示例2。
图12是A区、C区内组块的布局示例3。
图13是B区、D区内组块的布局示例1。
图14是E区内组块的布局示例1。
图15是E区内组块的布局示例2。
图16是E区内组块的布局示例3。
图17是E区内组块的布局示例4。
图18是E区内组块的布局示例5。
图19是E区内组块的布局示例6。
图20是E区内组块的布局示例7。
图21是E区内组块的布局示例8。
图22是E区内组块的布局示例9。
图23是E区内组块的布局示例10。
图24是主显示区块与辅显示区块布局示例9。
图25是主显示区块与辅显示区块布局示例10。
图26是主显示区块与辅显示区块布局示例11。
图27是主显示区块与辅显示区块布局示例12。
图28是主显示区块与辅显示区块布局示例13。
具体实施方式
下面结合附图对本发明进行详细说明:
结合图1,一种界面,具有初始界面和过程界面,界面启动时首先是初始界面初始化,组块界面布局,触发组块判断是否存在组块对应的过程界面,若存在显示过程界面即呈现过程界面的组块界面布局,若不存在过程界面返回结束。
格,是界面布置基元素的计算和计量单位,具有虚拟性、占位性,是界面显示的基本单位,其大小比例可以设定。
组块:是组件的一种,是承载元素内容的空间域,不承载元素内容的称为空缺组块,占位但不可见,其具有确定性、互异性、占位性等属性,该组块与状态无关,具有***作性,其大小由占位的格来决定,是按照一定规范构成区的主体对象。其中,占位只占一个格,位于辅显示区块位置,承载功能性元素内容的特殊组块称为功能性组块。附于被描述的区,用于辅助区的各种提示信息、状态以及描述属性,并不可***作的特殊组块称为辅助区块。
显示区块:盛放各类对象的容器和集合,区分主显示区块与辅显示区块,辅显示区块分布于主显示区块的周边或悬浮、叠加于主显示区块的表面,与状态无关,主显示区块可单独存在,主显示区块和辅显示区块也可以自由组合。
主显示区块,用以显示第一承载组块,所述第一承载组块呈正方形、长方形、或形状不定。
辅显示区块,用以显示第二承载组块,所述第二承载组块按横向依次排列或纵向依次排列。所述辅显示区块位于所述主显示区块的***,第一承载组块与第二承载组块相关联。
界面的呈现形式:
加载界面后,不分显示区块;若分显示区块为主显示区块和辅显示区块可以呈现不同的组合形态。
若不增加辅显示区块,主显示区块自适应占据屏幕大小,直接显示主显示区块内组块所承载的内容。若增加辅显示区块,主显示区块与辅显示区块根据比例自由组合,并将区内组块承载的内容呈现。同时加载界面背景并将背景呈现,界面背景可以是静态的,也可以是动态的,也可以是一项应用,如电影或音乐播放下的动态图片。
主显示区块布局
主显示区块位于界面的中心,用E区来表示(E代表Eembeded,此指主显示区块)。主显示区块是第一承载组块组成的,主显示区块内的第一承载组块展现形态可以为泛宫格形态和泛态格形态。
辅显示区块布局
若增加辅显示区块,辅显示区块的宽不能超过整个界面宽的三分之一,高也不能超过整个界面高的三分之一,添加的辅显示区块分别用ABCDF区表示,辅显示区块是由不同第二承载组块自由组合构成的,A区和C区的位置应分别位于界面的左侧和右侧;B区和D区的位置应分别在界面的上方和下方;F区依附或悬浮或叠加在主显示区块表面的悬浮显示区块。
主显示区块与辅显示区块可以自由组合,组合方式如图2至图5所示。
如图6所示,AEC区的长度比是2:6:2;BED区的宽度比是1:8:1。
如图7所示,AE区的长度比是2:8;BED区的宽度比是1:8:1。
如图8所示,若界面以3D形式呈现,每个组块占一个格,组块的大小根据需要设定。
如图9所示,若界面以2D+3D形式呈现,布局中的区根据需要进行二维和三维的自由组合。
A区、C区内组块的布局
A区、C区内组块的组合形态呈现方式如图10至图12所示,组块可以根据需要随意放置,区内组块分成三组按纵向由界面上方至下方依次排列。
B区、D区内组块的布局
B区、D区内组块的组合形态呈现方式如图13所示,组块的大小为该组块所处的区域大小的九分之一。区内组块分成三组按横向由界面左侧至右侧依次排列。
E区内组块的布局
若以2D布局,区内组块的呈现方式如图14至图23所示,辅助组块可以根据需要随意放置,并且其大小能够自由变换。宫格形态有如下几种展现形式:
满格布局,包含九个组块完整的呈现,如图14所示。
组格布局,为九个格布局的变形,主要表现为一组块占用多个位置的呈现形式,有多种展现形态,如图15至图18所示。
特殊布局和空缺布局
分为存在一个空缺组块、存在两个空缺组块、存在三个空缺组块、存在四个空缺组块、存在两个空缺组块(单独空缺)、存在两个空缺组块(组合空缺)等情况。如图19和图20所示。
组格布局和空缺布局同时存在的布局
组格和空缺组块的组合有多种形态,包括:组格占两个格位置与一个空格的组合、组格占三个格位置与一个空缺组块的组合、组格占四个格位置与一个空缺组块的组合等。如图21和图22所示。
若为3D布局,区内基格的组合形态为泛态格,组成基格的格的大小根据需要来设定,并且该基格所在的区存在的基格数量最多不能超过九个。
若以个性化形式或3D形式呈现,如图23所示。
界面的布局可以根据需要,将E区组块展现形式进行特殊的改变,其改变方法如下:
辅显示区块根据界面设计定义,其规则在于当A、C区都显示时,E区的基格的设计布局只能以宫格的形态展现,如图24所示,当A、C区有一个区隐藏的时候,显示的A或C区的设计布局以纵格的呈现方式存在,E区基格的设计布局则可以占据隐藏区的位置,呈特殊占位方式呈现,也可以不变。
如图25和图26所示,当A、C区都隐藏的时候,E区的设计布局可以占据A、C区域,E区组块的设计布局则可以占据隐藏区的位置,呈特殊占位方式呈现,也可以保持不变。
如图27所示,点击一个按钮后,需要出现一个悬浮显示区块,用以显示弹出组块。
呈现布局方式
如图28所示,界面各区内普通组块的数量不超过九个(包含九个)。
如果该区的组块超过五个(包括五个),则第五个格所在的基格将会呈现一个区分于其它组块的表现形式,如加边框、凸显等用于让人直观,快速的识别第五个元素的展现位置。
纵向排列的组块有九个格,每三个之间都有一个分界点,如此可以将九个组块良好的分成三组,便于人眼识别,减少人为思考成本。
当然,上述说明并非是对本发明的限制,本发明也并不仅限于上述举例,本技术领域的技术人员在本发明的实质范围内所做出的变化、改型、添加或替换,也应属于本发明的保护范围。
Claims (10)
1.一种界面,具有初始界面,其特征在于,包括:
主显示区块,用以显示第一承载组块;
辅显示区块,用以显示第二承载组块;
所述辅显示区块位于所述主显示区块的***,第一承载组块与第二承载组块相关联。
2.根据权利要求1所述的界面,其特征在于,所述第一承载组块排列呈矩形阵列;若存在位于主显示区块上方或下方的辅显示区块,第二承载组块分成三组展现;若存在位于主显示区块左侧或右侧的辅显示区块,第二承载组块分成三组展现。
3.根据权利要求1所述的界面,其特征在于,所述主显示区块和辅显示区块之间呈现有辅助组块。
4.根据权利要求1所述的界面,其特征在于,所述初始界面具有2D、或3D、或2D和3D组合的呈现样式。
5.根据权利要求1至4任一项所述的界面,其特征在于,所述第一承载组块和第二承载组块均关联有过程界面,所述过程界面与初始界面呈现形式相同。
6.根据权利要求5所述的界面,其特征在于,所述初始界面和/或过程界面中具有悬浮显示区块,用以显示弹出组块。
7.根据权利要求5所述的界面,其特征在于,所述主显示区块有九个第一承载组块,排列呈宫格形。
8.根据权利要求5所述的界面,其特征在于,所述主显示区块超过九个第一承载组块,第一承载组块分页显示。
9.根据权利要求5所述的界面,其特征在于,位于主显示区块左侧或右侧的辅显示区块,宽度不超过整个界面宽的三分之一,所述辅显示区块具有超过九个第二承载组块时,需将第十个及以上的第二承载组块分页显示。
10.根据权利要求5所述的界面,其特征在于,位于主显示区块上方或下方的辅显示区块,高度不超过整个界面高的三分之一,所述辅显示区块具有超过九个第二承载组块时,需将第十个及以上的第二承载组块分页显示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013100480979A CN103092627A (zh) | 2013-02-06 | 2013-02-06 | 一种新型用户界面 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013100480979A CN103092627A (zh) | 2013-02-06 | 2013-02-06 | 一种新型用户界面 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103092627A true CN103092627A (zh) | 2013-05-08 |
Family
ID=48205238
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2013100480979A Pending CN103092627A (zh) | 2013-02-06 | 2013-02-06 | 一种新型用户界面 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103092627A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103226432A (zh) * | 2013-05-22 | 2013-07-31 | 青岛旲天下智能科技有限公司 | 一种智能化人机交互操作*** |
CN105279167A (zh) * | 2014-06-25 | 2016-01-27 | 深圳市英威诺科技有限公司 | 一种根据用户喜好动态排列资讯模块的方法 |
CN109766094A (zh) * | 2018-11-19 | 2019-05-17 | 苏州蜗牛数字科技股份有限公司 | 一种停靠式布局窗口框架创建方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN100592247C (zh) * | 2005-09-21 | 2010-02-24 | 鸿富锦精密工业(深圳)有限公司 | 多层次菜单显示装置及其显示控制方法 |
CN102004687A (zh) * | 2010-11-04 | 2011-04-06 | 东莞宇龙通信科技有限公司 | 一种移动终端程序运行状态显示方法及移动终端 |
CN102184096A (zh) * | 2011-03-30 | 2011-09-14 | 华为技术有限公司 | 一种融合通信的交互方法、装置和终端 |
US20110320983A1 (en) * | 2009-01-13 | 2011-12-29 | Shenzhen Coship Electronics Co. Ltd. | Method and system for controlling stereoscopic menu display, and mobile communication terminal |
CN102375650A (zh) * | 2010-08-11 | 2012-03-14 | 上海三旗通信科技有限公司 | 一种全新的移动终端界面排布与切换的交互方式 |
-
2013
- 2013-02-06 CN CN2013100480979A patent/CN103092627A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN100592247C (zh) * | 2005-09-21 | 2010-02-24 | 鸿富锦精密工业(深圳)有限公司 | 多层次菜单显示装置及其显示控制方法 |
US20110320983A1 (en) * | 2009-01-13 | 2011-12-29 | Shenzhen Coship Electronics Co. Ltd. | Method and system for controlling stereoscopic menu display, and mobile communication terminal |
CN102375650A (zh) * | 2010-08-11 | 2012-03-14 | 上海三旗通信科技有限公司 | 一种全新的移动终端界面排布与切换的交互方式 |
CN102004687A (zh) * | 2010-11-04 | 2011-04-06 | 东莞宇龙通信科技有限公司 | 一种移动终端程序运行状态显示方法及移动终端 |
CN102184096A (zh) * | 2011-03-30 | 2011-09-14 | 华为技术有限公司 | 一种融合通信的交互方法、装置和终端 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103226432A (zh) * | 2013-05-22 | 2013-07-31 | 青岛旲天下智能科技有限公司 | 一种智能化人机交互操作*** |
CN105279167A (zh) * | 2014-06-25 | 2016-01-27 | 深圳市英威诺科技有限公司 | 一种根据用户喜好动态排列资讯模块的方法 |
CN109766094A (zh) * | 2018-11-19 | 2019-05-17 | 苏州蜗牛数字科技股份有限公司 | 一种停靠式布局窗口框架创建方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11048404B2 (en) | Information processing apparatus, information processing method, and program | |
AU2017204611B2 (en) | Widget setting method and terminal device | |
KR100823272B1 (ko) | 3차원 메뉴 표시 방법 및 장치와 그 방법을 수행하는프로그램을 기록한 컴퓨터 판독 가능한 기록 매체 | |
CN108376044A (zh) | 智能交互平板的操作方法、装置以及智能交互平板 | |
CN108415658A (zh) | 智能交互平板的操作方法、装置以及智能交互平板 | |
US10592071B2 (en) | Multi-display system, electronic device, and content output method | |
CN103246433A (zh) | 屏幕自定义分窗口显示控制方法 | |
CN102736903A (zh) | 一种基于智能终端桌面管理微件的方法及装置 | |
JP2015521763A (ja) | 移動端末のデスクトップシステム、インタフェースインタラクション方法、装置、プログラム、及び記録媒体 | |
CN105511728B (zh) | 一种终端设备的桌面图标管理方法及装置 | |
CN102255820B (zh) | 即时通讯方法和装置 | |
CN103793093A (zh) | 多屏幕便携终端及其触摸控制方法 | |
CN107704154A (zh) | 导航栏过渡方法和*** | |
CN104765594A (zh) | 一种显示图形用户界面的方法及装置 | |
TW201621609A (zh) | 桌面顯示系統及方法 | |
US20140145969A1 (en) | System and method for graphic object management in a large-display area computing device | |
CN103064592A (zh) | 一种可拓展的菜单显示方法 | |
CN102984350A (zh) | 一种安卓操作***移动终端里自定义主题的切换方法和装置 | |
CN103248919B (zh) | 一种iptv*** | |
CN105630595B (zh) | 一种信息处理方法及电子设备 | |
CN103092627A (zh) | 一种新型用户界面 | |
CN113648649A (zh) | 游戏界面的控制方法、装置、计算机可读介质及终端设备 | |
CN105867795A (zh) | 虚拟键盘的显示方法及装置、电子设备 | |
CN106155462A (zh) | 一种界面交互方法及装置 | |
US20140184535A1 (en) | Method for Displaying Children Components in a Display that Operates at Different Screen Parameters and Orientations |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20130508 |