This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.
The vector stencils library "Android system icons - notification" contains 34 system icons of notifications.
Use this icon set to design user interface of your Android application.
The icons example "Design elements - Android system icons (notification)" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android 5 UI" solution from the "Software Development" area of ConceptDraw Solution Park.
System icons of notifications
System icons of notifications, vpn lock icon, voice chat icon, vibration icon, time to leave icon, tap and play icon, system update icon, sync problem icon, sync icon, sync disabled icon, sms icon, sms failed icon, sim card alert icon, sd card icon, play install icon, play download icon, phone paused icon, phone missed icon, phone locked icon, phone in talk icon, phone forwarded icon, phone bluetooth speaker icon, network locked icon, more icon, folder special icon, event note icon, event busy icon, event available icon, drive eta icon, do not disturb icon, dnd forward slash icon, disc full icon, bluetooth audio icon, adb icon,

Android UI Design

The Android operating system is one of the most popular platforms today. It was developed and now used on smartphones, tablets, netbooks, smartbooks, and many other electronic devices, and combines the reliability, flexibility and ease of use. So, millions of people face daily with Android operating system on their devices, and thus one of important things for the developers of Android applications is developing of convenient and attractive Android UI design. ConceptDraw DIAGRAM diagramming and vector drawing software extended with Android User Interface Solution from the Software Development Area will help you in this.
This example shows iPhone 6 Notification Center screen.
"Notification Center is a feature in iOS and OS X that provides an overview of alerts from applications. It displays notifications until the user completes an associated action, rather than requiring instant resolution. Users may choose what applications appear in Notification Center, and how they are handled. Initially released with iOS 5 in October 2011... Notification Center was released in iOS 5 to replace the previous system for dealing with push and local notifications. Instead of interrupting the user with an alert, Notification Center instead displays a banner at the top of the screen. This allows the user to continue using their device, and disappears after a set period of time. All previous notifications are collated into the Notification Center panel, which can be displayed in iOS by dragging down from the status bar... Notification Center on iPhone and iPod Touch also includes Weather and Stocks widgets, displaying information on the weather at the user's current location, and any stocks that the user has selected in the Stocks application." [Notification Center. Wikipedia]
The sample "Notification Center" 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.
iPhone screen - Notification Center
iPhone screen - Notification Center, wifi icon, table view cell, table view, switch on, switch off, status bar, navigation bar, menu bar, label, iPhone 6, button text label, bluetooth icon, back button,

Android GUI

Android is an operating system based on the Linux kernel and developed by Google for smartphones, tablet computers, electronic books, netbooks, smartbooks, digital players, watches, game consoles, TV and other devices. ConceptDraw DIAGRAM extended with Android User Interface Solution from the Software Development Area is a powerful software with extensive drawing tools which can help you to build the intelligible, attractive and easy for perception Android GUI for your application.
This vector stencils library contains 184 round icons.
Use it to design cloud computing infographics and diagrams with ConceptDraw PRO software.
"Though service-oriented architecture advocates "everything as a service" (with the acronyms EaaS or XaaS or simply aas), cloud-computing providers offer their "services" according to different models, which happen to form a stack: infrastructure-, platform- and software-as-a-service.
Infrastructure as a service (IaaS)
In the most basic cloud-service model ... providers of IaaS offer computers — physical or (more often) virtual machines — and other resources. IaaS refers to online services that abstract the user from the details of infrastructure like physical computing resources, location, data partitioning, scaling, security, backup etc.
Platform as a service (PaaS)
PaaS vendors offer a development environment to application developers. The provider typically develops toolkit and standards for development and channels for distribution and payment. In the PaaS models, cloud providers deliver a computing platform, typically including operating system, programming-language execution environment, database, and web server. Application developers can develop and run their software solutions on a cloud platform without the cost and complexity of buying and managing the underlying hardware and software layers.
Software as a service (SaaS)
In the software as a service (SaaS) model, users gain access to application software and databases. Cloud providers manage the infrastructure and platforms that run the applications. SaaS is sometimes referred to as "on-demand software" and is usually priced on a pay-per-use basis or using a subscription fee.
In the SaaS model, cloud providers install and operate application software in the cloud and cloud users access the software from cloud clients. Cloud users do not manage the cloud infrastructure and platform where the application runs. This eliminates the need to install and run the application on the cloud user's own computers, which simplifies maintenance and support. Cloud applications differ from other applications in their scalability — which can be achieved by cloning tasks onto multiple virtual machines at run-time to meet changing work demand." [Cloud computing. Wikipedia]
The vector stencils library "Cloud round icons" is included in the Cloud Computing Diagrams solution from the Computer and Networks area of ConceptDraw Solution Park.
Add
Add, add,
Analysis
Analysis, analysis,
API
API, API,
App
App, App,
Archive
Archive, archive,
Back
Back, back,
Backup
Backup, backup,
Book
Book, book,
Books
Books, books,
Box
Box, box,
Bug
Bug, bug,
Calculation
Calculation, calculation,
Calendar
Calendar, calendar,
Call
Call, call,
Car
Car, car,
CD
CD, CD,
Certificate
Certificate, certificate,
Cloud alert
Cloud alert, cloud alert,
Cloud analysis
Cloud analysis, cloud analysis,
Cloud authorization
Cloud authorization, cloud authorization,
Cloud collaboration
Cloud collaboration, cloud collaboration,
Cloud communications
Cloud communications, cloud communications,
Cloud computing
Cloud computing, cloud computing,
Cloud configuration
Cloud configuration, cloud configuration,
Cloud connectivity
Cloud connectivity, cloud connectivity,
Cloud control
Cloud control, cloud control,
Cloud cost calculation
Cloud cost calculation, cloud cost calculation,
Cloud database
Cloud database, cloud database,
Cloud download
Cloud download, cloud download,
Cloud drive
Cloud drive, cloud drive,
Cloud error
Cloud error, cloud error,
Cloud failure
Cloud failure, cloud failure,
Cloud FAQ
Cloud FAQ, cloud FAQ,
Cloud feedback
Cloud feedback, сloud feedback,
Cloud files
Cloud files, cloud files,
Cloud gateway
Cloud gateway, cloud gateway,
Cloud hosting
Cloud hosting, cloud hosting,
Cloud info
Cloud info, cloud info,
Cloud Internet storage
Cloud Internet storage, cloud Internet storage,
Cloud lock
Cloud lock, cloud lock,
Cloud locked
Cloud locked, cloud locked,
Cloud mail
Cloud mail, cloud mail,
Cloud music
Cloud music, cloud music,
Cloud paperless office
Cloud paperless office, cloud paperless office,
Cloud performance
Cloud performance, cloud performance,
Cloud photo
Cloud photo, сloud photo,
Cloud safe
Cloud safe, сloud safe,
Cloud search
Cloud search, сloud search,
Cloud security
Cloud security, cloud security,
Cloud servers
Cloud servers, cloud servers,
Cloud services
Cloud services, cloud services,
Cloud shopping
Cloud shopping, cloud shopping,
Cloud success
Cloud success, cloud success,
Cloud synchronization
Cloud synchronization, cloud synchronization,
Cloud tech support
Cloud tech support, cloud tech support,
Cloud transfer
Cloud transfer, cloud transfer,
Cloud unlocked
Cloud unlocked, cloud unlocked,
Cloud upload
Cloud upload, cloud upload,
Cloud video
Cloud video, cloud video,
Code
Code, code,
Collaboration
Collaboration, collaboration,
Communication
Communication, communication,
Community cloud
Community cloud, community cloud,
Contact list
Contact list, contact list,
Content
Content, content,
CPU
CPU, CPU,
Database
Database, database,
Datacenter
Datacenter, datacenter,
Data storage
Data storage, data storage,
Desktop
Desktop, desktop,
Display
Display, display,
Document
Document, document,
Documents
Documents, documents,
Dollar
Dollar, drawing shapes, dollar,
Done
Done, done,
Down
Down, drawing shapes, down,
Download
Download, download,
E-commerce
E-commerce, E-commerce,
Earth
Earth, earth,
Email
Email, email,
Encryption
Encryption, encryption,
Error
Error, error,
Ethernet
Ethernet, ethernet,
Euro
Euro, euro, drawing shapes,
Failure
Failure, failure,
Feed
Feed, feed,
File
File, file,
Files
Files, files,
Filter
Filter, filter,
Firewall
Firewall, firewall,
Flash drive
Flash drive, flash drive,
Folder
Folder, folder,
Forward
Forward, forward, drawing shapes,
Hard drive
Hard drive, hard drive, drawing shapes,
Hardware
Hardware, hardware, drawing shapes,
Health
Health, health, drawing shapes,
Health monitoring
Health monitoring, health monitoring, drawing shapes,
Home
Home, home, drawing shapes,
Hosting
Hosting, hosting,
Image
Image, image,
Info
Info, info,
Innovation
Innovation, innovation,
Key
Key, key,
Keyboard
Keyboard, keyboard,
Laptop
Laptop, laptop,
Letter
Letter, letter, drawing shapes,
Lightning
Lightning, lightning, drawing shapes,
Link
Link, link, drawing shapes,
List
List, list, drawing shapes,
Location
Location, location, drawing shapes,
Lock
Lock, lock, drawing shapes,
Log
Log, log, drawing shapes,
Login
Login, login,
Logout
Logout, logout,
Mail
Mail, mail, drawing shapes,
Mail list
Mail list, mail list, drawing shapes,
Marketplace
Marketplace, marketplace, drawing shapes,
Memory (RAM)
Memory (RAM), memory, RAM, drawing shapes,
Message
Message, message, drawing shapes,
Minus
Minus, minus, drawing shapes,
Mobile
Mobile, mobile, drawing shapes,
Mobile cloud computing
Mobile cloud computing, mobile cloud computing, drawing shapes,
Mouse
Mouse, mouse, drawing shapes,
Music player
Music player, music player, drawing shapes,
Network
Network, network, drawing shapes,
Notebook
Notebook, notebook, drawing shapes,
Notification
Notification, notification, drawing shapes,
Package
Package, package, drawing shapes,
Patch
Patch, patch, drawing shapes,
Performance
Performance, performance, drawing shapes,
Personal cloud
Personal cloud, personal cloud,
Phone book
Phone book, phone book, drawing shapes,
Photo
Photo, photo, drawing shapes,
Plug
Plug, plug, drawing shapes,
Pound
Pound, pound, drawing shapes,
Power
Power, power, drawing shapes,
Power button
Power button, power button, drawing shapes,
Process
Process, process, drawing shapes,
Processing
Processing, processing, drawing shapes,
Puzzles
Puzzles, puzzles, drawing shapes,
Question sign
Question sign, question sign, drawing shapes,
Recovery
Recovery, recovery, drawing shapes,
Remote
Remote, remote, drawing shapes,
Repair
Repair, repair, drawing shapes,
Restore
Restore, restore, drawing shapes,
Rocket (Logic app)
Rocket (Logic app), rocket, logic app, drawing shapes,
Router
Router, router, drawing shapes,
Safety
Safety, safety, drawing shapes,
Schedule
Schedule, schedule,
Script
Script, script, drawing shapes,
SDK
SDK, drawing shapes, SDK,
Search (Scan)
Search (Scan), search, scan, drawing shapes,
Security
Security, security, drawing shapes,
Server
Server, server, drawing shapes,
Server rack
Server rack, server rack, drawing shapes,
Services
Services, services,
Sharing
Sharing, sharing, drawing shapes,
Shopping basket
Shopping basket, shopping basket, drawing shapes,
Sign in
Sign in, sign in, drawing shapes,
Smartphone
Smartphone, smartphone, drawing shapes,
Song
Song, song, drawing shapes,
Sound
Sound, sound, drawing shapes,
Stethoscope
Stethoscope, stethoscope, drawing shapes,
Stickman
Stickman, stickman, drawing shapes,
Subscription
Subscription, subscription, drawing shapes,
Sync
Sync, sync, drawing shapes,
Tablet
Tablet, tablet, drawing shapes,
Tech support
Tech support, tech support, drawing shapes,
Time
Time, time, drawing shapes,
Top rated
Top rated, top rated, drawing shapes,
Transfer
Transfer, transfer, drawing shapes,
Unlink
Unlink, unlink, drawing shapes,
Unlock
Unlock, unlock, drawing shapes,
Up
Up, up, drawing shapes,
Upload
Upload, upload,
User
User, user, drawing shapes,
Video mail
Video mail, video mail, drawing shapes,
View (visual)
View (visual), view, visual, drawing shapes,
Virus protection
Virus protection, virus protection, drawing shapes,
Waste bin
Waste bin, waste bin, drawing shapes,
Web
Web, web, drawing shapes,
Wifi
Wifi, wifi, drawing shapes,
Wireless
Wireless, wireless, drawing shapes,
Yen sign
Yen sign, yen sign, drawing shapes,

Android User Interface

Android is a mobile operating system (OS) based on the Linux kernel and currently developed by Google. One of the most important features of any Android app is, of course, its Android User Interface. It is all what the user sees on the screen of its device and interacts with. Creating of successful Android User Interface and developing Android UI prototypes may be the mighty task. But we recommend you to make it fast and easy in ConceptDraw DIAGRAM specially extended with Android User Interface Solution from the Software Development Area.

android ui design, android gui, android ui design tool, android user interface Android User Interface‏

android ui design, android gui, android ui design tool, android user interface
The Android User Interface solution allows ConceptDraw DIAGRAM 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.
The vector stencils library "AWS Mobile Services and Game Development" contains 7 icons: AWS Cognito icon, AWS Mobile Analytics icon, Amazon SNS icons, AWS Device Farm icon, AWS Mobile Hub icon, Amazon GameLift icon.
Use it to draw Amazon Web Services architecture diagrams with ConceptDraw PRO diagramming and vector drawing software.
"AWS Mobile Hub lets you easily add and configure features for your mobile apps, including user authentication, data storage, backend logic, push notifications, content delivery, and analytics. After you build your app, AWS Mobile Hub gives you easy access to testing on real devices, as well as analytics dashboards to track usage of your app – all from a single, integrated console." [aws.amazon.com/ mobile/ ]
"Amazon Web Services offers a comprehensive suite of products and services for video game developers across every major platform: mobile, console, PC and online. From AAA console and PC games, to educational and serious games, AWS provides the back end servers and hosting services for your game studio." [aws.amazon.com/ gaming/ ]
The AWS icons example "Design elements - AWS Mobile Services and Game Development" is included in the AWS Architecture Diagrams solution from the Computer and Networks area of ConceptDraw Solution Park.
Amazon Web Services icons
Amazon Web Services icons, Amazon Pinpoint, Amazon Mobile Analytics, Amazon GameLift, Amazon Cognito, Amazon API Gateway, AWS Mobile Hub, AWS Device Farm,
The vector stencils library "Menus" contains 22 menu elements.
Use this 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 "Menus - 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.
Menu bar
Menu bar, menu bar,
Menu bar menu
Menu bar menu, menu bar menu,
Menu bar menu - selected
Menu bar menu - selected, menu bar menu,
Apple menu
Apple menu, menu item, Apple menu, Apple icon, Mac OS icon,
Apple menu - selected
Apple menu - selected, menu item, Apple menu, Apple icon, Mac OS icon,
General menu
General menu, general menu, drop-down menu,
Dock menu
Dock menu, dock menu,
Menu item
Menu item, menu item,
Menu item - selected
Menu item - selected, menu item,
Menu item - disabled
Menu item - disabled, menu item,
Divider
Divider, divider,
AirPlay
AirPlay, AirPlay icon,
Time Machine
Time Machine, Time Machine icon,
Bluetooth
Bluetooth, bluetooth icon,
AirPort
AirPort, AirPort icon,
Eject
Eject, eject icon,
Sound
Sound, sound,
Battery
Battery, battery,
Battery - charging
Battery - charging, battery,
Power icon
Power icon, power icon, battery,
Spotlight
Spotlight, Spotlight icon,
Notifications
Notifications, Notifications icon,
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,
The vector stencils library "Yosemite Apps" contains 20 OS X Yosemite user interface (UI) app icons.
Use these software application shortcuts to design graphic user interface (GUI) of your app for Mac OS X 10.10.
"Make a great first impression with a beautiful app icon. Your app icon is the first experience users have with your app, and it can have a marked effect on their expectations. Think of your app icon as your calling card, and spend the resources necessary to ensure that it makes the right impression on users. Decide whether your app is best represented by a realistic or graphic style icon." [developer.apple.com/ library/ mac/ documentation/ UserExperience/ Conceptual/ OSXHIGuidelines/ IconsGraphics.html#/ / apple_ ref/ doc/ uid/ 20000957-CH14-SW1]
The app icons example "Design elements - Yosemite Apps" 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.
App icons
App icons, trash icon, icon notification, iTunes icon, iBooks icon, folder icon, dock bar, Time Machine icon, System Preferences icon, Safari icon, Reminders icon, Notes icon, Messages icon, Maps icon, Launchpad icon, Game Center icon, Finder icon, Facetime icon, Contacts icon, Calendar icon, App Store icon,

ui patterns, Windows 10 ui design patterns, user interface design examples, gui software, Windows 10 ui prototyping Windows 10 User Interface

ui patterns, Windows 10 ui design patterns, user interface design examples, gui software, Windows 10 ui prototyping
Windows 10 User Interface solution extends significantly ConceptDraw DIAGRAM functionality with look-and-feel functions of GUI software and makes it a great assistant for Win10 designers, developers, and software engineers. This solution provides a wide s

ConceptDraw Solution Park ConceptDraw Solution Park

ConceptDraw Solution Park
ConceptDraw Solution Park collects graphic extensions, examples and learning materials

ERD Symbols and Meanings

Entity Relationship Diagram (ERD) is a popular software engineering tool for database modeling and illustration the logical structure of databases, which uses one of two notations - Chen's or Crow’s Foot. Crow's foot notation is effective when used in software engineering, information engineering, structured systems analysis and design. Each of these notations applies its own set of ERD symbols. Crow's foot diagrams use boxes to represent entities and lines between these boxes to show relationships. Varied shapes at the ends of lines depict the cardinality of a given relationship. Chen's ERD notation is more detailed way to represent entities and relationships. ConceptDraw DIAGRAM application enhanced with all-inclusive Entity-Relationship Diagram (ERD) solution allows design professional ER diagrams with Chen's or Crow’s Foot notation on your choice. It contains the full set of ready-to-use standardized ERD symbols and meanings helpful for quickly drawing, collection of predesigned ERD samples, examples and templates. ConceptDraw Pro is a great alternative to Visio for Mac users as it offers more features and can easily handle the most demanding professional needs.
How to Build an Entity Relationship Diagram (ERD)
How to Build an Entity Relationship Diagram (ERD)
The example "macOS Sierra - Apps" shows usage of built-in app icons in Apple macOS operating system user interface (UI) design.
"The apps built into every Mac let you explore the world, connect with people, and work more efficiently. In OS X Yosemite, your apps have a simpler, more elegant look." [apple.com/ osx/ better-apps/ ]
The graphic user interface (GUI) example "macOS Sierra - Apps" was created using the ConceptDraw PRO software extended with the macOS User Interface solution from the Software Development area of ConceptDraw Solution Park.
UI example
UI example, trash, icon notification, iTunes app icon, iMovie app icon, iCloud Drive app icon, iBooks app icon, drawing shapes, dock bar, dashboard app icon, contacts app icon, calendar app icon, activity monitor app icon, Time Machine app icon, System Preferences app icon, System Information app icon, Spotlight app icon, Siri app icon, Safari app icon, Reminders app icon, QuickTime Player app icon, Preview app icon, Photos app icon, Pages app icon, Numbers app icon, Notes app icon, Messages app icon, Maps app icon, Mail app icon, Launchpad app icon, Keynote app icon, GarageBand app icon, Game Center app icon, Finder app icon, FaceTime app icon, Disk Utility app icon, App Store app icon,