Vector-based graphical user interface

Last updated

A vector-based graphical user interface is a mostly conceptual type of graphical user interface where elements are drawn using vector rather than raster information.

Contents

An example of a vector-based window, found in a privately funded vector-based graphical user interface research project. 3D GUI.png
An example of a vector-based window, found in a privately funded vector-based graphical user interface research project.
2D GUI. All window decorations and elements inside them are vector-based, the background is generated from multiple sine waves and the shapes are defined in-runtime. The final image is rasterized, anti-aliased and optionally composited, here the compositing is disabled. 2D Vector GUI.png
2D GUI. All window decorations and elements inside them are vector-based, the background is generated from multiple sine waves and the shapes are defined in-runtime. The final image is rasterized, anti-aliased and optionally composited, here the compositing is disabled.

Pros and cons

The benefits of a completely vector-based graphical user interface would include:

  • more efficient, independent scalability; The resolution (measured in dots per inch or DPI) could be set higher or lower than 1px:1px without causing pixelation, enabling better use of high resolution monitors.

Cons might include:

  • Difficulty integrating raster-based applications. With some effort, this could be accomplished by texturing the entire raster-based application to a vector-based plane (though the disadvantages of raster-based graphics would still stand).
  • Slower rendering, greater system requirements. Because today's monitors display only raster-based information, the vector information would have to be rasterized (and optionally anti-aliased) before appearing.

Usage in 3D graphical user interfaces

Since current 3D Graphics are usually vector-based, rather than raster-based, vector-based graphical user interfaces would be suitable for 3D graphical user interfaces. This is because raster-based 3D models take up an enormous amount of memory, as they are stored and displayed using voxels. Current operating systems such as Windows Vista, Mac OS X, and UNIX-based operating systems (including Linux) have enjoyed much benefit from using 3D graphical user interfaces. In Windows Vista, for example, Flip3D textures each window to a 3D plane based on vector graphics. Even though the window itself is still raster-based, the plane onto which it is textured is vector-based. As a result, the windows, when rotated, appear flat. In Linux desktops, Compiz Fusion can texture each raster-based workspace onto a 3D vector-based cube. As operating systems evolve, eventually the entire window would be made from 3D vector graphics, so that when rotated, it does not appear "flat". Also, advanced lighting may make 3D graphical user interfaces more aesthetically pleasing.

Usage in 2D graphical user interfaces

As most computer monitors become more and more high resolution, everything displayed would be smaller. However, if the screen resolution were turned down, everything would appear pixelated. Thus, resolution independence is currently being designed to solve this problem. With raster graphics, all icons need to be extremely high resolution, so as to not appear pixelated on higher resolution screens. This may take up enormous amounts of memory, and hard disk space.[ citation needed ] If vector graphics were used instead, it could be easily scalable and never lose data nor appear pixelated.

Some Graphical User Interfaces on Operating Systems such as IRIX use vector-based icons. A number of vector-based icon sets are also available for window managers such as GNOME and KDE.

With Windows, applications built using Windows Presentation Foundation (which is native[ citation needed ] to Windows Vista, but can be downloaded for Windows XP and Server 2003) are vector-based and scale losslessly based on Windows DPI settings. However, even without this, it has always been possible to build applications to be DPI-aware. [1] Additionally, in Vista, the Desktop Window Manager detects when an app is not DPI aware and, if the computer is set to a different DPI than normal, uses bitmap scaling to render the window at a larger size. [2]

New version of AmigaOS 4.1 enhanced in 2008 its Workbench with 2D vector graphical interface based on Cairo libraries, but pragmatically integrated it with a 3D Compositing Engine based on Porter-Duff Routines.

See also

Related Research Articles

The graphical user interface, or GUI, is a form of user interface that allows users to interact with electronic devices through graphical icons and audio indicator such as primary notation, instead of text-based UIs, typed command labels or text navigation. GUIs were introduced in reaction to the perceived steep learning curve of command-line interfaces (CLIs), which require commands to be typed on a computer keyboard.

<span class="mw-page-title-main">History of the graphical user interface</span>

The history of the graphical user interface, understood as the use of graphic icons and a pointing device to control a computer, covers a five-decade span of incremental refinements, built on some constant core principles. Several vendors have created their own windowing systems based on independent code, but with basic elements in common that define the WIMP "window, icon, menu and pointing device" paradigm.

<span class="mw-page-title-main">Raster graphics</span> Matrix-based data structure

In computer graphics and digital photography, a raster graphic represents a two-dimensional picture as a rectangular matrix or grid of square pixels, viewable via a computer display, paper, or other display medium. A raster is technically characterized by the width and height of the image in pixels and by the number of bits per pixel. Raster images are stored in image files with varying dissemination, production, generation, and acquisition formats.

<span class="mw-page-title-main">Vector graphics</span> Computer graphics images defined by points, lines and curves

Vector graphics is a form of computer graphics in which visual images are created directly from geometric shapes defined on a Cartesian plane, such as points, lines, curves and polygons. The associated mechanisms may include vector display and printing hardware, vector data models and file formats, as well as the software based on these data models. Vector graphics is an alternative to raster or bitmap graphics, with each having advantages and disadvantages in specific situations.

<span class="mw-page-title-main">2D computer graphics</span> Computer-based generation of digital images

2D computer graphics is the computer-based generation of digital images—mostly from two-dimensional models and by techniques specific to them. It may refer to the branch of computer science that comprises such techniques or to the models themselves.

<span class="mw-page-title-main">Dot matrix</span>

A dot matrix is a 2-dimensional patterned array, used to represent characters, symbols and images. Most types of modern technology use dot matrices for display of information, including mobile phones, televisions, and printers. The system is also used in textiles with sewing, knitting and weaving.

<span class="mw-page-title-main">Dots per inch</span> Measure of dot density

Dots per inch is a measure of spatial printing, video or image scanner dot density, in particular the number of individual dots that can be placed in a line within the span of 1 inch (2.54 cm). Similarly, dots per centimetre refers to the number of individual dots that can be placed within a line of 1 centimetre (0.394 in).

In computing, an icon is a pictogram or ideogram displayed on a computer screen in order to help the user navigate a computer system. The icon itself is a quickly comprehensible symbol of a software tool, function, or a data file, accessible on the system and is more like a traffic sign than a detailed illustration of the actual entity it represents. It can serve as an electronic hyperlink or file shortcut to access the program or data. The user can activate an icon using a mouse, pointer, finger, or voice commands. Their placement on the screen, also in relation to other icons, may provide further information to the user about their usage. In activating an icon, the user can move directly into and out of the identified function without knowing anything further about the location or requirements of the file or code.

In computer science, human–computer interaction, and interaction design, direct manipulation is an approach to interfaces which involves continuous representation of objects of interest together with rapid, reversible, and incremental actions and feedback. As opposed to other interaction styles, for example, the command language, the intention of direct manipulation is to allow a user to manipulate objects presented to them, using actions that correspond at least loosely to manipulation of physical objects. An example of direct manipulation is resizing a graphical shape, such as a rectangle, by dragging its corners or edges with a mouse.

Text mode is a computer display mode in which content is internally represented on a computer screen in terms of characters rather than individual pixels. Typically, the screen consists of a uniform rectangular grid of character cells, each of which contains one of the characters of a character set; at the same time, contrasted to all points addressable (APA) mode or other kinds of computer graphics modes.

<span class="mw-page-title-main">Font rasterization</span> Process of converting text from vector to raster

Font rasterization is the process of converting text from a vector description to a raster or bitmap description. This often involves some anti-aliasing on screen text to make it smoother and easier to read. It may also involve hinting—information embedded in the font data that optimizes rendering details for particular character sizes.

<span class="mw-page-title-main">Pixelation</span> Computer graphics artifact

In computer graphics, pixelation is caused by displaying a bitmap or a section of a bitmap at such a large size that individual pixels, small single-colored square display elements that comprise the bitmap, are visible. Such an image is said to be pixelated.

In computing, hardware overlay, a type of video overlay, provides a method of rendering an image to a display screen with a dedicated memory buffer inside computer video hardware. The technique aims to improve the display of a fast-moving video image — such as a computer game, a DVD, or the signal from a TV card. Most video cards manufactured since about 1998 and most media players support hardware overlay.

A number of vector graphics editors exist for various platforms. Potential users of these editors will make a comparison of vector graphics editors based on factors such as the availability for the user's platform, the software license, the feature set, the merits of the user interface (UI) and the focus of the program. Some programs are more suitable for artistic work while others are better for technical drawings. Another important factor is the application's support of various vector and bitmap image formats for import and export.

An image file format is a file format for a digital image. There are many formats that can be used, such as JPEG, PNG, and GIF. Most formats up until 2022 were for storing 2D images, not 3D ones. The data stored in an image file format may be compressed or uncompressed. If the data is compressed, it may be done so using lossy compression or lossless compression. For graphic design applications, vector formats are often used. Some image file formats support transparency.

Desktop Window Manager is the compositing window manager in Microsoft Windows since Windows Vista that enables the use of hardware acceleration to render the graphical user interface of Windows.

<span class="mw-page-title-main">Image scaling</span> Changing the resolution of a digital image

In computer graphics and digital imaging, imagescaling refers to the resizing of a digital image. In video technology, the magnification of digital material is known as upscaling or resolution enhancement.

Resolution independence is where elements on a computer screen are rendered at sizes independent from the pixel grid, resulting in a graphical user interface that is displayed at a consistent physical size, regardless of the resolution of the screen.

<span class="mw-page-title-main">Computer graphics</span> Graphics created using computers

Computer graphics deals with generating images and art with the aid of computers. Today, computer graphics is a core technology in digital photography, film, video games, digital art, cell phone and computer displays, and many specialized applications. A great deal of specialized hardware and software has been developed, with the displays of most devices being driven by computer graphics hardware. It is a vast and recently developed area of computer science. The phrase was coined in 1960 by computer graphics researchers Verne Hudson and William Fetter of Boeing. It is often abbreviated as CG, or typically in the context of film as computer generated imagery (CGI). The non-artistic aspects of computer graphics are the subject of computer science research.

Serif have a range of software products, which are listed below.

References