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 "Windows 8 UI" contains 69 Windows 8 graphic user interface (GUI) elements.
Use it to design graphic user interface (GUI) of your Windows 8 software application.
The example "Design elements - Windows 8 UI" 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 elements
UI elements, user icon, user avatar, toggle switch, three bars icon, text label, switch label, slider, separator line, search icon, search box, search, scroll control, restore window button, radio button, push button, power icon, minimize window button, maximize window button, list item, help button, gallery item, editing text box, edit text box, digital clock, determinate progress bar, default button, close window button, clear icon, chevron, check box, charm bar, category item, app bar, Start charm bar icon, Share charm bar icon, Settings charm bar icon, Search charm bar icon, Devices charm bar icon, Context menu, App bar,
Used Solutions
The vector stencils library "Android UI" contains 28 UI elements: screen, status bar, app bar, divider, navigation bar, page control, tab, search bar, flexible space, keyboard, cursor tooltip, touch UI tooltip, index scroller, Google Nexus 6 smartphone, Google Nexus 9 tablet.
Use it to design user interface of your Android 5 application.
The shapes example "Design elements - Android UI" 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.
User interface elements
User interface elements, ui element shadow, touch ui tooltip, tab bar, search bar, status bar, signal wifi statusbar 3 bar, status bar icon, signal cellular 2 bar, scrollbar, screen, page control, navigation bar, app bar, navigation bar, menu icon, keyboard, index scroller, scrollbar, index scroller notification, flexible space, divider, cursor tooltip, keyboard tooltip, battery, backspace, app bar, Nexus 9, Nexus 6,
Used Solutions
HelpDesk

How to Design a Mockup of Apple macOS Sierra GUI

Sierra GUI Mock-up
Since that first Macintosh, Apple have always developed and used their own hardware specific operating system. The fundamental style and layout of the Mac OS X user interface has remained largely in place since the earliest versions, but there have been obvious aesthetic enhancements, and elements of icon redesign to match branding across devices. To design an effective user interface, graphic designers will create visual GUI prototypes, that focus on maximizing the user experience. Uses Interface prototyping is much convenient when you can work through a diagram similar to the OS X design. ConceptDraw PRO allows you to develop Apple OS X User Interface (UI) prototypes using the special templates and vector libraries of the specific user interface elements. ConceptDraw Mac OS X UI solution offers libraries containing the distinct Mac app icons, menu bar graphics, glyph elements and other Mac OS X features — everything necessary to create high standard, professional UI graphic desig
The vector stencils library "macOS Content Views" contains 12 popover, table view, column view, split view, tab view and group box UI elements.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
"Views are UI elements that display content to users." [developer.apple.com/ library/ content/ documentation/ UserExperience/ Conceptual/ OSXHIGuidelines/ ControlsAll.html]
The content view UI elements example "Design elements - macOS Content Views" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI elements
UI elements, table view, tab view control, tab, split view, split bar, splitter, split bar, popover, pane, group box, content views, drawing shapes, column view,
Used Solutions
The vector stencils library "macOS Selection Controls" contains 28 UI elements: segmented control, slider, path control, color well, image well, date picker, stepper.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
The selection control images example "Design elements - macOS Selection Controls" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI elements
UI elements, view segmented control, time picker, clock, time picker textual, stepper control, slider circular, segmented control separated, segmented control, reply forward toolbar buttons, segmented control, pop-up, path bar, pop-up, path control, path bar, navigation buttons, forward button, navigation buttons, back button, navigation bar, path control, list view icon, list view, linear slider with tick marks, linear slider, image well, icons view icon, icons view, folder icon, drawing shapes, date picker, calendar, date picker textual, cover flow view icon, cover flow view, columns view icon, columns view, color well, back and forward segmented control,
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.
The example "Design elements - Window elements" 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 elements
UI elements, window, command area, window resize handle, window frame, warning standard icon, up control, separator, restore window button, refresh icon, question mark standard icon, minimize window button, maximize window button, information standard icon, forward button, forward, error standard icon, dialog box, window, command area, close window button, back button, back,
Used Solutions
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
HelpDesk

How to Design an Interface Mock-up of an Android Application

Android App GUI Mock-up
Uses Interface prototyping is much convenient when you can work through a diagram similar to the device design. ConceptDraw PRO allows you to develop Android User Interface (UI) prototypes using the special templates and vector libraries of the specific user interface elements. Using ConceptDraw PRO you can mock-up an Android UI system so that you can figure out how best to represent user interface (UI) elements for the development of a new mobile Apps.
The vector stencils library "macOS Text Controls" contains 11 UI elements: static text field, text input field, token field, search field.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
The UI images example "Design elements - macOS Text Controls" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI elements
UI elements, token field, text input field, editable text field, static text field, search field, search bar, menu symbol, checkmark, drawing shapes,
Used Solutions
The vector stencils library "macOS Content Views" contains 12 popover, table view, column view, split view, tab view and group box UI elements.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
"Views are UI elements that display content to users." [developer.apple.com/ library/ content/ documentation/ UserExperience/ Conceptual/ OSXHIGuidelines/ ControlsAll.html]
The content view UI elements example "Design elements - macOS Content Views" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI elements
UI elements, table view, tab view control, tab, split view, split bar, splitter, split bar, popover, pane, group box, content views, drawing shapes, column view,
Used Solutions
The vector stencils library "macOS Button templates" contains 14 templates of push button, radio button, checkbox, gradient button, disclosure triangle, scope button.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
The buttons example "Design elements - macOS Button templates" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI elements
UI elements, scope button, radio button selected, radio button, push button disabled, push button default, push button active, push button, drawing shapes, disclosure triangle, disclosure button, checkbox checked, checkbox,
Used Solutions
The vector stencils library "macOS Indicator Controls" contains 12 images of progress indicator, determinate and indeterminate progress bars, asynchronous progress indicator, level indicator, capacity indicator, rating indicator and relevance indicator.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
The indicators example "Design elements - macOS Indicator Controls" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI elements
UI elements, relevance indicator, rating indicator, indeterminate progress bar, drawing shapes, discrete capacity indicator, determinate progress bar, continuous capacity indicator, asynchronous progress indicator,
Used Solutions
The vector stencils library "macOS Toolbar Standalone Icons" contains 21 freestanding icons.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
"macOS supports two styles of toolbar items: toolbar controls and freestanding icons that behave as buttons. ... Freestanding icons are occasionally used in the toolbar of a main or document window... Freestanding icons tend to be more common in the toolbars of preferences windows, where they are often used as pane switchers." [developer.apple.com/ library/ content/ documentation/ UserExperience/ Conceptual/ OSXHIGuidelines/ ToolbarIcons.html]
The freestanding icons example "Design elements - macOS Toolbar Standalone Icons" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI elements
UI elements, user icon, user group icon, user accounts icon, store icon, standalone icon, smart folder icon, sharing icon, standalone icon, playback icon, standalone icon, parental icon, restrictions icon, standalone icon, network icon, internet icon, information icon, general icon, standalone icon, fonts icon, fonts panel icon, drawing shapes, devices icon, standalone icon, computer running, mac computer, macbook, colors icon, standalone icon, color panel icon, burnable folder icon, all users icon, alerts icon, standalone icon, advanced icon, standalone icon, accounts icon, standalone icon, Bonjour icon, standalone icon,
Used Solutions
The vector stencils library "Ribbons" contains 27 graphic user interface (GUI) elements of Windows 8 ribbon.
Use it to design GUI prototypes of your software applications for Microsoft Windows 8 operating system.
The example "Design elements - Ribbons" 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 elements
UI elements, tool icon, split menu button, split command button, ribbon menu tab, ribbon menu, ribbon group separator, ribbon group, quick access toolbar, open menu icon, menu category, menu button, label, in-ribbon gallery, image, small icon, image, large icon, icon, file button, expand ribbon icon, enhanced tooltip, disclosure arrow, dialog box launcher, contextual tab set, contextual tab, collapse ribbon icon,
Used Solutions
The vector stencils library "macOS Toolbars" contains 10 toolbar elements.
Use it for user interface design of your macOS applications with ConceptDraw PRO software.
"A toolbar (which is often combined with a title bar) gives users convenient access to the most frequently used commands and features in an app." [developer.apple.com/ library/ content/ documentation/ UserExperience/ Conceptual/ OSXHIGuidelines/ WindowTitleBarToolbar.html]
The toolbar images example "Design elements - macOS Toolbars" is included in the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI elements
UI elements, toolbar, submenu, favorites bar, toolbar control label, toolbar, title bar, tab bar, tab, favorites bar, drawing shapes, bottom bar, status bar, add new tab button, action button,
Used Solutions