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 "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

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 "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,
Used Solutions
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,
Used Solutions
The vector stencils library "Wireframe" contains 18 wireframe design elements.
Use it for designing wireframe graphic user interface (GUI) of computer software 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.
Dialog form
Dialog form, dialog form, window,
Dialog form (browser window)
Dialog form (browser window), browser window, dialog form,
Area box
Area box, area box, text field,
Text input box
Text input box, text input box,
Listbox
Listbox, listbox,
ComboBox
ComboBox, combobox, drop-down menu,
Scrollbar
Scrollbar, scrollbar, scroll bar,
Button
Button, button,
Radio button
Radio button, radio button,
Checkbox
Checkbox, checkbox,
Radio buttons group
Radio buttons group, radio buttons group, radio buttons list,
Checkbox group
Checkbox group, checkbox group, checkbox list,
Menu bar tab
Menu bar tab, menu bar tab,
Image
Image, image,
Multimedia
Multimedia, multimedia, video,
Wireframe note
Wireframe note, wireframe note,
Separator, horizontal
Separator, horizontal, horizontal separator,
Separator, vertical
Separator, vertical, vertical separator,
Used Solutions
The vector stencils library "Ribbon interface" contains 41 ribbon shapes.
Use it for designing Microsoft ribbon graphic user interface (GUI) of software for Windows 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.
Main Window with Menu
Main Window with Menu, main window, menu,
Main Window
Main Window, main window,
Menu
Menu, menu,
Special Menu
Special Menu, menu,
Field
Field, field,
Tools Group
Tools Group, tools group,
Tools Group Minimized
Tools Group Minimized, tools group,
Tool Button
Tool Button, tool button,
Tool Button
Tool Button, tool button,
Toolbar
Toolbar, toolbar,
Label
Label, label,
Text Label
Text Label,
Edit Box
Edit Box, edit box,
Combobox
Combobox, combobox,
Combobox with List
Combobox with List, combobox,
Drop-down Menu
Drop-down Menu, drop-down menu,
Spin Box
Spin Box, spin box,
Check Box
Check Box, check box,
Radio Button
Radio Button, radio button,
Styles Control 1
Styles Control 1, styles control,
Styles Control 2
Styles Control 2, styles control,
Rounded Tab
Rounded Tab, rounded tab,
Floating Dialogue
Floating Dialogue, floating dialogue,
Status Bar
Status Bar, status bar,
Small Toolbar (for Status Bar)
Small Toolbar (for Status Bar), toolbar,
Zoom Slider
Zoom Slider, zoom slider,
Horizontal Scroll
Horizontal Scroll, horizontal scroll,
Vertical Scroll
Vertical Scroll, vertical scroll,
Drop-down List
Drop-down List, drop-down list,
Arrow
Arrow, arrow,
Close
Close, close,
Drop-down Menu Base
Drop-down Menu Base, drop-down menu,
Drop-down Menu Left Part
Drop-down Menu Left Part, drop-down menu,
Menu/List Item (Text)
Menu/List Item (Text), menu, list, text,
Menu/List Item (Image)
Menu/List Item (Image), menu, list, image,
Menu/List Item (Image with Text)
Menu/List Item (Image with Text), menu, list,text, image,
Meny/List Header
Meny/List Header, menu, list, header,
Drop-down Menu Separator
Drop-down Menu Separator, drop-down menu,
Vertical Separator
Vertical Separator,
Chek/Option for Drop-down Menu
Chek/Option for Drop-down Menu, chek, option, drop-down menu,
Image
Image, image,
Used Solutions
This example illustrates usage of dersign elements in the graphic user interface (GUI) of Windows 8 application Page setup dialog.
"Page Setup Dialog ... allows the user to set the following attributes of the printed page: (1) The paper type (envelope, legal, letter, and so on). (2) The paper source (manual feed, tractor feed, sheet feeder, and so on). (3) The page orientation (portrait or landscape). (4) The width of the page margins." [msdn.microsoft.com/ en-us/ library/ windows/ desktop/ ms646962%28v=vs.85%29.aspx]
The sample "Page setup dialog" 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.
Dialog box
Dialog box, title bar text, text label, standard command button, scroller, radio button, list item, group box, editable text, drop-down list, drop-down button, dialog box, window, default command button, close window button, check box,
Used Solutions

GUI Software

ConceptDraw DIAGRAM diagramming and vector drawing software extended with Windows 8 User Interface Solution is a powerful GUI Software. Designing of professional looking Windows 8 and Windows 8.1 user interfaces, and Windows 8 UI design patterns never been easier than now with convenient and useful tools of Windows 8 User Interface Solution from the Software Development area.

User Interface Design Examples

ConceptDraw DIAGRAM is a powerful diagramming and vector drawing software. Extended with Windows 8 User Interface solution from the Software Development area, ConceptDraw DIAGRAM 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 "macOS Dialogs" contains 13 dialog window UI elements.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
" A dialog is a window that is designed to elicit a response from the user. Many dialogs... allow users to provide several responses at one time.
macOS provides three main ways to present dialogs. ...
A document-modal dialog prevents the user from doing anything else within a particular document. ...
An app modal dialog prevents the user from interacting fully with the current app, although the user can switch to another app. ...
A modeless dialog enables users to change settings in the dialog while still interacting with document windows." [developer.apple.com/ library/ content/ documentation/ UserExperience/ Conceptual/ OSXHIGuidelines/ WindowDialogs.html]
The dialog window UI elements example "Design elements - macOS Dialogs" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI elements
UI elements, window toolbar, window body, toolbar icon, toolbar control label, toolbar, title bar, text input field, editable text field, stepper control, sidebar translucent, source list, share menu icon, share control, share toolbar button, segmented control separated, segmented control, search field, search bar, save dialog, expanding dialog, save button, push button, push button default, push button, proxy icon, print dialog, pop-up menu, page setup dialog, open dialog, app modal dialog, navigation buttons, forward button, navigation buttons, back button, modeless dialog, list view icon, icons view icon, iCloud drive icon, menu icon, Finder sidebar icon, help button, group box, content views, folder icon, drawing shapes, downloads icon, menu icon, Finder sidebar icon, documents icon, menu icon, Finder sidebar icon, document-modal dialog, sheet, divider line, disclosure button, dialog toolbar, dialog title bar, desktop icon, menu icon, Finder sidebar icon, default button, push button, command pop-down menu, columns view icon, column view, choose dialog, cancel button, push button, bottom bar, status bar, back and forward segmented control, arrange control, arrange button, arrange toolbar item, applications icon, menu icon, Finder sidebar icon, all my files icon, menu icon, Finder sidebar icon, alert message text, alert informative text, alert icon, alert dialog, action button, OK button, push button, Finder app icon,
Used Solutions