CN101986255A - Semitransparent gradual three-dimensional user interface - Google Patents
Semitransparent gradual three-dimensional user interface Download PDFInfo
- Publication number
- CN101986255A CN101986255A CN201010533642XA CN201010533642A CN101986255A CN 101986255 A CN101986255 A CN 101986255A CN 201010533642X A CN201010533642X A CN 201010533642XA CN 201010533642 A CN201010533642 A CN 201010533642A CN 101986255 A CN101986255 A CN 101986255A
- Authority
- CN
- China
- Prior art keywords
- icon
- user interface
- translucent
- effect
- translucent effect
- 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
The invention provides a semitransparent gradual three-dimensional user interface. The interface is realized by the following steps of: 10, arranging icons of user interfaces at display positions which are a certain distance away from a screen so that each icon can be seen from the visual angles of planes XY, XZ and YZ; 20, selecting one icon, and then starting to draw a semitransparent effect between the display screen and the display position of the icon, wherein the transparency of the semitransparent effect gradually decreases over time until the icon is completely non-transparent; 30, starting to draw a group of new user interfaces behind the semitransparent effect when the semitransparent effect is completely invisible; 40, gradually improving the transparency of the semitransparent effect after the new user interfaces are drawn until the group of new user interfaces are completely visible; and 50, starting new operation after the transparency of the semitransparent effect is completely transparent. Natural transition of the user interfaces can be realized by using the semitransparent gradual effect, so that the operation experiences of users are improved.
Description
Technical field
The present invention relates to a kind of graphic user interface, particularly a kind of three-dimensional user interface of portable terminal.
Background technology
Existing portable terminal interaction technique mainly is a relevant interactive component of having inherited desktop application.By simply reducing area and oversimplifying the mode of operating, be transplanted on the portable terminal.
Along with the lifting of mobile terminal performance and the commercialization of 3G network, portable terminal has had the ability to support the application of three-dimensional user interface.Three-dimensional interface can make becoming alternately of user and system smooth more and directly perceived, adds terminal itself and has mobile characteristic, can carry multiple value-added service kind, will become an important directions in wireless value-added field.
Yet the graphical interface of user graphic form in the current handheld device is single, still mostly is to select icon to operate in 2 dimensional planes.This operation planar sense is strong, does not have depth feelings, and user experience is bad.And three-dimensional user interface of the prior art also mostly is simply icon as the pinup picture material, directly overlays the not coplanar of three-dimensional picture, and user experience is too simple, depth feelings and interesting not enough.
Summary of the invention
The technical problem to be solved in the present invention is to provide a kind of translucent gradual change type three-dimensional user interface, and it can use translucent fade effect to realize the natural transition of user interface, improves user's operating experience.
The present invention is achieved in that
The present invention specifically comprises the steps:
Step 10, the icon of user interface is arranged on display position with a certain distance from screen, and can both sees each icon at screen from XY, XZ, YZ face visual angle;
Step 20, choose an icon after, beginning is drawn between the display position of described display screen and icon and is filled translucent effect, and passes in time, and the transparency of translucent effect progressively reduces, until opaque fully, make described icon progressively from user interface, conceal;
Step 30, when translucent effect is complete sightless the time, new one group of user interface is drawn in beginning at the rear of translucent effect;
After step 40, new user interface were drawn, the transparency of translucent effect began progressively to improve, until new one group of user interface fully as seen;
The transparency of step 50, translucent effect be fully transparent after, can begin new operation.
The present invention has following advantage:
1. the translucent gradual change type user interface of 3d that proposes of the present invention, based on the three-dimensional interface of 3 dimensions, with user interface three-dimensional three dimensional stress, significantly increase the interest that the user uses, the graphical interface of user graphic form that has overcome in the current handheld device is single, mostly is the operation of selecting icon to carry out in 2 dimensional planes;
2. user interface of the present invention is that real-time three-dimensional is drawn generation, based on the three-dimensional interfaces of 3 dimensions; In new and old user interface handoff procedure, between screen and selection icon, draw translucent fade effect and realize interfaces transition, promptly after the user selects an icon, use the transparency of translucent effect to add the disappearance that reduces to realize old icon gradually; After drawing good new user interface, use the transparency of translucent effect to strengthen the appearance that realizes new icon gradually, this will improve the workability and the friendly interface of user interface, can improve user's operating experience significantly, making increases curiosity and stronger substitution sense when the user uses user interface;
3. user interface of the present invention adopts translucent gradual change when switching, and makes user interface to switch naturally, and uses the trnaslucent materials of unlike material, can obtain different user's impressions, except the cloud and mist effect, can also use water wave, the material of unlike materials such as glass is realized.
Description of drawings
The present invention is further illustrated in conjunction with the embodiments with reference to the accompanying drawings.
Fig. 1 is an electrical block diagram required for the present invention.
Fig. 2 is the schematic flow sheet of the inventive method.
Fig. 3 A is the synoptic diagram of arranging of the icon XZ face of user interface of the present invention.
Fig. 3 B is the synoptic diagram of arranging of the icon XY face of user interface of the present invention.
Fig. 3 C is the synoptic diagram of arranging of the icon YZ face of user interface of the present invention.
The synoptic diagram of XZ face when Fig. 4 A switches the initial stage for user interface of the present invention.
The synoptic diagram of XY face when Fig. 4 B switches the initial stage for user interface of the present invention.
The synoptic diagram of YZ face when Fig. 4 C switches the initial stage for user interface of the present invention.
The synoptic diagram of XZ face when Fig. 5 A produces new icon for the user interface switching later stage of the present invention.
The synoptic diagram of XY face when Fig. 5 B produces new icon for the user interface switching later stage of the present invention.
The synoptic diagram of YZ face when Fig. 5 C produces new icon for the user interface switching later stage of the present invention.
Embodiment
Consulting Fig. 1 to Fig. 5 C is described in detail one embodiment of the invention.
As shown in Figure 1, be electrical block diagram required for the present invention.Realize function needs of the present invention: bus, described bus are an interconnected unit, and carry each unit on bus is linked together, and the unit on any bus can be by bus access to carry other unit in bus; CPU (central processing unit) is responsible for by bus touch screen controller and indicative control unit and GPU being controlled; GPU (Graphics Processing Unit) is responsible for the control according to CPU, obtains required texture map picture by bus from external memory storage, stores external memory storage into after drawing out view data to be shown then; External memory storage is responsible for required whole materials of storage user interface and view data and is handled back view data to be shown through GPU; Touch screen controller is responsible for that the touching operation of user on touch-screen be converted into screen coordinate information and with direct information CPU; Indicative control unit is responsible for reading the image to be displayed data by bus from external memory storage, and data display screen is shown; Display screen is responsible for that the video data that indicative control unit provides is become image and is shown on the screen.
Operating process is:
1. after hardware began to work on power, CPU made each unit begin operate as normal each unit initialization;
2. after software systems started, the user can operate by touch-screen, and the user is sent to CPU to the control information of touch-screen from touch screen controller;
3.CPU touch the coordinate of screen point according to the user who obtains from touch screen controller, an inquiry pairing coordinate range of icon then obtains the user and wishes the icon selected;
4. after determining user-selected icon, CPU begins GPU is configured, and order GPU draws out the graphical effect of required effect;
5. after GPU obtains the order of CPU, begin to read the required texture map picture of drafting, and then store image to be shown into external memory storage after having drawn from external memory storage;
6. after the GPU drawing image finished, CPU began to dispose indicative control unit, and the order indicative control unit shows the image that GPU draws;
7. after indicative control unit obtains cpu command, read image to be displayed from external memory storage, be treated to the required data layout of display screen after, be sent to display screen and show;
8. after user interface updating finished, CPU restarted to accept the data of touch screen controller, user's operation of a beginning new round.
As shown in Figure 2, user interface of the present invention specifically comprises the steps:
Step 10, the icon of user interface is arranged on display position with a certain distance from screen, and can both sees each icon at screen from XY, XZ, YZ face visual angle; Step 20, choose an icon after, beginning is drawn between the display position of described display screen and icon and is filled translucent effect, and passes in time, and the transparency of translucent effect progressively reduces, until opaque fully, make described icon progressively from user interface, conceal; Step 30, when translucent effect is complete sightless the time, new one group of user interface is drawn in beginning at the rear of translucent effect; After step 40, new user interface were drawn, the transparency of translucent effect began progressively to improve, until new one group of user interface fully as seen; The transparency of step 50, translucent effect be fully transparent after, can begin new operation.
Translucent effect can be the cloud and mist translucent effect, can also use water wave, and the material of unlike materials such as glass is realized water wave translucent effect or glass translucent effect, and what the translucent effect of present embodiment adopted is the cloud and mist effect.
In conjunction with Fig. 3 A, Fig. 3 B, Fig. 3 C, the icon 1 of user interface, icon 2, icon 3 are arranged on the display position with a certain distance from screen, the user can both see each icon at screen from XY, XZ, YZ face visual angle, icon has certain distance apart from screen, can provide enough distances for the icon special efficacy of advancing.The user can realize selecting this icon by the touching icon.
Further, can so that the normal in described each icon front towards all different, after choosing one of them icon, this icon is adjusted to normal perpendicular to display screen and the distance position of close display screen, and the process of this adjustment realizes with step-by-step system, can obtain the effect of overall user interface rotation like this.
In conjunction with Fig. 4 A, Fig. 4 B, Fig. 4 C, after the user realized choosing one of them icon by touch operation, beginning was drawn between the display position of display screen and icon and is filled translucent effect, and present embodiment is the cloud and mist effect.And as time passes, the transparency of cloud and mist effect is progressively to be reduced by complete transparent beginning, until opaque fully, makes original icon progressively conceal from user interface.
In conjunction with Fig. 5 A, Fig. 5 B, Fig. 5 C, when the transparency of cloud and mist effect be reduced to opaque fully after, the new new icon 1 of one group of user interface, new icon 2, new icon 3 are drawn in beginning at the rear of cloud and mist, after new user interface is drawn, the cloud and mist effect gradually becomes transparent fully by opaque fully again, stops to draw the cloud and mist effect then.So just new user interface can be presented on gradually the user in face of, after the cloud and mist effect disappeared, the user just can begin new operation.
User interface of the present invention is that real-time three-dimensional is drawn generation, based on the three-dimensional interfaces of 3 dimensions; In new and old user interface handoff procedure, between screen and selection icon, draw translucent fade effect and realize interfaces transition, promptly after the user selects an icon, use the transparency of translucent effect to add the disappearance that reduces to realize old icon gradually; After drawing good new user interface, use the transparency of translucent effect to strengthen the appearance that realizes new icon gradually, this will improve the workability and the friendly interface of user interface, can improve user's operating experience significantly, making increases curiosity and stronger substitution sense when the user uses user interface.
The above, only for preferred embodiment of the present invention, so can not limit scope of the invention process according to this, i.e. the equivalence of doing according to claim of the present invention and description changes and modification, all should still belong in the scope that the present invention contains.
Claims (5)
1. a translucent gradual change type three-dimensional user interface is characterized in that: specifically comprise the steps:
Step 10, the icon of user interface is arranged on display position with a certain distance from screen, and can both sees each icon at screen from XY, XZ, YZ face visual angle;
Step 20, choose an icon after, beginning is drawn between the display position of described display screen and icon and is filled translucent effect, and passes in time, and the transparency of translucent effect progressively reduces, until opaque fully, make described icon progressively from user interface, conceal;
Step 30, when translucent effect is complete sightless the time, new one group of user interface is drawn in beginning at the rear of translucent effect;
After step 40, new user interface were drawn, the transparency of translucent effect began progressively to improve, until new one group of user interface fully as seen;
The transparency of step 50, translucent effect be fully transparent after, can begin new operation.
2. a kind of translucent gradual change type three-dimensional user interface according to claim 1 is characterized in that: in the described step 10, the normal in each icon front is towards all different.
3. a kind of translucent gradual change type three-dimensional user interface according to claim 2, it is characterized in that: in the described step 20, after choosing icon, this icon is adjusted to normal perpendicular to display screen and the distance position of close display screen, and the process of this adjustment realizes with step-by-step system.
4. a kind of translucent gradual change type three-dimensional user interface according to claim 1 is characterized in that: in the described step 20, can realize selecting this icon by the touching icon.
5. a kind of translucent gradual change type three-dimensional user interface according to claim 1 is characterized in that: described translucent effect is cloud and mist translucent effect or water wave translucent effect or glass translucent effect.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201010533642XA CN101986255A (en) | 2010-11-05 | 2010-11-05 | Semitransparent gradual three-dimensional user interface |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201010533642XA CN101986255A (en) | 2010-11-05 | 2010-11-05 | Semitransparent gradual three-dimensional user interface |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN101986255A true CN101986255A (en) | 2011-03-16 |
Family
ID=43710604
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201010533642XA Pending CN101986255A (en) | 2010-11-05 | 2010-11-05 | Semitransparent gradual three-dimensional user interface |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101986255A (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102253713A (en) * | 2011-06-23 | 2011-11-23 | 康佳集团股份有限公司 | Display system orienting to three-dimensional images |
| CN102323874A (en) * | 2011-09-14 | 2012-01-18 | 深圳创维－Rgb电子有限公司 | Method and system for realizing three-dimensional user interface, and multimedia terminal |
| CN104951231A (en) * | 2015-06-16 | 2015-09-30 | 努比亚技术有限公司 | Information processing method, information processing device and electronic equipment |
| CN105278819A (en) * | 2014-06-30 | 2016-01-27 | 西安Tcl软件开发有限公司 | Application navigation method of user interaction interfaces and intelligent equipment |
| CN105306999A (en) * | 2014-07-25 | 2016-02-03 | 中兴通讯股份有限公司 | 3D control picture display processing method and device |
| CN105929949A (en) * | 2016-04-15 | 2016-09-07 | 北京小鸟看看科技有限公司 | Virtual reality system startup effect presentation method and apparatus |
| US10627860B2 (en) | 2011-05-10 | 2020-04-21 | Kopin Corporation | Headset computer that uses motion and voice commands to control information display and remote devices |
-
2010
- 2010-11-05 CN CN201010533642XA patent/CN101986255A/en active Pending
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10627860B2 (en) | 2011-05-10 | 2020-04-21 | Kopin Corporation | Headset computer that uses motion and voice commands to control information display and remote devices |
| US11237594B2 (en) | 2011-05-10 | 2022-02-01 | Kopin Corporation | Headset computer that uses motion and voice commands to control information display and remote devices |
| US11947387B2 (en) | 2011-05-10 | 2024-04-02 | Kopin Corporation | Headset computer that uses motion and voice commands to control information display and remote devices |
| CN102253713A (en) * | 2011-06-23 | 2011-11-23 | 康佳集团股份有限公司 | Display system orienting to three-dimensional images |
| CN102253713B (en) * | 2011-06-23 | 2016-10-12 | 康佳集团股份有限公司 | Towards 3 D stereoscopic image display system |
| CN102323874A (en) * | 2011-09-14 | 2012-01-18 | 深圳创维－Rgb电子有限公司 | Method and system for realizing three-dimensional user interface, and multimedia terminal |
| CN105278819A (en) * | 2014-06-30 | 2016-01-27 | 西安Tcl软件开发有限公司 | Application navigation method of user interaction interfaces and intelligent equipment |
| CN105278819B (en) * | 2014-06-30 | 2018-09-25 | 西安Tcl软件开发有限公司 | The application navigation method and smart machine of user interface |
| CN105306999A (en) * | 2014-07-25 | 2016-02-03 | 中兴通讯股份有限公司 | 3D control picture display processing method and device |
| CN104951231A (en) * | 2015-06-16 | 2015-09-30 | 努比亚技术有限公司 | Information processing method, information processing device and electronic equipment |
| CN105929949A (en) * | 2016-04-15 | 2016-09-07 | 北京小鸟看看科技有限公司 | Virtual reality system startup effect presentation method and apparatus |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101986255A (en) | Semitransparent gradual three-dimensional user interface | |
| US11798222B2 (en) | Virtual scene switching method and apparatus, terminal device, and storage medium | |
| CN102646021B (en) | Method for realizing 3D (three-dimensional) function menu of mobile phone | |
| CN102385476B (en) | Mobile terminal and its control method | |
| US11604580B2 (en) | Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device | |
| EP2595042A2 (en) | Mobile device for executing multiple applications and method for same | |
| US9639199B2 (en) | Method and device for controlling a user interface | |
| KR20130054071A (en) | Mobile apparatus for processing multiple applications and method thereof | |
| EP2966554A1 (en) | Terminal and terminal operating method | |
| KR101968131B1 (en) | Mobile apparatus for processing multiple applications and method thereof | |
| KR20150091409A (en) | Method and system for implementing suspended global button on touch screen terminal interface | |
| KR20140070040A (en) | Apparatus and method for managing a plurality of objects displayed on touch screen | |
| CA2792188A1 (en) | Method of animating a rearrangement of ui elements on a display screen of an electronic device | |
| AU2013284256A1 (en) | Widget setting method and terminal device | |
| CN107479818B (en) | Information interaction method and mobile terminal | |
| CN102289337A (en) | Brand new display method of mobile terminal interface | |
| CN101882049A (en) | Method and terminal for creating screen child window | |
| CN101989179A (en) | Implementation method for advancing three-dimensional user interface and mobile terminal | |
| TW201621609A (en) | Method and system for displaying desktop | |
| CN104516638A (en) | Volume control method and device | |
| CN101986254A (en) | Implementation method of gradient push-type three-dimensional user interface (UI) and mobile terminal | |
| CN103167154A (en) | Method for rapidly managing running applications of mobile phone | |
| WO2012106855A1 (en) | Method for displaying grid-interface and mobile terminal | |
| KR20130126428A (en) | Apparatus for processing multiple applications and method thereof | |
| CN114138106A (en) | Transitioning between states in a mixed virtual reality desktop computing environment |
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: 20110316 |