Android User Interface
The Android User Interface solution allows ConceptDraw PRO act as an Android UI design tool. Libraries and templates contain a variety of Android GUI elements to help users create images based on Android UI design.
macOS User Interface
macOS User Interface solution extends the ConceptDraw PRO functionality with powerful GUI software graphic design features and tools. It provides an extensive range of multifarious macOS Sierra user interface design examples, samples and templates, and wide variety of libraries, containing a lot of pre-designed vector objects of Mac Apps icons, buttons, dialogs, menu bars, indicators, pointers, controls, toolbars, menus, and other elements for fast and simple designing high standard user interfaces of any complexity for new macOS Sierra.
The vector stencils library "iPhone interface" contains 119 iPhone UI design elements.
Use it for development of graphic user interface (GUI) for iPhone software applications 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.
Use it for development of graphic user interface (GUI) for iPhone software applications 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.
iPhone case
iPhone case, horizontal
Display
Screen
Home screen
Keypad control
Status bar
Navigation bar
Navigation bar with buttons
Navigation bar with controls
Navigation bar with controls
Navigation bar with buttons, horizontal
Navigation bar with controls, horizontal
Modal view
Search bar
Text field 1
Text field 2
Text field, varying
Table row
Table view row
Table view (simple list)
-iphone-interface---vector-stencils-library.png--diagram-flowchart-example.png)
Table view (with header)
-iphone-interface---vector-stencils-library.png--diagram-flowchart-example.png)
Action list
Control button
Navigational control button
Add button
Navigation toolbar
Tab bar
Action sheet
Choice button
Rounded rectangle button
Keyboard control
Keyboard literal button
Keyboard button, pressed
Keyboard label button
Selection frame 1
Selection frame 2
Loupe
Message box 1
Message box 2
Progress view
Progress view
Progress view
Player control
Label button
Back button
Forward button
Option button
Checkbox
Radio button
Alert
Two-button alert
Two-button alert (v 3.0)
-iphone-interface---vector-stencils-library.png--diagram-flowchart-example.png)
Up-Down control
Segmented control
Segmented control
Segmented control
Segmented control
Pop-up menu button
Popup menu
Clock, white
Clock, black
Clock application table
Date and time picker (1/2 parts)
-iphone-interface---vector-stencils-library.png--diagram-flowchart-example.png)
Date and time picker (3 parts)
-iphone-interface---vector-stencils-library.png--diagram-flowchart-example.png)
Date and time picker (4 parts)
-iphone-interface---vector-stencils-library.png--diagram-flowchart-example.png)
Date and time picker (v 3.0)
-iphone-interface---vector-stencils-library.png--diagram-flowchart-example.png)
Switch control
System button
Reply button
Organize button
Remove button
Refresh button
Play button
FastForward button
Pause button
Rewind button
Backward icon
Forward icon
Share button
Camera button
Compose button
Bookmarks button
Search button
Add button
Trash button
Bookmarks tab icon
Contacts tab icon
Downloads tab icon
Favorites tab icon
Featured tab icon
History tab icon
MostRecent tab icon
MostViewed tab icon
Search tab icon
More tab icon
SMS tab icon
Mail tab icon
Charts tab icon
World clock tab icon
Alarm tab icon
Stopwatch tab icon
Timer tab icon
Badge
Delete button control
Checkmark
Delete button
Insert
Disclosure indicator
Clear button
Bookmarks badge
Badge with varying width 1
Badge with varying width 2
Badge with varying width 3
Activity indicator
Network activity indicator
Page control
Search badge
Slider
The vector stencils library "Android system icons - places" contains 19 system icons.
Use it to design user interface of your software applications for Android OS with ConceptDraw PRO software.
"Material icons use geometric shapes to visually represent core ideas, capabilities, or topics. ...
System icons represent a command, file, device, directory, or common actions. ...
A system icon, or UI icon, symbolizes a command, file, device, or directory. System icons are also used to represent common actions like trash, print, and save.
The design of system icons is simple, modern, friendly, and sometimes quirky. Each icon is reduced to its minimal form, with every idea edited to its essence. The designs ensure readability and clarity even at small sizes." [material.io/ guidelines/ style/ icons.html]
The system icons example "Design elements - Android system icons (places)" is included in the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park.
Use it to design user interface of your software applications for Android OS with ConceptDraw PRO software.
"Material icons use geometric shapes to visually represent core ideas, capabilities, or topics. ...
System icons represent a command, file, device, directory, or common actions. ...
A system icon, or UI icon, symbolizes a command, file, device, or directory. System icons are also used to represent common actions like trash, print, and save.
The design of system icons is simple, modern, friendly, and sometimes quirky. Each icon is reduced to its minimal form, with every idea edited to its essence. The designs ensure readability and clarity even at small sizes." [material.io/ guidelines/ style/ icons.html]
The system icons example "Design elements - Android system icons (places)" is included in the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park.
Places system icons
.png--diagram-flowchart-example.png){kind=icon}
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.
"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
AWS Architecture Diagrams
AWS Architecture Diagrams with powerful drawing tools and numerous predesigned Amazon icons and AWS simple icons is the best for creation the AWS Architecture Diagrams, describing the use of Amazon Web Services or Amazon Cloud Services, their application for development and implementation the systems running on the AWS infrastructure. The multifarious samples give you the good understanding of AWS platform, its structure, services, resources and features, wide opportunities, advantages and benefits from their use; solution’s templates are essential and helpful when designing, description and implementing the AWS infrastructure based systems. Use them in technical documentation, advertising and marketing materials, in specifications, presentation slides, whitepapers, datasheets, posters, etc.
ConceptDraw Solution Park
ConceptDraw Solution Park collects graphic extensions, examples and learning materials
"Smaller mobile devices such as PDAs and smartphones typically use the WIMP elements with different unifying metaphors, due to constraints in space and available input devices. Applications for which WIMP is not well suited may use newer interaction techniques, collectively named as post-WIMP user interfaces.
As of 2011, some touch-screen-based operating systems such as Apple's iOS (iPhone) and Android use the class of GUIs named post-WIMP. These support styles of interaction using more than one finger in contact with a display, which allows actions such as pinching and rotating, which are unsupported by one pointer and mouse." [Graphical user interface. Wikipedia]
"In computing post-WIMP comprises work on user interfaces, mostly graphical user interfaces, which attempt to go beyond the paradigm of windows, icons, menus and a pointing device, i.e. WIMP interfaces. ...
However WIMP interfaces are not optimal for working with complex tasks such as computer-aided design, working on large amounts of data simultaneously, or interactive games. WIMPs are usually pixel-hungry, so given limited screen real estate they can distract attention from the task at hand. Thus, custom interfaces can better encapsulate workspaces, actions, and objects for specific complex tasks. Applications for which WIMP is not well suited include those requiring continuous input signals, showing 3D models, or simply portraying an interaction for which there is no defined standard widget.
Interfaces based on these considerations, now called "post-WIMP", have made their way to the general public. Examples include the interface of the classic MP3 player iPod and a bank's automated teller machine screen." [Post-WIMP. Wikipedia]
The example "iPhone OS (iOS) graphic user interface (GUI) - Activity indicator view" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
As of 2011, some touch-screen-based operating systems such as Apple's iOS (iPhone) and Android use the class of GUIs named post-WIMP. These support styles of interaction using more than one finger in contact with a display, which allows actions such as pinching and rotating, which are unsupported by one pointer and mouse." [Graphical user interface. Wikipedia]
"In computing post-WIMP comprises work on user interfaces, mostly graphical user interfaces, which attempt to go beyond the paradigm of windows, icons, menus and a pointing device, i.e. WIMP interfaces. ...
However WIMP interfaces are not optimal for working with complex tasks such as computer-aided design, working on large amounts of data simultaneously, or interactive games. WIMPs are usually pixel-hungry, so given limited screen real estate they can distract attention from the task at hand. Thus, custom interfaces can better encapsulate workspaces, actions, and objects for specific complex tasks. Applications for which WIMP is not well suited include those requiring continuous input signals, showing 3D models, or simply portraying an interaction for which there is no defined standard widget.
Interfaces based on these considerations, now called "post-WIMP", have made their way to the general public. Examples include the interface of the classic MP3 player iPod and a bank's automated teller machine screen." [Post-WIMP. Wikipedia]
The example "iPhone OS (iOS) graphic user interface (GUI) - Activity indicator view" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone GUI
-graphic-user-interface-(gui)---activity-indicator-view.png--diagram-flowchart-example.png)
The vector stencils library "iPhone interface" contains 119 iPhone UI design elements.
Use it for development of graphic user interface (GUI) for iPhone software applications 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.
Use it for development of graphic user interface (GUI) for iPhone software applications 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.
iPhone case
iPhone case, horizontal
Display
Screen
Home screen
Keypad control
Status bar
Navigation bar
Navigation bar with buttons
Navigation bar with controls
Navigation bar with controls
Navigation bar with buttons, horizontal
Navigation bar with controls, horizontal
Modal view
Search bar
Text field 1
Text field 2
Text field, varying
Table row
Table view row
Table view (simple list)
Table view (with header)
Action list
Control button
Navigational control button
Add button
Navigation toolbar
Tab bar
Action sheet
Choice button
Rounded rectangle button
Keyboard control
Keyboard literal button
Keyboard button, pressed
Keyboard label button
Selection frame 1
Selection frame 2
Loupe
Message box 1
Message box 2
Progress view
Progress view
Progress view
Player control
Label button
Back button
Forward button
Option button
Checkbox
Radio button
Alert
Two-button alert
Two-button alert (v 3.0)
Up-Down control
Segmented control
Segmented control
Segmented control
Segmented control
Pop-up menu button
Popup menu
Clock, white
Clock, black
Clock application table
Date and time picker (1/2 parts)
Date and time picker (3 parts)
Date and time picker (4 parts)
Date and time picker (v 3.0)
Switch control
System button
Reply button
Organize button
Remove button
Refresh button
Play button
FastForward button
Pause button
Rewind button
Backward icon
Forward icon
Share button
Camera button
Compose button
Bookmarks button
Search button
Add button
Trash button
Bookmarks tab icon
Contacts tab icon
Downloads tab icon
Favorites tab icon
Featured tab icon
History tab icon
MostRecent tab icon
MostViewed tab icon
Search tab icon
More tab icon
SMS tab icon
Mail tab icon
Charts tab icon
World clock tab icon
Alarm tab icon
Stopwatch tab icon
Timer tab icon
Badge
Delete button control
Checkmark
Delete button
Insert
Disclosure indicator
Clear button
Bookmarks badge
Badge with varying width 1
Badge with varying width 2
Badge with varying width 3
Activity indicator
Network activity indicator
Page control
Search badge
Slider
- Design elements - Windows 8 round icons | AWS simple icons v2.0 ...
- Graphical Arrow Icon Png
- Atm Icon Png
- AWS Simple Icons for Architecture Diagrams | Design elements ...
- Ios Stopwatch Icon Png
- App Icons Png
- Business Development Icon Png
- Android Menu Icon Png
- Design elements - Telecom | AWS Simple Icons for Architecture ...
- Access For Site Icon Png
- iPhone User Interface | Design elements - Apps icons | App icons ...
- Free White Icons Png
- User Interface Icon Png
- Menu Icon Android Png
- Cisco Products Additional. Cisco icons , shapes, stencils and symbols
- Building Icon Png
- Bar Chart Icon Png
- Design elements - Apps icons | iPhone User Interface | App icons ...
- iPhone User Interface | App icons - Vector stencils library | Design ...
- Communication Icon Png
- ERD | Entity Relationship Diagrams, ERD Software for Mac and Win
- Flowchart | Basic Flowchart Symbols and Meaning
- Flowchart | Flowchart Design - Symbols, Shapes, Stencils and Icons
- Flowchart | Flow Chart Symbols
- Electrical | Electrical Drawing - Wiring and Circuits Schematics
- Flowchart | Common Flowchart Symbols
- Flowchart | Common Flowchart Symbols
