This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.
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,
This example illustrates usage of application icons in the graphic user interface (GUI) design of Windows 8 Start screen.
"Start is the heart of your PC - it’s where you open apps and desktop programs, see what your friends are doing, and get to your favorite websites and files.
The tiles on Start can show updates from your friends, new email, app notifications, and the next appointment on your calendar at a glance, even without opening an app. And because everyone who uses the PC can sign in with their own Microsoft account, each person can personalize their own tiles, colors, and backgrounds." [windows.microsoft.com/ en-us/ windows-8/ start-screen-tutorial]
The sample "Windows 8 Start screen" 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.
Start screen
Start screen, user icon, user avatar, background, Word 2013 icon, Weather icon, Visio 2013 icon, Videos icon, Upload Center icon, Store icon, Spreadsheet icon, SkyDrive icon, Scanner icon, Readerr icon, PowerPoint 2013 icon, Photos icon, People icon, PC Settings icon, Outlook 2013 icon, OneNote icon, Music icon, Maps icon, Mail icon, Internet Explorer icon, Games icon, Exel 2013 icon, Dashboard icon, Camera icon, Calendar icon, Calculator icon,
The vector stencils library "App icons" contains 24 icons of iOS 8 / iPhone 6 software applications.
Use it to design iOS 8 apps GUI prototypes and iPhone 6 software applications user interface sketches and mockups.
The icons example "App icons - Vector stencils library" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park.
Messages
Messages, Messages icon,
Calendar
Calendar, Calendar icon,
Photos
Photos, Photos icon,
Camera
Camera, Camera icon,
Weather
Weather, Weather icon,
Clock
Clock, Clock icon,
Maps
Maps, Maps icon,
Videos
Videos, Videos icon,
Notes
Notes, Notes icon,
Reminders
Reminders, Reminders icon,
Stocks
Stocks, Stocks icon,
Game Center
Game Center, Game Center icon,
Newsstand
Newsstand, Newsstand icon,
iTunes Store
iTunes Store, iTunes Store icon,
App Store
App Store, App Store icon,
iBooks
iBooks, iBooks icon,
Health
Health, Health icon,
Passbook
Passbook, Passbook icon,
Passbook (iOS 7)
Passbook (iOS 7), Passbook icon,
Settings
Settings, Settings icon,
Phone
Phone, Phone icon,
Mail
Mail, Mail icon,
Music
Music, Music icon,
Safari
Safari, Safari icon,
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,
The vector stencils library "App icons" contains 24 icons of iOS 8 / iPhone 6 software applications.
Use it to design iOS 8 apps GUI prototypes and iPhone 6 software applications user interface sketches and mockups.
The icons example "App icons - Vector stencils library" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park.
Messages
Messages, Messages icon,
Calendar
Calendar, Calendar icon,
Photos
Photos, Photos icon,
Camera
Camera, Camera icon,
Weather
Weather, Weather icon,
Clock
Clock, Clock icon,
Maps
Maps, Maps icon,
Videos
Videos, Videos icon,
Notes
Notes, Notes icon,
Reminders
Reminders, Reminders icon,
Stocks
Stocks, Stocks icon,
Game Center
Game Center, Game Center icon,
Newsstand
Newsstand, Newsstand icon,
iTunes Store
iTunes Store, iTunes Store icon,
App Store
App Store, App Store icon,
iBooks
iBooks, iBooks icon,
Health
Health, Health icon,
Passbook
Passbook, Passbook icon,
Passbook (iOS 7)
Passbook (iOS 7), Passbook icon,
Settings
Settings, Settings icon,
Phone
Phone, Phone icon,
Mail
Mail, Mail icon,
Music
Music, Music icon,
Safari
Safari, Safari icon,

Graphical User Interface Examples

ConceptDraw PRO extended with Windows 8 User Interface solution from the Software Development area is the best gui software. Using the drawing tools, libraries of vector objects, graphical user interface examples that offers Windows 8 User Interface solution, you will easily design the Windows 8 user interfaces and Windows 8 UI design patterns of any complexity.
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,

User Interface Design Examples

ConceptDraw PRO is a powerful diagramming and vector drawing software. Extended with Windows 8 User Interface solution from the Software Development area, ConceptDraw PRO became the ideal software for prototype and design professional looking user interfaces for Windows 8 and Windows 8.1. Windows 8 User Interface solution offers you wide variety of user interface design examples, templates and samples.
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 "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,
The vector stencils library "Window elements" contains 24 window elements: frames, boxes and buttons.
Use it to design graphic user interface (GUI) of your Windows 8 software application.
"A window is a graphical control element. It consists of a visual area containing some of the graphical user interface of the program it belongs to and is framed by a window decoration. It usually has a rectangular shape that can overlap with the area of other windows. It displays the output of and may allow input to one or more processes.
Windows are primarily associated with graphical displays, where they can be manipulated with a pointer by employing some kind of pointing device.
A graphical user interface (GUI) using windows as one of its main "metaphors" is called a windowing system, whose main components are the display server and the window manager." [Window (computing). Wikipedia]
The design elements example "Window elements - 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.
Window frame
Window frame, window frame, minimize window button, maximize window button, close window button,
Dialog box
Dialog box, dialog box, window, close window button,
Window with command area
Window with command area, window, command area, command area, close window button,
Command area
Command area, command area,
Close window button
Close window button, close window button,
Minimize window button
Minimize window button, minimize window button,
Restore window button
Restore window button, restore window button,
Maximize window button
Maximize window button, maximize window button,
Minimize window button - hover
Minimize window button - hover, minimize window button,
Restore window button - hover
Restore window button - hover, restore window button,
Maximize window button - hover
Maximize window button - hover, maximize window button,
Window resize handle
Window resize handle, window resize handle,
Vertical separator
Vertical separator, separator,
Horizontal separator
Horizontal separator, separator,
Back button
Back button, back button,
Forward button
Forward button, forward button,
Forward
Forward, forward,
Back
Back, back,
Warning icon
Warning icon, warning standard icon,
Error icon
Error icon, error standard icon,
Information icon
Information icon, information standard icon,
Question mark icon
Question mark icon, question mark standard icon,
Refresh icon
Refresh icon, refresh icon,
Up control
Up control, up control,
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,
Use this template to prototype and design the Windows graphic user interface.
"In human–computer interaction, WIMP stands for "windows, icons, menus, pointer", denoting a style of interaction using these elements of the user interface. ... Other expansions are sometimes used, substituting "mouse" and "mice" or "pull-down menu" and "pointing", for menus and pointer, respectively. ...
In a WIMP system:
(1) A window runs a self-contained program, isolated from other programs that (if in a multi-program operating system) run at the same time in other windows.
(2) An icon acts as a shortcut to an action the computer performs (e.g., execute a program or task).
(3) A menu is a text or icon-based selection system that selects and executes programs or tasks.
(4) The pointer is an onscreen symbol that represents movement of a physical device that the user controls to select icons, data elements, etc.
(5) cut, copy, and paste.
This style of system improves human–computer interaction (HCI) by emulating real-world interactions and providing better ease of use for non-technical people - both novice and power users. Users can carry skill at a standardized interface from one application to another.
Due to the nature of the WIMP system, simple commands can be chained together to undertake a group of commands that would have taken several lines of command line instructions." [WIMP (computing). Wikipedia]
The Windows Vista graphic user interface template for the ConceptDraw PRO diagramming and vector drawing software is included in the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
Windows GUI template
Windows GUI template, window, vertical scrollbar, field, check box group, button,