Products Solutions Samples Buy
✕
This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.
The vector stencils library "macOS Sidebar Icons" contains 36 UI elements.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
"Sidebar icons are small and streamlined, but they provide more internal detail and a more realistic outline than the icons that go inside of toolbar controls... To achieve the sidebar item look, try imagining an X-ray of the object you have in mind, then use transparency to capture the details." [developer.apple.com/ library/ content/ documentation/ UserExperience/ Conceptual/ OSXHIGuidelines/ SidebarIcons.html]
The UI icons example "Design elements - macOS Sidebar Icons" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI elements
UI elements, yellow tag, sidebar icon, wikigain icon, home menu icon, Finder sidebar icon, trash icon, Mail sidebar icon, sidebar icon, utilities icon, menu icon, Finder sidebar icon, sent icon, Mail sidebar icon, red tag, sidebar icon, recent tags icon, Finder sidebar icon, purple tag, sidebar icon, pictures icon, Finder sidebar icon, orange tag, sidebar icon, network icon, menu icon, Finder sidebar icon, music icon, Finder sidebar icon, movies icon, Finder sidebar icon, junk icon, Mail sidebar icon, inbox icon, Mail sidebar icon, iCloud drive icon, menu icon, Finder sidebar icon, hard disk icon, Finder sidebar icon, green tag, sidebar icon, gray tag, sidebar icon, flagged icon, Mail sidebar icon, external disk icon, Finder sidebar icon, downloads icon, menu icon, Finder sidebar icon, documents icon, menu icon, Finder sidebar icon, desktop icon, menu icon, Finder sidebar icon, computer icon, MacBook Pro icon, menu icon, Finder sidebar icon, blue tag, sidebar icon, archive icon, Mail sidebar icon, applications icon, menu icon, Finder sidebar icon, all tags icon, sidebar icon, all my files icon, menu icon, Finder sidebar icon, VIPs icon, Mail sidebar icon, PC icon, Finder sidebar icon, Mac icon, Finder sidebar icon, CD DVD icon, Finder sidebar icon, Bonjour icon, Finder sidebar icon, AirDrop icon, menu icon, Finder sidebar icon,
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

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.
The vector stencils library "macOS Menu Controls" contains 9 UI elements: pop-up menu, action menu, share menu, scrolling list, command pop-down menu, combination box.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
The menu control images example "Design elements - macOS Menu Controls" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI elements
UI elements, yellow tag, sidebar icon, share toolbar item, share menu icon, share menu, scrolling list, scroll bar, red tag, sidebar icon, purple tag, sidebar icon, pop-up menu, orange tag, sidebar icon, more icon, menu, green tag, sidebar icon, gray tag, sidebar icon, drawing shapes, disclosure triangle, command pop-down menu, combination box, combo box, blue tag, sidebar icon, action pop-up icon, action menu, action control, action button, action toolbar item, Notes app icon, Messages app icon, Mail app icon, AirDrop icon, menu icon, Finder sidebar icon,
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
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,
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 "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.
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,
Used Solutions
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.
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,
Used Solutions