Products Solutions Samples Buy
✕
This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.
Try ConceptDraw Free

Graphical User Interface Examples

ConceptDraw DIAGRAM 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.

ui patterns, Windows 10 ui design patterns, user interface design examples, gui software, Windows 10 ui prototyping Windows 10 User Interface

ui patterns, Windows 10 ui design patterns, user interface design examples, gui software, Windows 10 ui prototyping
Windows 10 User Interface solution extends significantly ConceptDraw DIAGRAM functionality with look-and-feel functions of GUI software and makes it a great assistant for Win10 designers, developers, and software engineers. This solution provides a wide s
The vector stencils library "MS Windows Vista user interface" contains 76 MS Windows Vista design elements.
Use it for designing Microsoft ribbon graphic user interface (GUI) of software for computers with MS Windows Vista OS in the ConceptDraw PRO diagramming and vector drawing software extended with the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
Window
Window, window,
Dialog Window
Dialog Window, dialog window,
Empty Window
Empty Window , empty window ,
Field
Field, field,
Horizontal Scrollbar
Horizontal Scrollbar, horizontal scrollbar,
Vertical Scrollbar
Vertical Scrollbar, vertical scrollbar,
Window Buttons
Window Buttons , window buttons ,
Window Buttons
Window Buttons, window buttons ,
Window Button 1
Window Button 1, window button,
Window Button 2
Window Button 2, window button,
Window Button 3
Window Button 3, window button,
Window Button 4
Window Button 4, window button,
Navigation
Navigation, navigation,
Menu Bar
Menu Bar, menu bar,
Gradient Menu Bar
Gradient Menu Bar, menu bar,
Drop-down Menu
Drop-down Menu, drop-down menu,
Button
Button, button,
Toolbar Pannel
Toolbar Pannel, toolbar pannel,
Tool Button
Tool Button, tool button,
Primary Toolbar
Primary Toolbar, primary toolbar,
Toolbar 1
Toolbar 1, toolbar,
Toolbar 2
Toolbar 2, toolbar,
Customizable Tollbar
Customizable Tollbar, toolbar,
Tab View
Tab View , tab view ,
List View
List View, list view,
Text Field
Text Field, text field,
Vertical Separator
Vertical Separator,
Horizontal Separator
Horizontal Separator,
Group Box
Group Box , group box ,
Text Label
Text Label,
Link
Link,
Line Edit
Line Edit, line edit,
Search
Search, search,
Search with Button
Search with Button , search, button,
Spin Box
Spin Box , spin box ,
Combo-box
Combo-box, combo-box,
Editable Combo-box
Editable Combo-box, combo-box,
Editable List Box
Editable List Box, list box ,
List Box
List Box, list box,
Single-selection List
Single-selection List, single-selection list,
Multiple-selection List
Multiple-selection List, multiple-selection list,
Check Box
Check Box, check box,
Radio Button
Radio Button, radio button,
Check box group
Check box group, check box group,
Radio Buttons Group
Radio Buttons Group, radio buttons group,
Progress Bar
Progress Bar , progress bar,
Modal Progress Bar
Modal Progress Bar, modal, progress bar,
Vertical Slider with Ticks
Vertical Slider with Ticks, slider, ticks,
Horizontal Slider with Ticks
Horizontal Slider with Ticks, slider, ticks,
Dial
Dial , dial,
Catalogue Tree
Catalogue Tree, catalogue tree,
Tree View 1
Tree View 1, tree view,
Tree View 2
Tree View 2, tree view,
Vertical Spacer
Vertical Spacer,
Horizontal Spacer
Horizontal Spacer,
Chevron 1
Chevron 1, chevron,
Arrow 1
Arrow 1, arrow,
Arrow 2
Arrow 2, arrow,
Plus/Minus Control
Plus/Minus Control, plus, minus, control,
Rotating Triangle
Rotating Triangle, rotating triangle,
Chevron 3
Chevron 3, chevron,
Chevron 2
Chevron 2, chevron,
Normal Select Cursor
Normal Select Cursor, select cursor,
Link Select Cursor
Link Select Cursor, select cursor, link,
Text Select Cursor
Text Select Cursor, select cursor, text,
Working in Background Pointer
Working in Background Pointer, background pointer,
Busy Pointer
Busy Pointer, busy pointer,
Unavailable Cursor
Unavailable Cursor, unavailable cursor,
Precision Select Cursor
Precision Select Cursor, precision, select cursor,
Error Icon
Error Icon, error icon,
Warning Icon
Warning Icon, warning icon,
Information Icon
Information Icon, information icon,
Question Mark Icon
Question Mark Icon, question mark icon,
Balloon
Balloon, balloon,
Tooltip/Infotip
Tooltip/Infotip, tooltip, infotip,
Calendar
Calendar, calendar,
Used Solutions

user interface design examples, gui software, graphical user interface examples, user interface examples macOS User Interface

user interface design examples, gui software, graphical user interface examples, user interface examples
macOS User Interface solution extends the ConceptDraw DIAGRAM functionality with powerful GUI software graphic design features and tools. It provides an extensive range of multifarious macOS Sierra user interface design examples, samples and templates, and wide variety of libraries, containing a lot of pre-designed vector objects of Mac Apps icons, buttons, dialogs, menu bars, indicators, pointers, controls, toolbars, menus, and other elements for fast and simple designing high standard user interfaces of any complexity for new macOS Sierra.
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,
Used Solutions
The vector stencils library "Windows 8 apps" contains 40 shortcut icons of Windows 8 software applications.
Use this shortcut UI icon set to design graphic user interface (GUI) prototypes of your software apps for Windows 8.
"In computing, a file shortcut is a handle in a user interface that allows the user to find a file or resource located in a different directory or folder from the place where the shortcut is located.

Shortcuts are typically implemented as a small file containing a target URI or GUID to an object, or the name of a target program file that the shortcut represents. The shortcut might additionally specify parameters to be passed to the target program when it is run. Each shortcut can have its own icon. Shortcuts are very commonly placed on a desktop, in an application launcher panel such as the Microsoft Windows Start menu, or in the main menu of a desktop environment. ...
File shortcuts (also known as shell links) were introduced in Windows 95. Microsoft Windows uses .lnk as the filename extension for shortcuts to local files, and .URL for shortcuts to remote files, like web pages. Commonly referred to as "shortcuts" or "link files", both are displayed with a curled arrow overlay icon by default, and no filename extension. ...
Shortcut files can be used to launch programs in minimized or maximized window states if the program supports it. ...
Beginning with Windows 7, some shortcuts also store Application User Model IDs (AppUserModelIDs). Instead of the target command line, AppUserModelIDs may directly be used to launch applications. Shortcuts with AppUserModelIDs are used by some desktop programs and all WinRT Modern apps for launching." [File shortcut. Wikipedia]
The shortcut icons example "Windows 8 apps - 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.
Alarms
Alarms, Alarms icon,
Calculator
Calculator, Calculator icon,
Calendar
Calendar, Calendar icon,
Camera
Camera, Camera icon,
Dashboard
Dashboard, Dashboard icon,
Database
Database, Database icon,
Exel 2013
Exel 2013, Exel 2013 icon,
Finance
Finance, Finance icon,
Food + Drink
Food + Drink, Food + Drink icon,
Games
Games, Games icon,
Health + Fitness
Health + Fitness, Health + Fitness icon,
Help+Tips
Help+Tips, Help+Tips icon,
Internet Explorer
Internet Explorer, Internet Explorer icon,
Language
Language, Language icon,
Mail
Mail, Mail icon,
Maps
Maps, Maps icon,
Music
Music, Music icon,
News
News, News icon,
SkyDrive
SkyDrive, OneDrive icon,
OneNote
OneNote, OneNote icon,
Outlook 2013
Outlook 2013, Outlook 2013 icon,
PC Settings
PC Settings, PC Settings icon,
People
People, People icon,
Photos
Photos, Photos icon,
PowerPoint 2013
PowerPoint 2013, PowerPoint 2013 icon,
Reading List
Reading List, Reading List icon,
Scanner
Scanner, Scanner icon,
Sound Recorder
Sound Recorder, Sound Recorder icon ,
Skype
Skype, Skype icon,
Sports
Sports, Sports icon,
Store
Store, Store icon,
Spreadsheet
Spreadsheet, Spreadsheet icon,
Telemetry Center
Telemetry Center, Telemetry Center icon,
Travel
Travel, Travel icon,
Upload Center
Upload Center, Upload Center icon,
Video
Video, Video icon,
Viewer
Viewer, Viewer icon,
Visio 2013
Visio 2013, Visio 2013 icon,
Weather
Weather, Weather icon,
Word 2013
Word 2013, Word 2013 icon,
Used Solutions
The vector stencils library "Menus" contains 14 icons of Windows 8 menus.
Use this menu UI icon set to design graphic user interface (GUI) prototypes of your software applications for Windows 8.
"A menu bar is a graphical control element which contains drop down menus. The menu bar's purpose is to supply a common housing for window- or application-specific menus which provide access to such functions as opening files, interacting with an application, or displaying help documentation or manuals. Menu bars are typically present in graphical user interfaces that display documents and representations of files in windows and windowing systems but menus can be used as well in command line interface programs like text editors or filemanagers where drop-down menu is activated with shortcut key or combination. ...
The menu bar in Microsoft Windows is usually anchored to the top of a window under the title bar; therefore, there can be many menu bars on screen at one time. Menus in the menu bar can be accessed through shortcuts involving the Alt key and the mnemonic letter that appears underlined in the menu title. Additionally, pressing Alt or F10 brings the focus on the first menu of the menu bar." [Menu bar. Wikipedia]
The menu elements example "Menus - 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.
Menu bar
Menu bar, menu category, menu bar,
Menu category
Menu category, menu category,
Menu category - selected
Menu category - selected, menu category,
Menu bar background
Menu bar background, menu bar,
Drop-down menu
Drop-down menu, drop-down menu,
Separator line
Separator line, separator line,
Check
Check, check,
Option
Option, option,
Menu item
Menu item, menu item, menu category,
Menu item - selected
Menu item - selected, menu item, menu category,
Menu item - disabled
Menu item - disabled, menu item, menu category,
Arrow indicator
Arrow indicator, arrow indicator,
Menu item with arrow
Menu item with arrow, menu item, menu category, arrow indicator,
Menu item with arrow - selected
Menu item with arrow - selected, menu item, menu category, arrow indicator,
Used Solutions