This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.
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,
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,

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

UI Patterns

The most convenient, useful and right way for software engineers, UI designers, UI developers is to use UI patterns in the process of developing any application for computer devices. The User Interface (UI) patterns are standardized solutions for common design problems.

Android UI Design

The Android operating system is one of the most popular platforms today. It was developed and now used on smartphones, tablets, netbooks, smartbooks, and many other electronic devices, and combines the reliability, flexibility and ease of use.
So, millions of people face daily with Android operating system on their devices, and thus one of important things for the developers of Android applications is developing of convenient and attractive Android UI design. ConceptDraw PRO diagramming and vector drawing software extended with Android User Interface Solution from the Software Development Area will help you in this.
The vector stencils library "Windows 8 round icons" contains 42 Windows 8 user interface (UI) round icons.
Use it to design the graphic user interface (GUI) of your software application for Windows 8 operating system (OS).
The example "Design elements - Windows 8 round icons" 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.
UI round icons
UI round icons, yes icon, volume icon, view icon, unavailable icon, target icon, sync icon, stop icon, skip back icon, skip ahead icon, share icon, search icon, remove icon, refresh icon, quiet sound icon, previous icon, play icon, pause icon, page icon, out icon, no icon, next icon, mute icon, mail icon, list icon, keyboard icon, full screen icon, forward icon, favorite icon, down icon, devices icon, back to window icon, back icon, add icon, Three Bars icon, Sound icon, SkyDrive icon, Settings icon, Photo icon, Maps icon, Location icon, Base Circle icon, App icon,
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,
The vector stencils library "Messages" contains 10 Message dialog elements.
Use this notification dialog UI icon set to design graphic user interface (GUI) of your Windows 8 software application.
"A message dialog is an overlay UI element that provides a stable and contextual surface that is always modal and explicitly dismissed. Message dialogs appear at a consistent location on the screen. ...
Error messages that apply to the overall app context use message dialogs. ...
- Use message dialogs to convey urgent information that the user must see and acknowledge before continuing. ...
- Use message dialogs to present blocking questions that require the user's input. A blocking question is a question where the application cannot make a choice on the user's behalf, and cannot continue to fulfill it's value proposition to the user. A blocking question should present clear choices to the user. It is not a question that can be ignored or postponed.
- Use message dialogs to ask for explicit action from the user or to deliver a message that is important for the user to acknowledge. ...
- Use custom dialogs when the app or the system must invest a significant amount of time in the ensuing actions such that an accidental dismiss would be detrimental to the user's confidence.
- All dialogs should clearly identify the user's objective in the first line of the dialog's text (with or without a title).
- Don't use message dialogs when the app needs to confirm the user's intention for an action that the user has taken. Instead, a flyout is the appropriate surface. ...
- Don't use message dialogs for errors that are contextual to a specific place on the page, such as validation errors (in password fields, for example), use the app's canvas itself to show inline errors." [msdn.microsoft.com/ en-us/ library/ windows/ apps/ hh738363.aspx]
The notification dialogs example "Messages - 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.
Error message
Error message, normal text, main instructions, icon overlay, error message, default command button, command area, close window button,
Error message - two commit buttons
Error message - two commit buttons, standard command button, normal text, icon overlay, error message, default command button, command area, close window button,
Warning message
Warning message, warning message, normal text, main instructions, icon overlay, default command button, command area, close window button,
Warning message 2
Warning message 2, warning message, normal text, icon overlay, default command button, command area, close window button,
Warning message 3
Warning message 3, warning message, standard command button, normal text, icon overlay, default command button, close window button,
Warning message - two commit buttons
Warning message - two commit buttons, warning message, confirmation, standard command button, normal text, main instructions, icon overlay, default command button, command area, close window button,
Warning message - three commit buttons
Warning message - three commit buttons, warning message, standard command button, normal text, icon overlay, default command button, command area, close window button,
Typical confirmation
Typical confirmation, typical confirmation, standard command button, normal text, default command button, command area, close window button,
Annoying confirmation
Annoying confirmation, standard command button, normal text, icon overlay, default command button, command area, close window button, annoying confirmation,
Notification
Notification, options button, notification, info icon, close button,
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.
The icons example "Design elements - Progressive disclosure controls" 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.
UI icons
UI icons, progressive disclosure controls, triangle control, progressive disclosure controls, plus control, expand, progressive disclosure controls, minus control, collapse, progressive disclosure controls, arrow control,

Android User Interface

Android is a mobile operating system (OS) based on the Linux kernel and currently developed by Google.
One of the most important features of any Android app is, of course, its Android User Interface. It is all what the user sees on the screen of its device and interacts with. Creating of successful Android User Interface and developing Android UI prototypes may be the mighty task. But we recommend you to make it fast and easy in ConceptDraw PRO specially extended with Android User Interface Solution from the Software Development Area.
The vector stencils library "Menus" contains 22 menu elements.
Use this 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 "Menus - 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.
Menu bar
Menu bar, menu bar,
Menu bar menu
Menu bar menu, menu bar menu,
Menu bar menu - selected
Menu bar menu - selected, menu bar menu,
Apple menu
Apple menu, menu item, Apple menu, Apple icon, Mac OS icon,
Apple menu - selected
Apple menu - selected, menu item, Apple menu, Apple icon, Mac OS icon,
General menu
General menu, general menu, drop-down menu,
Dock menu
Dock menu, dock menu,
Menu item
Menu item, menu item,
Menu item - selected
Menu item - selected, menu item,
Menu item - disabled
Menu item - disabled, menu item,
Divider
Divider, divider,
AirPlay
AirPlay, AirPlay icon,
Time Machine
Time Machine, Time Machine icon,
Bluetooth
Bluetooth, bluetooth icon,
AirPort
AirPort, AirPort icon,
Eject
Eject, eject icon,
Sound
Sound, sound,
Battery
Battery, battery,
Battery - charging
Battery - charging, battery,
Power icon
Power icon, power icon, battery,
Spotlight
Spotlight, Spotlight icon,
Notifications
Notifications, Notifications icon,
This UI design example shows common icons of Android applications on the App Drawer screen of Google Nexus 6 smartphone.
The user interface design example "Android 5.0 - App drawer" 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.
App Drawer UI
App Drawer UI, vibration icon, status bar, signal wifi 4 bar icon, signal cellular 3 bar icon, page control, navigation bar, file upload icon, dimmed background, cards, bluetooth icon, battery 80 icon, app icon text label, Settings Google icon, Nexus 6, Maps icon, Keep icon, Hangouts icon, Google plus icon, Google icon , Gmail icon, Fit icon, Email icon, Earth icon, Drive icon, Downloads icon, Docs icon, Contacts icon, Clock icon, Chrome icon, Camera icon, Calendar icon, Calculator icon, Browser icon, Android wallpapers,

Windows 8 UI Design Patterns

The patterns are commonly used in the field of programming for various electronic devices, mobile devices and PCs. UI design patterns are useful standard solvings for common design problems. There are large quantity of various design and UI patterns.
Windows 8 is not exception - in the help to Win8 designers, developers, and software engineers, were developed the Windows 8 UI Design Patterns.
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,
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,