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

Design elements - Toolbar control elements

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. Read more
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 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. Read more
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 "macOS Indicator Controls" contains 12 images of progress indicator, determinate and indeterminate progress bars, asynchronous progress indicator, level indicator, capacity indicator, rating indicator and relevance indicator.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
The indicators example "Design elements - macOS Indicator Controls" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park. Read more
UI elements
UI elements, relevance indicator, rating indicator, indeterminate progress bar, drawing shapes, discrete capacity indicator, determinate progress bar, continuous capacity indicator, asynchronous progress indicator,
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. Read more
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,
The vector stencils library "General window elements" contains 31 window elements.
Use this window UI icon set to design graphic user interface (GUI) of your software application for OS X 10.10 Yosemite Apple Mac operating system.
"A window provides a frame for viewing and interacting with content in an app. ...
A window consists of window-frame areas and a window body. The window-frame areas are the title bar and toolbar, which are typically combined. ... The window body can extend from the top edge of the window (that is, underneath the combined title bar/toolbar area) to the bottom edge of the window.
The window body represents the main content area of the window. ...
OS X defines appearances that can affect the look of controls and views in particular contexts, such as a window’s sidebar. ...
OS X specifies a set of control/style combinations that are designed to look good on the toolbar, whether the toolbar is translucent or opaque. ...
Every document window, app window, and panel has, at a minimum:
- A title bar (or a combined title bar and toolbar), so that users can move the window.
- A close button, so that users have a consistent way to dismiss the window.
A standard document window may also have the following additional elements that an app window or panel might not have:
- Transient horizontal or vertical scroll bars, or both (if not all the window’s contents are visible).
- Minimize and fullscreen buttons (note that the fullscreen button changes to a zoom button if the window doesn’t support fullscreen mode or when users hold down the Option key).
- A proxy icon and a versions menu (after the user has given a document a name and save location for the first time).
- The title of the document (that functions as the title of the window).
- Transient resize controls." [https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/OSXHIGuidelines/WindowAppearanceBehavior.html#//apple_ref/doc/uid/20000957-CH33-SW1]
The example "Design elements - General window 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. Read more
Window elements
Window elements, window panel, volume slider, text label, text field, segmented control, scroll bar, push button, pop-up menu, main sidebar, main app window area, little arrows, stepper control, image well, help button, group box, general slider, divider line, disclosure button, expand field button, disclosure button, collapse field button, chevron, check box, audio level, add-subtract accounts,

UML Activity Diagram. Design Elements

UML Activity Diagram illustrate the business and operational step-by-step workflow of components in a system and shows the overall flow of control. Read more
The vector stencils library "Android UI" contains 28 UI elements: screen, status bar, app bar, divider, navigation bar, page control, tab, search bar, flexible space, keyboard, cursor tooltip, touch UI tooltip, index scroller, Google Nexus 6 smartphone, Google Nexus 9 tablet.
Use it to design user interface of your Android 5 application.
The shapes example "Design elements - Android UI" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park. Read more
User interface elements
User interface elements, ui element shadow, touch ui tooltip, tab bar, search bar, status bar, signal wifi statusbar 3 bar, status bar icon, signal cellular 2 bar, scrollbar, screen, page control, navigation bar, app bar, navigation bar, menu icon, keyboard, index scroller, scrollbar, index scroller notification, flexible space, divider, cursor tooltip, keyboard tooltip, battery, backspace, app bar, Nexus 9, Nexus 6,

UML Collaboration Diagram. Design Elements

UML Collaboration Diagram illustrates how components are wired together to larger components and software systems that shows the structure of arbitrarily complex systems. ConceptDraw has 393 vector stencils in the 13 libraries that helps you to start using software for designing your own UML Diagrams. You can use the appropriate stencils of UML notation from UML Collaboration library with 36 objects Read more
The vector stencils library "General window elements" contains 31 window elements.
Use this window 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 "General window 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. Read more
Main app window area
Main app window area, main app window area,
Main sidebar
Main sidebar, main sidebar,
Window panel
Window panel, window panel,
General slider
General slider, general slider,
Volume slider
Volume slider, volume slider,
Audio level
Audio level, audio level,
Divider line
Divider line, divider line,
Scroll bar
Scroll bar, scroll bar,
Text label
Text label, text label,
Radio button
Radio button,
Radio button - selected
Radio button - selected,
Check box
Check box, check box,
Check box - selected
Check box - selected, check box,
Stepper control
Stepper control, little arrows, stepper control,
Disclosure button - point down
Disclosure button - point down, disclosure button, expand field button, chevron,
Disclosure button - point up
Disclosure button - point up, disclosure button, collapse field button,
Help button
Help button, help button,
Add / subtract accounts
Add / subtract accounts, add-subtract accounts,
Text field
Text field, text field,
Text field - selected
Text field - selected, text field,
Push button
Push button, push button,
Push button - active
Push button - active, push button,
Pop-up menu
Pop-up menu, pop-up menu,
Group box
Group box, group box,
Image well
Image well, image well,
Left segment button
Left segment button, segmented control,
Center segment button
Center segment button, segmented control,
Right segment button
Right segment button, segmented control,
Left segment button - active
Left segment button - active, segmented control,
Center segment button - active
Center segment button - active, segmented control,
Right segment button - active
Right segment button - active, segmented control,

Basic Flowchart Symbols and Meaning

Flowcharts are the best for visually representation the business processes and the flow of a custom-order process through various departments within an organization. ConceptDraw PRO diagramming and vector drawing software extended with Flowcharts solution offers the full set of predesigned basic flowchart symbols which are gathered at two libraries: Flowchart and Flowcharts Rapid Draw. Among them are: process, terminator, decision, data, document, display, manual loop, and many other specific symbols. The meaning for each symbol offered by ConceptDraw gives the presentation about their proposed use in professional Flowcharts for business and technical processes, software algorithms, well-developed structures of web sites, Workflow diagrams, Process flow diagram and correlation in developing on-line instructional projects or business process system. Use of ready flow chart symbols in diagrams is incredibly useful - you need simply drag desired from the libraries to your document and arrange them in required order. There are a few serious alternatives to Visio for Mac, one of them is ConceptDraw PRO. It is one of the main contender with the most similar features and capabilities. Read more
How to Build a Flowchart
How to Build a Flowchart

How To Draw an iPhone?

How To Draw an iPhone? It's very fast and easy to draw an iPhone and design iPhone user interface using the tools of ConceptDraw PRO extended with iPhone User Interface Solution. iPhone User Interface Solution offers you the incredibly large quantity of predesigned objects that are grouped to 9 libraries: Apps Icons, Bars, Content Views, Controls, iMessage, iPhone 6 Mockup, Tab Bar Icons, Temporary Views, Toolbar and Navigation Bar Buttons. Read more
"iOS (previously iPhone OS) is a mobile operating system developed and distributed by Apple Inc. ...
The user interface of iOS is based on the concept of direct manipulation, using multi-touch gestures. Interface control elements consist of sliders, switches, and buttons. Interaction with the OS includes gestures such as swipe, tap, pinch, and reverse pinch, all of which have specific definitions within the context of the iOS operating system and its multi-touch interface. Internal accelerometers are used by some applications to respond to shaking the device (one common result is the undo command) or rotating it in three dimensions (one common result is switching from portrait to landscape mode)." [iOS. Wikipedia]
The example "iPhone OS (iOS) graphic user interface (GUI) - More function view" 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. Read more
iPhone GUI
iPhone GUI, tab bar, status bar, screen, navigation bar, controls, iPhone, grouped list, list,

histogram, flow chart, pareto chart, fishbone diagram, quality control Seven Basic Tools of Quality

histogram, flow chart, pareto chart, fishbone diagram, quality control
Manage quality control in the workplace, using fishbone diagrams, flowcharts, Pareto charts and histograms, provided by the Seven Basic Tools of Quality solution. Read more

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 PRO 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. Read more
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. Read more
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,