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
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
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.
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
HelpDesk

How to Design an Interface Mock-up of an Android Application

Android App GUI Mock-up
Uses Interface prototyping is much convenient when you can work through a diagram similar to the device design. ConceptDraw PRO allows you to develop Android User Interface (UI) prototypes using the special templates and vector libraries of the specific user interface elements. Using ConceptDraw PRO you can mock-up an Android UI system so that you can figure out how best to represent user interface (UI) elements for the development of a new mobile Apps.
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
HelpDesk

How to Design a Mockup of Apple macOS Sierra GUI

Sierra GUI Mock-up
Since that first Macintosh, Apple have always developed and used their own hardware specific operating system. The fundamental style and layout of the Mac OS X user interface has remained largely in place since the earliest versions, but there have been obvious aesthetic enhancements, and elements of icon redesign to match branding across devices. To design an effective user interface, graphic designers will create visual GUI prototypes, that focus on maximizing the user experience. Uses Interface prototyping is much convenient when you can work through a diagram similar to the OS X design. ConceptDraw PRO allows you to develop Apple OS X User Interface (UI) prototypes using the special templates and vector libraries of the specific user interface elements. ConceptDraw Mac OS X UI solution offers libraries containing the distinct Mac app icons, menu bar graphics, glyph elements and other Mac OS X features — everything necessary to create high standard, professional UI graphic desig
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

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

segmented cycle diagrams, basic circular arrows diagrams, circular flow Basic Circular Arrows Diagrams

segmented cycle diagrams, basic circular arrows diagrams, circular flow
This solution extends ConceptDraw PRO v10 (or later) with samples, templates, and a library of vector stencils for drawing circular arrow diagrams.

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.

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 PRO v11 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

segmented cycle diagram, marketing diagrams, circular arrows diagrams Circular Arrows Diagrams

segmented cycle diagram, marketing diagrams, circular arrows diagrams
Circular Arrows Diagrams solution extends ConceptDraw PRO v10 with extensive drawing tools, predesigned samples, Circular flow diagram template for quick start, and a library of ready circular arrow vector stencils for drawing Circular Arrow Diagrams, Segmented Cycle Diagrams, and Circular Flow Diagrams. The elements in this solution help managers, analysts, business advisers, marketing experts, scientists, lecturers, and other knowledge workers in their daily work.
HelpDesk

How to Design an Interface Mockup for iPhone Application in ConceptDraw PRO

iPhone App GUI
The Apple iPhone user interface has become something of a standard for smartphones, and mobile devices in general. A well designed user interface (UI) is very important for user-friendly navigation and best correlation with operating system logic. Development of successful iPhone App UI requires a planning and prototyping stage. An iPhone UI diagram can be employed to give a general view of the device's screen, upon which elements can be placed and re-arranged as necessary. Using ConceptDraw PRO you can mock-up an iPhone UI system so that you can figure out how best to represent user interface (UI) elements for the development of a new iPhone App.
HelpDesk

How to Design a Mockup of Windows 10 User Interface

How to Design a Mockup of Windows 10 User Interface
The launch of Windows 10 with its the tile-based Modern UI design brings a lot of new opportunities for both designers and developers to build new apps. To design an effective user interface, graphic designers will create visual Graphic User Interface (GUI) prototypes, that focus on maximizing the user experience — searching for the most functional layout that attends to core user needs, while retaining an appropriate aesthetic. It is important to know how the user will interact with the UI, and how functionality and appearance will change, depending on the features being used at any one time. The Modern UI design style has its own unique principles and typography that can be managed using ConceptDraw PRO. The ability to design Windows 10 User Interface is delivered by the Windows 10 User Interface solution for Conceptdraw PRO.