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 "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 "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
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
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 "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
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,
Used Solutions
The vector stencils library "Mac OS X buttons and segmented controls" contains 51 shapes of buttons and segmented controls.
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.
Button
Button, button,
Button
Button, button,
Gradient Button
Gradient Button, button,
Gradient Button
Gradient Button, button,
Round Rect Button
Round Rect Button, button,
Round Rect Button
Round Rect Button, button,
Round Textured Button
Round Textured Button, button,
Round Textured Button
Round Textured Button, button,
Textured Button
Textured Button, button,
Textured Button
Textured Button, button,
Bevel Button
Bevel Button, button,
Bevel Button
Bevel Button, button,
Square Button
Square Button, button,
Square Button
Square Button, button,
Round Button
Round Button, button,
Round Button
Round Button, button,
Disclosure Triangle
Disclosure Triangle, disclosure triangle,
Help Button
Help Button, help button,
Disclosure Button
Disclosure Button, disclosure button,
Window Buttons
Window Buttons, window buttons,
Window Buttons Gray
Window Buttons Gray, window buttons,
Window Button Gray
Window Button Gray, window button,
Window Button Red
Window Button Red, window button,
Window Button Yellow
Window Button Yellow, window button,
Window Button Green
Window Button Green, window button,
Capsule Left
Capsule Left , capsule,
Capsule Center
Capsule Center, capsule,
Capsule Right
Capsule Right, capsule,
Capsule Left (Selected)
Capsule Left (Selected), capsule,
Capsule Center (Selected)
Capsule Center (Selected), capsule,
Capsule Right (Selected)
Capsule Right (Selected), capsule,
Round Rect Left
Round Rect Left,
Round Rect Center
Round Rect Center,
Round Rect Right
Round Rect Right,
Round Rect Left (Selected)
Round Rect Left (Selected),
Round Rect Center (Selected)
Round Rect Center (Selected),
Round Rect Right (Selected)
Round Rect Right (Selected),
Rounded Left
Rounded Left,
Rounded Center
Rounded Center ,
Rounded Right
Rounded Right,
Rounded Left (Selected)
Rounded Left (Selected),
Rounded Center (Selected)
Rounded Center (Selected),
Rounded Right (Selected)
Rounded Right (Selected),
Textured Left
Textured Left ,
Textured Center
Textured Center,
Textured Right
Textured Right ,
Textured Left (Selected)
Textured Left (Selected),
Textured Center (Selected)
Textured Center (Selected),
Textured Right (Selected)
Textured Right (Selected),
Small Square
Small Square,
Small Square (Selected)
Small Square (Selected),
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

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
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
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.
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 "Controls" contains 53 icons of Windows 8 controls.
Use it to design graphic user interface (GUI) prototypes of your software applications for Windows 8.
"A graphical control element or widget is an element of interaction in a graphical user interface (GUI), such as a button or a scroll bar. Controls are software components that a computer user interacts with through direct manipulation to read or edit information about an application. ...
Each widget facilitates a specific type of user-computer interaction, and appears as a visible part of the application's GUI as defined by the theme and rendered by the rendering engine. The theme makes all graphical control elements adhere to a unified aesthetic design and creates a sense of overall cohesion. Some widgets support interaction with the user, for example labels, buttons, and check boxes. Others act as containers that group the widgets added to them, for example windows, panels, and tabs." [Graphical control element. Wikipedia]
The design elements example "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.
Balloon
Balloon, balloon,
Check box - checked
Check box - checked, check box,
Check box - unchecked
Check box - unchecked, check box,
Radio button - selected
Radio button - selected, radio button,
Radio button
Radio button, radio button,
Group box
Group box, group box,
Standard command button
Standard command button, standard command button,
Default command button
Default command button, default command button,
Link
Link, link,
Command link - selected
Command link - selected, command link,
Command link
Command link, command link,
Command link
Command link, command link,
Command link 2
Command link 2, command link,
Drop-down button with text box
Drop-down button with text box, drop-down button,
Drop-down button with text box - selected
Drop-down button with text box - selected, drop-down button, text box,
Drop-down list
Drop-down list, drop-down list,
List item
List item, list item,
List item - selected
List item - selected, list item,
Drop-down button with text box 2
Drop-down button with text box 2, drop-down button, text box,
Drop-down list 2
Drop-down list 2, drop-down list,
Drop-down button
Drop-down button, drop-down button,
Drop-down button - selected
Drop-down button - selected, drop-down button,
Combo box
Combo box, list item, drop-down list, drop-down button, combo box,
Combo box 2
Combo box 2, list item, drop-down list, drop-down button, text box, drop-down button, combo box,
Combo box with scroller
Combo box with scroller, scroller, list item, drop-down list, drop-down button, text box, drop-down button, combo box,
List box
List box, list item, list box, drop-down list,
List box with scrollbar
List box with scrollbar, scroller, list item, list box, drop-down list,
List view
List view, scroller, list view, drop-down list,
Vertical scroller
Vertical scroller, scroller,
Horizontal scroller
Horizontal scroller, scroller,
Notification
Notification, notification, balloon,
Options button
Options button, options button,
Close button
Close button, close button,
Text label
Text label, text label,
Progress bar
Progress bar, progress bar,
Search box
Search box, search symbol, search box,
Search symbol
Search symbol, search symbol,
Spin control
Spin control, spin control,
Slider - 5 intervals
Slider - 5 intervals, slider,
Slider - 10 intervals
Slider - 10 intervals, slider,
Status bar
Status bar, status bar,
Start button
Start button, start button,
Status bar with Start button
Status bar with Start button, status bar, Start button, status bar, start button,
Viewed window
Viewed window, window state,
Current window state
Current window state, current window state,
Tab control
Tab control, tab control,
Tab control - selected
Tab control - selected, tab control,
Tab view page
Tab view page, tab view,
Tab view
Tab view, tab view, tab control,
Text box
Text box, text box,
Text box label
Text box label, text box label,
Tooltip
Tooltip, tooltip,
Infotip
Infotip, infotip,
Used Solutions