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

Graphical User Interface

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 "Mac OS X user interface" contains 54 UI design elements.
Use it for designing Mac OS X graphic user interface (GUI) of software for Apple computers 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.
Tool Bar
Tool Bar, tool bar,
Textured Window
Textured Window, window,
Window
Window , window,
Window Header
Window Header, window header,
Window
Window, window,
Panel
Panel, panel,
Panel (Hud Window)
Panel (Hud Window), panel,
Tool Bar (Inactive)
Tool Bar (Inactive), tool bar,
Textured Window (Inactive)
Textured Window (Inactive), window,
Window (Inactive)
Window (Inactive),
Window Header (Inactive)
Window Header (Inactive), window header,
Panel (Inactive)
Panel (Inactive), panel,
Panel (Hud Window) (Inactive)
Panel (Hud Window) (Inactive), panel,
Box 1
Box 1, box,
Box 2
Box 2, box,
Tree
Tree, tree,
Tree
Tree, tree,
Vertical Scroll 1
Vertical Scroll 1, vertical scroll,
Vertical Scroll 2
Vertical Scroll 2, vertical scroll,
Horizontal Scroll 1
Horizontal Scroll 1, horizontal scroll,
Horizontal Scroll 2
Horizontal Scroll 2, horizontal scroll,
Main Menu
Main Menu, main menu,
Main Menu
Main Menu, main menu,
Drop-down Menu
Drop-down Menu, menu,
Vertical Separator
Vertical Separator,
Horizontal Separator
Horizontal Separator,
Apple
Apple, Apple,
Combo-box
Combo-box, combo-box,
Popup Button
Popup Button, popup button,
Popup Button (Pull Down)
Popup Button (Pull Down), popup button,
Text Field
Text Field, text field,
Searcher
Searcher, searcher,
Check Box
Check Box, check box,
Check Box
Check Box, check box,
Group of Check Boxes
Group of Check Boxes, group of check boxes,
Radio Button
Radio Button, radio button,
Radio Button
Radio Button, radio button,
Group of Radio Buttons
Group of Radio Buttons, group of radio buttons,
Linear Slider
Linear Slider, linear slider,
Linear Slider with tick marks
Linear Slider with tick marks, linear slider, tick marks,
Circular Slider
Circular Slider, circular slider,
Color Well
Color Well, color well,
Relevancy Level Indicator
Relevancy Level Indicator, relevancy level indicator,
Rating Level Indicator
Rating Level Indicator, rating level indicator,
Indeterminate Progress Bar
Indeterminate Progress Bar, indeterminate progress bar,
Non Indeterminate Progress Bar
Non Indeterminate Progress Bar, progress bar,
Continuous Level Indicator
Continuous Level Indicator, level indicator,
Discrete Level Indicator
Discrete Level Indicator, level indicator,
Discrete Level Indicator
Discrete Level Indicator, level indicator,
Discrete Level Indicator
Discrete Level Indicator, level indicator,
Circular Progress Indicator (non indeterminate)
Circular Progress Indicator (non indeterminate), circular progress indicator,
Circular Progress Indicator (indeterminate)
Circular Progress Indicator (indeterminate), circular progress indicator,
Field
Field, field,
Arrow
Arrow, arrow,
Used Solutions
The vector stencils library "Mac OS X Lion user interface" contains 52 UI design elements.
Use it for designing Mac OS X Lion graphic user interface (GUI) of software for Apple computers 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.
Title Bar
Title Bar, title bar,
Title Bar Inactive
Title Bar Inactive, title bar,
Window
Window, window,
Window Inactive
Window Inactive, window,
Window Title Bar
Window Title Bar, window,
Window Title Bar (Inactive)
Window Title Bar (Inactive), window,
Full Screen Button
Full Screen Button, full screen button,
Exit Full Screen Button
Exit Full Screen Button, exit full screen button,
Window without Bar
Window without Bar, window,
Window (Narrow Toolbar)
Window (Narrow Toolbar), window,
Window Inactive (Narrow Toolbar)
Window Inactive (Narrow Toolbar), window,
Panel (Hud Window)
Panel (Hud Window), panel,
Panel (Hud Window) (Inactive)
Panel (Hud Window) (Inactive), panel,
Box 1
Box 1, box,
Box 2
Box 2, box,
Field
Field, field,
List View 1
List View 1, list view,
List View 2
List View 2, list view,
Scroll Bar Vertical
Scroll Bar Vertical, scroll bar,
Scroll Bar Horizontal
Scroll Bar Horizontal, scroll bar,
Main Menu
Main Menu, main menu,
Menu Bar
Menu Bar, menu bar,
Menu
Menu, menu,
Vertical Line
Vertical Line,
Horizontal Line
Horizontal Line,
Apple Menu
Apple Menu, Apple menu,
Arrow mark
Arrow mark, arrow,
Combo Box
Combo Box, combo box,
Pop Up Menu
Pop Up Menu, pop up menu,
Text Field
Text Field, text input field,
Count Button
Count Button, count button,
Search Field
Search Field, search field,
Check Box
Check Box, check box,
Check Box
Check Box, check box,
Group of Check Boxes
Group of Check Boxes, group of check boxes,
Radio Button
Radio Button, radio button,
Radio Button
Radio Button, radio button,
Group of Radio Buttons
Group of Radio Buttons, group of radio buttons,
Linear Slider (round thumb)
Linear Slider (round thumb), linear slider,
Linear Slider (directional thumb)
Linear Slider (directional thumb), linear slider,
Circular Slider
Circular Slider, circular slider,
Color Well
Color Well, color well,
Relevance Indicator
Relevance Indicator, relevance indicator,
Rating Indicator
Rating Indicator, rating indicator,
Indeterminate Progress Bar
Indeterminate Progress Bar, progress bar,
Determinate Progress Bar
Determinate Progress Bar, progress bar,
Continuous Capacity Indicator
Continuous Capacity Indicator, capacity indicator,
Discrete Capacity Indicator
Discrete Capacity Indicator, capacity indicator,
Discrete Capacity Indicator (yellow)
Discrete Capacity Indicator (yellow), capacity indicator,
Discrete Capacity Indicator (red)
Discrete Capacity Indicator (red), capacity indicator,
Asynchronous Progress Indicator
Asynchronous Progress Indicator, progress indicator,
Circular Progress Indicator
Circular Progress Indicator, progress indicator,
Used Solutions
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.
"In typography, a glyph is an elemental symbol within an agreed set of symbols, intended to represent a readable character for the purposes of writing and thereby expressing thoughts, ideas and concepts. As such, glyphs are considered to be unique marks that collectively add up to the spelling of a word, or otherwise contribute to a specific meaning of what is written, with that meaning dependent on cultural and social usage." [Glyph. Wikipedia]
The symbols example "Design elements - Glyph icons" 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.
Glyph and symbol UI icon set
Glyph and symbol UI icon set, up arrow, tag, submenu indicator, settings icon, search icon, refresh icon, key control, iCloud icon, sidebar icon, expand corner, drag vertical glyph, drag horizontal glyph, downloads icon, sidebar icon, documents icon, sidebar icon, divider, disclosure triangle, desktop icon, sidebar icon, delete key, delete glyph, command glyph, collapse up, collapse down, chevron, check mark grey, check mark black, arrows, all tags glyph, tag, add glyph, Applications icon, sidebar icon, Apple icon, Mac OS icon, All my files icon, sidebar icon, AirDrop icon, sidebar icon,
Used Solutions
The vector stencils library "iPhone interface" contains 119 iPhone UI design elements.
Use it for development of graphic user interface (GUI) for iPhone software applications 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.
iPhone case
iPhone case, iPhone case,
iPhone case, horizontal
iPhone case, horizontal, iPhone case,
Display
Display, display,
Screen
Screen, screen,
Home screen
Home screen, home screen,
Keypad control
Keypad control, keypad, keypad control,
Status bar
Status bar, status bar,
Navigation bar
Navigation bar, navigation bar,
Navigation bar with buttons
Navigation bar with buttons, navigation bar,
Navigation bar with controls
Navigation bar with controls, navigation bar,
Navigation bar with controls
Navigation bar with controls, navigation bar,
Navigation bar with buttons, horizontal
Navigation bar with buttons, horizontal, navigation bar,
Navigation bar with controls, horizontal
Navigation bar with controls, horizontal, navigation bar,
Modal view
Modal view, modal view,
Search bar
Search bar, search bar,
Text field 1
Text field 1, text field,
Text field 2
Text field 2, text field,
Text field, varying
Text field, varying, text field,
Table row
Table row, table view row,
Table view row
Table view row, table view row,
Table view (simple list)
Table view (simple list), table view, list,
Table view (with header)
Table view (with header), table view with header, indexed list,
Action list
Action list, action list, grouped list, table,
Control button
Control button, control button,
Navigational control button
Navigational control button, navigational control button,
Add button
Add button, add button, plus button,
Navigation toolbar
Navigation toolbar, navigation toolbar, toolbar,
Tab bar
Tab bar, tab bar,
Action sheet
Action sheet, action sheet,
Choice button
Choice button, choice button,
Rounded rectangle button
Rounded rectangle button, rounded rectangle button,
Keyboard control
Keyboard control, keyboard,
Keyboard literal button
Keyboard literal button, keyboard literal button,
Keyboard button, pressed
Keyboard button, pressed, keyboard button pressed,
Keyboard label button
Keyboard label button, keyboard label button,
Selection frame 1
Selection frame 1, selection frame,
Selection frame 2
Selection frame 2, selection frame,
Loupe
Loupe, loupe,
Message box 1
Message box 1, message box,
Message box 2
Message box 2, message box,
Progress view
Progress view, progress view,
Progress view
Progress view, progress view,
Progress view
Progress view, progress view,
Player control
Player control, player,
Label button
Label button, label button,
Back button
Back button, back button,
Forward button
Forward button, forward button,
Option button
Option button, option button,
Checkbox
Checkbox, checkbox,
Radio button
Radio button, radio button,
Alert
Alert, alert,
Two-button alert
Two-button alert, alert,
Two-button alert (v 3.0)
Two-button alert (v 3.0), alert,
Up-Down control
Up-Down control, up-down, stepper,
Segmented control
Segmented control, segmented control,
Segmented control
Segmented control, segmented control,
Segmented control
Segmented control, segmented control,
Segmented control
Segmented control, segmented control,
Pop-up menu button
Pop-up menu button, pop-up menu button,
Popup menu
Popup menu, pop-up menu, segmented control,
Clock, white
Clock, white, clock,
Clock, black
Clock, black, clock,
Clock application table
Clock application table,
Date and time picker (1/2 parts)
Date and time picker (1/2 parts), date and time picker,
Date and time picker (3 parts)
Date and time picker (3 parts), date and time picker,
Date and time picker (4 parts)
Date and time picker (4 parts), date and time picker,
Date and time picker (v 3.0)
Date and time picker (v 3.0), date and time picker,
Switch control
Switch control, switch,
System button
System button, system button,
Reply button
Reply button, reply button,
Organize button
Organize button, organize,
Remove button
Remove button, remove,
Refresh button
Refresh button, refresh,
Play button
Play button, play,
FastForward button
FastForward button, fastforward,
Pause button
Pause button, pause,
Rewind button
Rewind button, rewind,
Backward icon
Backward icon, backward,
Forward icon
Forward icon, forward,
Share button
Share button, share,
Camera button
Camera button, camera,
Compose button
Compose button, compose,
Bookmarks button
Bookmarks button, bookmarks,
Search button
Search button, search,
Add button
Add button, add,
Trash button
Trash button, trash,
Bookmarks tab icon
Bookmarks tab icon, bookmarks tab icon,
Contacts tab icon
Contacts tab icon, contacts tab icon,
Downloads tab icon
Downloads tab icon, downloads tab icon,
Favorites tab icon
Favorites tab icon, favorites tab icon, featured, top rated ,
Featured tab icon
Featured tab icon, featured tab icon,
History tab icon
History tab icon, history tab icon,
MostRecent tab icon
MostRecent tab icon, most recent tab icon,
MostViewed tab icon
MostViewed tab icon, most viewed tab icon,
Search tab icon
Search tab icon, search tab icon,
More tab icon
More tab icon, more tab icon,
SMS tab icon
SMS tab icon, sms tab icon,
Mail tab icon
Mail tab icon, mail tab icon,
Charts tab icon
Charts tab icon, charts tab icon,
World clock tab icon
World clock tab icon, world clock tab icon,
Alarm tab icon
Alarm tab icon, alarm tab icon,
Stopwatch tab icon
Stopwatch tab icon, stopwatch tab icon,
Timer tab icon
Timer tab icon, timer tab icon,
Badge
Badge, badge,
Delete button control
Delete button control , delete,
Checkmark
Checkmark, checkmark badge,
Delete button
Delete button, delete button,
Insert
Insert, row insert, plus, add,
Disclosure indicator
Disclosure indicator, disclosure indicator,
Clear button
Clear button, clear, delete badge,
Bookmarks badge
Bookmarks badge, bookmarks,
Badge with varying width 1
Badge with varying width 1, badge,
Badge with varying width 2
Badge with varying width 2, badge,
Badge with varying width 3
Badge with varying width 3,
Activity indicator
Activity indicator, activity indicator,
Network activity indicator
Network activity indicator, network activity indicator,
Page control
Page control, page control, page indicator,
Search badge
Search badge, search,
Slider
Slider, slider,
Used Solutions

android ui design, android gui, android ui design tool, android user interface Android User Interface‏

android ui design, android gui, android ui design tool, android user interface
The Android User Interface solution allows ConceptDraw PRO act as an Android UI design tool. Libraries and templates contain a variety of Android GUI elements to help users create images based on Android UI design.

GUI development tool, GUI interface prototyping Graphic User Interface

GUI development tool, GUI interface prototyping
Graphic User Interface solution extends ConceptDraw PRO software with templates, samples and libraries of vector stencils for design of the GUI prototypes and diagrams for Windows, Mac OS and iOS software.
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
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,
Used Solutions

Android GUI

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.
The example "OS X 10.10 Yosemite - Finder window" shows usage of user interface (UI) design elements: window frame, toolbar, menu, app icons, wallpapers.
"The Finder is the default file manager and graphical user interface shell used on all Macintosh operating systems. Described in its "About" window as "The Macintosh Desktop Experience", it is responsible for the launching of other applications, and for the overall user management of files, disks, and network volumes. It was introduced with the first Macintosh computer, and also exists as part of GS/ OS on the Apple IIGS. It was totally rewritten with the release of Mac OS X in 2001. In a tradition dating back to the classic Mac OS of the 1980s and 1990s, the Finder icon is the smiling screen of a computer, known as the Happy Mac logo." [Finder (software). Wikipedia]
The GUI example "OS X 10.10 Yosemite - Finder window" 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.
Finder - Mac OS X file manager and GUI shell
Finder - Mac OS X file manager and GUI shell , window panel, trash icon, tool bar, toolbar, text label, tag, submenu indicator, sound, small button toggle, share button, gradient button, shape, settings, search field, menu item, menu bar menu, menu bar, main sidebar, main app window area, icon notification, iTunes icon, iBooks icon, general menu, drop-down menu, folder icon, eject icon, edit tags button, gradient button, dock bar, divider, check mark black, button 4 drop down, back forward button, arrange button, gradient button, all tags glyph, tag, action menu button, action buttons, stoplights control, action button, United States, USA, Spotlight icon, Safari icon, Reminders icon, Notifications icon, Notes icon, Maps icon, Launchpad icon, Finder icon, Contacts icon, Calendar icon, Apple menu, Apple icon, Mac OS icon, App Store icon, AirPort icon,
Used Solutions
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.
"With a progressive disclosure control, users can show or hide additional information including data, options, or commands. Progressive disclosure promotes simplicity by focusing on the essential, yet revealing additional detail as needed. ...
Chevrons show or hide the remaining items in completely or partially hidden content. Usually the items are shown in place, but they can also be shown in a pop-up menu. When in place, the item stays expanded until the user collapses it. ...
Arrows show a pop-up command menu. The item stays expanded until the user makes a selection or clicks anywhere.
If the arrow button is an independent control, it receives input focus and is activated with the space bar. If the arrow button has a parent control, the parent receives input focus and the arrow is activated with Alt+down arrow and Alt+up arrow keys, as with the drop-down list control. ...
Plus and minus controls expand or collapse to show container content in place when navigating through a hierarchy. The item stays expanded until the user collapses it. Although these look like buttons, their behavior is in-place.
The associated object receives input focus. The plus is activated with the right arrow key, and the minus with the left arrow key. ...
Rotating triangles show or hide additional information in place for an individual item. They are also used to expand containers. The item stays expanded until the user collapses it.
The associated object receives input focus. The collapsed (right-pointing) triangle is activated with the right arrow key, and the expanded (downward-pointing) triangle with the left arrow key. ...
Like chevrons, additional information is shown or hidden in place. The item stays expanded until the user collapses it. Unlike chevrons, the glyphs have a graphical representation of the action, typically with an arrow indicating what will happen. ... Preview arrows are best reserved for situations where a standard chevron doesn't adequately communicate the control's behavior, such as when the disclosure is complex or there is more than one type of disclosure." [msdn.microsoft.com/ en-us/ library/ windows/ desktop/ dn742409%28v=vs.85%29.aspx]
The icons example "Progressive disclosure 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.
Single chevron control - down
Single chevron control - down, progressive disclosure controls,
Single chevron control - up
Single chevron control - up, progressive disclosure controls,
Double chevron control - back
Double chevron control - back, progressive disclosure controls,
Double chevron control - forward
Double chevron control - forward, progressive disclosure controls,
Arrow control button - down
Arrow control button - down, arrow control,
Arrow control button - right
Arrow control button - right, arrow control,
Arrow control - down
Arrow control - down, arrow control,
Arrow control - right
Arrow control - right, arrow control,
Plus control
Plus control, progressive disclosure controls, plus control, expand,
Minus control
Minus control, progressive disclosure controls, minus control, collapse,
Rotating triangle - expand
Rotating triangle - expand, progressive disclosure controls, triangle control,
Rotating triangle - collapse
Rotating triangle - collapse, progressive disclosure controls, triangle control,
Used Solutions
Download ConceptDraw PRO
Free 21 Trial for Mac and PC
Buy Now