This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.

GUI Interface

What is the ideal GUI interface? The interface of mobile device it's all that users see on it and can interact - screen, bars, icons of applications. So the interface is the first that draws the user's attention. The main goal of software engineers, GUI interface designers, and GUI developers is to make the interface first of all easy for perception and understanding, convenient and attractive for the users. The iPhone's GUI interface meets all these requirements.
The vector stencils library "Toolbar control elements" contains 42 toolbar graphical control elements.
Use this toolbar control element UI icon set to design graphic user interface (GUI) of your software application for OS X 10.10 Yosemite Apple Mac operating system.
"A graphical control element or widget is an element of interaction in a graphical user interface (GUI), such as a button or a scroll bar. Controls are software components that a computer user interacts with through direct manipulation to read or edit information about an application. ...
Each widget facilitates a specific type of user-computer interaction, and appears as a visible part of the application's GUI as defined by the theme and rendered by the rendering engine. The theme makes all graphical control elements adhere to a unified aesthetic design and creates a sense of overall cohesion. Some widgets support interaction with the user, for example labels, buttons, and check boxes. Others act as containers that group the widgets added to them, for example windows, panels, and tabs." [Graphical control element. Wikipedia]
The icons example "Design elements - Toolbar control elements" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Mac OS User Interface solution from the Software Development area of ConceptDraw Solution Park.
Toolbar graphical control elements
Toolbar graphical control elements, tool bar drop-down button, tool bar button, small button toggle, slider element, sidebar button, share button, shape, settings, segmented control, segmented button control, search field, list-icons view, edit tags button, downloads button, gradient button, copy button, button 4  drop down, back forward button, arrange button, action buttons, stoplights control, action button,
"The interface is based around the home screen, a graphical list of available applications. iPhone applications normally run one at a time. Starting with the iPhone 4, a primitive version of multitasking came into play. Users could double click the home button to select recently opened. However, the apps never ran in the background. Starting with iOS 7, though, apps can truly multitask, and each open application runs in the background when not in use, although most functionality is still available when making a call or listening to music. The home screen can be accessed at any time by a hardware button below the screen, closing the open application in the process.
By default, the Home screen contains the following icons: Messages (SMS and MMS messaging), Calendar, Photos, Camera, YouTube, Stocks, Maps (Google Maps), Weather, Voice Memos, Notes, Clock, Calculator, Settings, iTunes (store), App Store, (on the iPhone 3GS and iPhone 4) Compass, FaceTime and GameCenter were added in iOS 4.0 and 4.1 respectively. In iOS 5, Reminders and Newsstand were added, as well as the iPod application split into separate Music and Videos applications. iOS 6 added Passbook as well as an updated version of Maps that relies on data provided by TomTom as well as other sources. iOS 6 also added a Clock application onto the iPad's homescreen. However, it also no longer support YouTube. Docked at the base of the screen, four icons for Phone, Mail, Safari (Internet), and Music delineate the iPhone's main purposes. On January 15, 2008, Apple released software update 1.1.3, allowing users to create "Web Clips", home screen icons that resemble apps that open a user-defined page in Safari. After the update, iPhone users can rearrange and place icons on up to nine other adjacent home screens, accessed by a horizontal swipe." [iPhone. Wikipedia]
The example "iPhone OS (iOS) graphic user interface (GUI) - Alarm setting" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone GUI
iPhone GUI, switch control, status bar, screen, navigation bar, iPhone, grouped list, list, date and time picker, control button,

GUI Software

ConceptDraw PRO diagramming and vector drawing software extended with Windows 8 User Interface Solution is a powerful GUI Software. Designing of professional looking Windows 8 and Windows 8.1 user interfaces, and Windows 8 UI design patterns never been easier than now with convenient and useful tools of Windows 8 User Interface Solution from the Software Development area.
The vector stencils library "Window elements" contains 24 window elements: frames, boxes and buttons.
Use it to design graphic user interface (GUI) of your Windows 8 software application.
"A window is a graphical control element. It consists of a visual area containing some of the graphical user interface of the program it belongs to and is framed by a window decoration. It usually has a rectangular shape that can overlap with the area of other windows. It displays the output of and may allow input to one or more processes.
Windows are primarily associated with graphical displays, where they can be manipulated with a pointer by employing some kind of pointing device.
A graphical user interface (GUI) using windows as one of its main "metaphors" is called a windowing system, whose main components are the display server and the window manager." [Window (computing). Wikipedia]
The design elements example "Window elements - Vector stencils library" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Windows 8 User Interface solution from the Software Development area of ConceptDraw Solution Park.
Window frame
Window frame, window frame, minimize window button, maximize window button, close window button,
Dialog box
Dialog box, dialog box, window, close window button,
Window with command area
Window with command area, window, command area, command area, close window button,
Command area
Command area, command area,
Close window button
Close window button, close window button,
Minimize window button
Minimize window button, minimize window button,
Restore window button
Restore window button, restore window button,
Maximize window button
Maximize window button, maximize window button,
Minimize window button - hover
Minimize window button - hover, minimize window button,
Restore window button - hover
Restore window button - hover, restore window button,
Maximize window button - hover
Maximize window button - hover, maximize window button,
Window resize handle
Window resize handle, window resize handle,
Vertical separator
Vertical separator, separator,
Horizontal separator
Horizontal separator, separator,
Back button
Back button, back button,
Forward button
Forward button, forward button,
Forward
Forward, forward,
Back
Back, back,
Warning icon
Warning icon, warning standard icon,
Error icon
Error icon, error standard icon,
Information icon
Information icon, information standard icon,
Question mark icon
Question mark icon, question mark standard icon,
Refresh icon
Refresh icon, refresh icon,
Up control
Up control, up control,

Android GUI

Android is an operating system based on the Linux kernel and developed by Google for smartphones, tablet computers, electronic books, netbooks, smartbooks, digital players, watches, game consoles, TV and other devices. ConceptDraw PRO extended with Android User Interface Solution from the Software Development Area is a powerful software with extensive drawing tools which can help you to build the intelligible, attractive and easy for perception Android GUI for your application.

graphical user interface, UI patterns, GUI interface iPhone User Interface

graphical user interface, UI patterns, GUI interface
iPhone User Interface solution extends ConceptDraw PRO v10 software with templates, samples and libraries with large quantity of vector stencils of graphical user interface elements, Apps icons, UI patterns for designing and prototyping of the iOS applic

Graphical User Interface Examples

ConceptDraw PRO extended with Windows 8 User Interface solution from the Software Development area is the best gui software. Using the drawing tools, libraries of vector objects, graphical user interface examples that offers Windows 8 User Interface solution, you will easily design the Windows 8 user interfaces and Windows 8 UI design patterns of any complexity.
The vector stencils library "Progressive disclosure controls" contains 12 icons of Windows 8 progressive disclosure controls.
Use it to design graphic user interface (GUI) prototypes of your software applications for Windows 8.
The icons example "Design elements - Progressive disclosure controls" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Windows 8 User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI icons
UI icons, progressive disclosure controls, triangle control, progressive disclosure controls, plus control, expand, progressive disclosure controls, minus control, collapse, progressive disclosure controls, arrow control,
The vector stencils library "Toolbar control elements" contains 42 toolbar graphical control elements.
Use this tool bar control element UI icon set to design graphic user interface (GUI) of your software application for OS X 10.10 Yosemite Apple Mac operating system.
The example "Toolbar control elements - Vector stencils library" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Mac OS User Interface solution from the Software Development area of ConceptDraw Solution Park.
Drop-down button
Drop-down button, tool bar drop-down button,
Drop-down button - ON press left
Drop-down button - ON press left, tool bar drop-down button,
Drop-down button - ON press right
Drop-down button - ON press right, tool bar drop-down button,
Tool bar button
Tool bar button, tool bar button,
Tool bar button - ON press
Tool bar button - ON press, tool bar button,
Tool bar button - selected
Tool bar button - selected, tool bar button,
Left segment
Left segment, segmented button control,
Left segment - ON press
Left segment - ON press, segmented button control,
Left segment - selected
Left segment - selected, segmented button control,
Middle segment
Middle segment, segmented button control,
Middle segment - ON press
Middle segment - ON press, segmented button control,
Middle segment - selected
Middle segment - selected, segmented button control,
Right segment
Right segment, segmented button control,
Right segment - ON press
Right segment - ON press, segmented button control,
Right segment - selected
Right segment - selected, segmented button control,
Segmented control - 2 buttons
Segmented control - 2 buttons, segmented control, segmented button control,
Segmented control - 3 buttons
Segmented control - 3 buttons, segmented control, segmented button control,
Segmented control - 4 buttons
Segmented control - 4 buttons, segmented control, segmented button control,
Small button toggle
Small button toggle, small button toggle,
Back - Forward button
Back - Forward button, button 4  drop down, back forward button,
List/Icons view control
List/Icons view control, list-icons view,
Arrange button
Arrange button, shape, arrange button, gradient button,
Action menu
Action menu, shape, settings, action menu button,
Downloads button
Downloads button, downloads button, gradient button,
Copy button
Copy button, copy button, gradient button,
Share button
Share button, share button, gradient button,
Edit tags button
Edit tags button, edit tags button, gradient button,
Sidebar button
Sidebar button, sidebar button, gradient button, shape,
Slider element
Slider element, slider element,
Tool bar button 2
Tool bar button 2, tool bar button,
Tool bar button 2 - ON press
Tool bar button 2 - ON press, tool bar button,
Tool bar button 2 - selected
Tool bar button 2 - selected, tool bar button,
Search field
Search field, search field,
Search field - active
Search field - active, search field,
"Stoplights" control
Close button
Close button, action button,
Minimize button
Minimize button, action button,
Maximize button
Maximize button, action button,
Close button - hover
Close button - hover, action button,
Minimize button - hover
Minimize button - hover, action button,
Maximize button - hover
Maximize button - hover, action button,
Action button - inactive
Action button - inactive, action button,
The vector stencils library "Controls" contains 53 icons of Windows 8 controls.
Use it to design graphic user interface (GUI) prototypes of your software applications for Windows 8.
"A graphical control element or widget is an element of interaction in a graphical user interface (GUI), such as a button or a scroll bar. Controls are software components that a computer user interacts with through direct manipulation to read or edit information about an application. ...
Each widget facilitates a specific type of user-computer interaction, and appears as a visible part of the application's GUI as defined by the theme and rendered by the rendering engine. The theme makes all graphical control elements adhere to a unified aesthetic design and creates a sense of overall cohesion. Some widgets support interaction with the user, for example labels, buttons, and check boxes. Others act as containers that group the widgets added to them, for example windows, panels, and tabs." [Graphical control element. Wikipedia]
The design elements example "Controls - Vector stencils library" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Windows 8 User Interface solution from the Software Development area of ConceptDraw Solution Park.
Balloon
Balloon, balloon,
Check box - checked
Check box - checked, check box,
Check box - unchecked
Check box - unchecked, check box,
Radio button - selected
Radio button - selected, radio button,
Radio button
Radio button, radio button,
Group box
Group box, group box,
Standard command button
Standard command button, standard command button,
Default command button
Default command button, default command button,
Link
Link, link,
Command link - selected
Command link - selected, command link,
Command link
Command link, command link,
Command link
Command link, command link,
Command link 2
Command link 2, command link,
Drop-down button with text box
Drop-down button with text box, drop-down button,
Drop-down button with text box - selected
Drop-down button with text box - selected, drop-down button, text box,
Drop-down list
Drop-down list, drop-down list,
List item
List item, list item,
List item - selected
List item - selected, list item,
Drop-down button with text box 2
Drop-down button with text box 2, drop-down button, text box,
Drop-down list 2
Drop-down list 2, drop-down list,
Drop-down button
Drop-down button, drop-down button,
Drop-down button - selected
Drop-down button - selected, drop-down button,
Combo box
Combo box, list item, drop-down list, drop-down button, combo box,
Combo box 2
Combo box 2, list item, drop-down list, drop-down button, text box, drop-down button, combo box,
Combo box with scroller
Combo box with scroller, scroller, list item, drop-down list, drop-down button, text box, drop-down button, combo box,
List box
List box, list item, list box, drop-down list,
List box with scrollbar
List box with scrollbar, scroller, list item, list box, drop-down list,
List view
List view, scroller, list view, drop-down list,
Vertical scroller
Vertical scroller, scroller,
Horizontal scroller
Horizontal scroller, scroller,
Notification
Notification, notification, balloon,
Options button
Options button, options button,
Close button
Close button, close button,
Text label
Text label, text label,
Progress bar
Progress bar, progress bar,
Search box
Search box, search symbol, search box,
Search symbol
Search symbol, search symbol,
Spin control
Spin control, spin control,
Slider - 5 intervals
Slider - 5 intervals, slider,
Slider - 10 intervals
Slider - 10 intervals, slider,
Status bar
Status bar, status bar,
Start button
Start button, start button,
Status bar with Start button
Status bar with Start button, status bar, Start button, status bar, start button,
Viewed window
Viewed window, window state,
Current window state
Current window state, current window state,
Tab control
Tab control, tab control,
Tab control - selected
Tab control - selected, tab control,
Tab view page
Tab view page, tab view,
Tab view
Tab view, tab view, tab control,
Text box
Text box, text box,
Text box label
Text box label, text box label,
Tooltip
Tooltip, tooltip,
Infotip
Infotip, infotip,

Mac OS GUI Software

ConceptDraw PRO diagramming and vector drawing software extended with Mac OS User Interface Solution from the Software Development area is a powerful Mac OS GUI Software

Graphical User Interface

ConceptDraw PRO provides iPhone User Interface Solution from the Software Development Area of ConceptDraw Solution Park for quick and easy drawing professional looking graphical user interfaces. Even if you are not an artist, you will be able easily draw any iPhone graphical user interface using the ready-to-use predesigned vector objects from the offered libraries of iPhone User Interface Solution for ConceptDraw Solution Park.
The vector stencils library "Glyph icons" contains 38 glyph and symbol UI icons. Use this glyph UI icon set to design graphic user interface (GUI) of your software application for OS X 10.10 Yosemite Apple Mac operating system.
The example "Glyph icons - Vector stencils library" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Mac OS User Interface solution from the Software Development area of ConceptDraw Solution Park.
Check mark grey
Check mark grey, check mark grey,
Check mark black
Check mark black, check mark black,
Submenu indicator
Submenu indicator, submenu indicator,
Command glyph
Command glyph, command glyph,
Add glyph
Add glyph, add glyph,
Delete glyph
Delete glyph, delete glyph,
Drag vertical glyph
Drag vertical glyph, drag vertical glyph,
Drag horizontal glyph
Drag horizontal glyph, drag horizontal glyph,
Expand corner
Expand corner, expand corner,
Collapse up icon
Collapse up icon, collapse up,
Collapse down icon
Collapse down icon, collapse down,
Settings icon
Settings icon, settings icon,
Chevron
Chevron, chevron,
Up-down arrows
Up-down arrows, arrows,
Divider
Divider, divider,
Up arrow
Up arrow, up arrow,
Delete key
Delete key, delete key,
Key control
Key control, key control,
Search icon
Search icon, search icon,
Search icon 2
Search icon 2, search icon,
All My Files icon
All My Files icon, All my files icon, sidebar icon,
AirDrop icon
AirDrop icon, AirDrop icon, sidebar icon,
iCloud icon
iCloud icon, iCloud icon, sidebar icon,
Applications icon
Applications icon, Applications icon, sidebar icon,
Documents icon
Documents icon, documents icon, sidebar icon,
Downloads icon
Downloads icon, downloads icon, sidebar icon,
Desktop icon
Desktop icon, desktop icon, sidebar icon,
Tag - red
Tag - red, tag,
Tag - orange
Tag - orange, tag,
Tag - yellow
Tag - yellow, tag,
Tag - green
Tag - green, tag,
Tag - blue
Tag - blue, tag,
Tag - purple
Tag - purple, tag,
Tag - gray
Tag - gray, tag,
All tags
All tags, all tags glyph, tag,
Apple icon
Apple icon, Apple icon, Mac OS icon,
Disclosure triangle
Disclosure triangle, disclosure triangle,
Refresh
Refresh, refresh icon,
Use this template to prototype and design the Windows graphic user interface.
"In human–computer interaction, WIMP stands for "windows, icons, menus, pointer", denoting a style of interaction using these elements of the user interface. ... Other expansions are sometimes used, substituting "mouse" and "mice" or "pull-down menu" and "pointing", for menus and pointer, respectively. ...
In a WIMP system:
(1) A window runs a self-contained program, isolated from other programs that (if in a multi-program operating system) run at the same time in other windows.
(2) An icon acts as a shortcut to an action the computer performs (e.g., execute a program or task).
(3) A menu is a text or icon-based selection system that selects and executes programs or tasks.
(4) The pointer is an onscreen symbol that represents movement of a physical device that the user controls to select icons, data elements, etc.
(5) cut, copy, and paste.
This style of system improves human–computer interaction (HCI) by emulating real-world interactions and providing better ease of use for non-technical people - both novice and power users. Users can carry skill at a standardized interface from one application to another.
Due to the nature of the WIMP system, simple commands can be chained together to undertake a group of commands that would have taken several lines of command line instructions." [WIMP (computing). Wikipedia]
The Windows Vista graphic user interface template for the ConceptDraw PRO diagramming and vector drawing software is included in the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
Windows GUI template
Windows GUI template, window, vertical scrollbar, field, check box group, button,