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 "Toolbar and Navigation Bar Buttons" contains 18 iOS apps GUI view elements - toolbar and navigation bar buttons: action, camera, compose, bookmarks, search, add, trash, organize, reply, refresh, play, fast forward, pause, rewind, backward, forward, albums, photos.
Use the library "Toolbar and Navigation Bar Buttons" to draw toolbar and navigation bar elements for design of iPhone software applications user interface sketches, mockups and prototypes.
The iOS GUI view elements sample "Design elements - Toolbar and Navigation Bar Buttons" 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.
iOS GUI views - Toolbar and Navigation Bar Buttons
iOS GUI views - Toolbar and Navigation Bar Buttons, trash icon, search icon, rewind icon, reply icon, refresh icon, play icon, photos icon, pause icon, organize icon, forward icon, fast forward icon, compose icon, camera icon, bookmarks icon, backward icon, albums icon, add icon, action icon,
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

Graphical User Interface

Graphical User Interface
ConceptDraw PRO provides iPhone User Interface Solution from the Software Development Area of ConceptDraw Solution Park for quick and easy drawing professional looking graphical user interfaces. Even if you are not an artist, you will be able easily draw any iPhone graphical user interface using the ready-to-use predesigned vector objects from the offered libraries of iPhone User Interface Solution for ConceptDraw Solution Park.
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.
iPhone case
iPhone case, iPhone case,
iPhone case, horizontal
iPhone case, horizontal, iPhone case,
Display
Display, display,
Screen
Screen, screen,
Home screen
Home screen, home screen,
Keypad control
Keypad control, keypad, keypad control,
Status bar
Status bar, status bar,
Navigation bar
Navigation bar, navigation bar,
Navigation bar with buttons
Navigation bar with buttons, navigation bar,
Navigation bar with controls
Navigation bar with controls, navigation bar,
Navigation bar with controls
Navigation bar with controls, navigation bar,
Navigation bar with buttons, horizontal
Navigation bar with buttons, horizontal, navigation bar,
Navigation bar with controls, horizontal
Navigation bar with controls, horizontal, navigation bar,
Modal view
Modal view, modal view,
Search bar
Search bar, search bar,
Text field 1
Text field 1, text field,
Text field 2
Text field 2, text field,
Text field, varying
Text field, varying, text field,
Table row
Table row, table view row,
Table view row
Table view row, table view row,
Table view (simple list)
Table view (simple list), table view, list,
Table view (with header)
Table view (with header), table view with header, indexed list,
Action list
Action list, action list, grouped list, table,
Control button
Control button, control button,
Navigational control button
Navigational control button, navigational control button,
Add button
Add button, add button, plus button,
Navigation toolbar
Navigation toolbar, navigation toolbar, toolbar,
Tab bar
Tab bar, tab bar,
Action sheet
Action sheet, action sheet,
Choice button
Choice button, choice button,
Rounded rectangle button
Rounded rectangle button, rounded rectangle button,
Keyboard control
Keyboard control, keyboard,
Keyboard literal button
Keyboard literal button, keyboard literal button,
Keyboard button, pressed
Keyboard button, pressed, keyboard button pressed,
Keyboard label button
Keyboard label button, keyboard label button,
Selection frame 1
Selection frame 1, selection frame,
Selection frame 2
Selection frame 2, selection frame,
Loupe
Loupe, loupe,
Message box 1
Message box 1, message box,
Message box 2
Message box 2, message box,
Progress view
Progress view, progress view,
Progress view
Progress view, progress view,
Progress view
Progress view, progress view,
Player control
Player control, player,
Label button
Label button, label button,
Back button
Back button, back button,
Forward button
Forward button, forward button,
Option button
Option button, option button,
Checkbox
Checkbox, checkbox,
Radio button
Radio button, radio button,
Alert
Alert, alert,
Two-button alert
Two-button alert, alert,
Two-button alert (v 3.0)
Two-button alert (v 3.0), alert,
Up-Down control
Up-Down control, up-down, stepper,
Segmented control
Segmented control, segmented control,
Segmented control
Segmented control, segmented control,
Segmented control
Segmented control, segmented control,
Segmented control
Segmented control, segmented control,
Pop-up menu button
Pop-up menu button, pop-up menu button,
Popup menu
Popup menu, pop-up menu, segmented control,
Clock, white
Clock, white, clock,
Clock, black
Clock, black, clock,
Clock application table
Clock application table,
Date and time picker (1/2 parts)
Date and time picker (1/2 parts), date and time picker,
Date and time picker (3 parts)
Date and time picker (3 parts), date and time picker,
Date and time picker (4 parts)
Date and time picker (4 parts), date and time picker,
Date and time picker (v 3.0)
Date and time picker (v 3.0), date and time picker,
Switch control
Switch control, switch,
System button
System button, system button,
Reply button
Reply button, reply button,
Organize button
Organize button, organize,
Remove button
Remove button, remove,
Refresh button
Refresh button, refresh,
Play button
Play button, play,
FastForward button
FastForward button, fastforward,
Pause button
Pause button, pause,
Rewind button
Rewind button, rewind,
Backward icon
Backward icon, backward,
Forward icon
Forward icon, forward,
Share button
Share button, share,
Camera button
Camera button, camera,
Compose button
Compose button, compose,
Bookmarks button
Bookmarks button, bookmarks,
Search button
Search button, search,
Add button
Add button, add,
Trash button
Trash button, trash,
Bookmarks tab icon
Bookmarks tab icon, bookmarks tab icon,
Contacts tab icon
Contacts tab icon, contacts tab icon,
Downloads tab icon
Downloads tab icon, downloads tab icon,
Favorites tab icon
Favorites tab icon, favorites tab icon, featured, top rated ,
Featured tab icon
Featured tab icon, featured tab icon,
History tab icon
History tab icon, history tab icon,
MostRecent tab icon
MostRecent tab icon, most recent tab icon,
MostViewed tab icon
MostViewed tab icon, most viewed tab icon,
Search tab icon
Search tab icon, search tab icon,
More tab icon
More tab icon, more tab icon,
SMS tab icon
SMS tab icon, sms tab icon,
Mail tab icon
Mail tab icon, mail tab icon,
Charts tab icon
Charts tab icon, charts tab icon,
World clock tab icon
World clock tab icon, world clock tab icon,
Alarm tab icon
Alarm tab icon, alarm tab icon,
Stopwatch tab icon
Stopwatch tab icon, stopwatch tab icon,
Timer tab icon
Timer tab icon, timer tab icon,
Badge
Badge, badge,
Delete button control
Delete button control , delete,
Checkmark
Checkmark, checkmark badge,
Delete button
Delete button, delete button,
Insert
Insert, row insert, plus, add,
Disclosure indicator
Disclosure indicator, disclosure indicator,
Clear button
Clear button, clear, delete badge,
Bookmarks badge
Bookmarks badge, bookmarks,
Badge with varying width 1
Badge with varying width 1, badge,
Badge with varying width 2
Badge with varying width 2, badge,
Badge with varying width 3
Badge with varying width 3,
Activity indicator
Activity indicator, activity indicator,
Network activity indicator
Network activity indicator, network activity indicator,
Page control
Page control, page control, page indicator,
Search badge
Search badge, search,
Slider
Slider, slider,
Used Solutions

GUI Interface

GUI Interface
What is the ideal GUI interface? The interface of mobile device it's all that users see on it and can interact - screen, bars, icons of applications. So the interface is the first that draws the user's attention. The main goal of software engineers, GUI interface designers, and GUI developers is to make the interface first of all easy for perception and understanding, convenient and attractive for the users. The iPhone's GUI interface meets all these requirements.
The vector stencils library "Bars" contains 16 iOS apps GUI views: menu bar, navigation bar, search bar, status bar, tab bar, toolbar, wifi icon, bluetooth icon, power icon, plus button, back button.
Use the library "Bars" to draw bar views in your design of iPhone software applications user interface sketches, mockups and prototypes.
The iOS GUI views sample "Design elements - Bars" 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.
iOS GUI views: Bars
iOS GUI views: Bars, wifi icon, toolbar, tab bar, search bar, power icon, battery, plus, add, navigation bar, menu bar, navigation bar, bluetooth icon, back button,
Used Solutions

Wireframing

Wireframing
Website wireframe is a detailed view of design or its skeleton. It shows all the important elements of the final website, the main groups of contents, information structure, describes the user's interaction with interface and its estimated visualisation. ConceptDraw PRO extended with Website Wireframe solution from the Software Development area is the best wireframing software. Using the wireframe tools, libraries of vector objects, template and examples which offers a Website Wireframe solution, you will easily design the websites wireframes of any complexity.

iPhone Programming

iPhone Programming
Information technologies rapidly develope in the modern world. The popularity of electronic and mobile devices is growing every day and entails the need for the new applications. Now the quantity of applications is incredibly large and every day increases, and thus the programming for mobile devices, and particularly the iPhone programming, is increasingly demanded. iPhones are ones of the most worldwide popular smartphones developed by Apple Inc.

How To Draw an iPhone?

How To Draw an iPhone
How To Draw an iPhone? It's very fast and easy to draw an iPhone and design iPhone user interface using the tools of ConceptDraw PRO extended with iPhone User Interface Solution. iPhone User Interface Solution offers you the incredibly large quantity of predesigned objects that are grouped to 9 libraries: Apps Icons, Bars, Content Views, Controls, iMessage, iPhone 6 Mockup, Tab Bar Icons, Temporary Views, Toolbar and Navigation Bar Buttons.

UI Patterns

UI Patterns
The most convenient, useful and right way for software engineers, UI designers, UI developers is to use UI patterns in the process of developing any application for computer devices. The User Interface (UI) patterns are standardized solutions for common design problems.
"The interface is based around the home screen, a graphical list of available applications. iPhone applications normally run one at a time. Starting with the iPhone 4, a primitive version of multitasking came into play. Users could double click the home button to select recently opened. However, the apps never ran in the background. Starting with iOS 7, though, apps can truly multitask, and each open application runs in the background when not in use, although most functionality is still available when making a call or listening to music. The home screen can be accessed at any time by a hardware button below the screen, closing the open application in the process.
By default, the Home screen contains the following icons: Messages (SMS and MMS messaging), Calendar, Photos, Camera, YouTube, Stocks, Maps (Google Maps), Weather, Voice Memos, Notes, Clock, Calculator, Settings, iTunes (store), App Store, (on the iPhone 3GS and iPhone 4) Compass, FaceTime and GameCenter were added in iOS 4.0 and 4.1 respectively. In iOS 5, Reminders and Newsstand were added, as well as the iPod application split into separate Music and Videos applications. iOS 6 added Passbook as well as an updated version of Maps that relies on data provided by TomTom as well as other sources. iOS 6 also added a Clock application onto the iPad's homescreen. However, it also no longer support YouTube. Docked at the base of the screen, four icons for Phone, Mail, Safari (Internet), and Music delineate the iPhone's main purposes. On January 15, 2008, Apple released software update 1.1.3, allowing users to create "Web Clips", home screen icons that resemble apps that open a user-defined page in Safari. After the update, iPhone users can rearrange and place icons on up to nine other adjacent home screens, accessed by a horizontal swipe." [iPhone. Wikipedia]
The example "iPhone OS (iOS) graphic user interface (GUI) - Alarm setting" 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
iPhone GUI, switch control, status bar, screen, navigation bar, iPhone, grouped list, list, date and time picker, control button,
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
This Android 5 UI design example shows Gmail screen of Google Nexus 6 smartphone.
The user interface design example "Android 5.0 - Gmail" 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.
Gmail screen
Gmail screen, status bar, signal wifi statusbar 3 bar, status bar icon, signal cellular 2 bar, send icon, navigation bar, menu icon, keyboard, full-width text field, character counter, full-width text field, closed contact chip, chevron right icon, battery, backspace, arrow back icon, app bar, Nexus 6,
Used Solutions
This UI design example shows common icons of Android applications on the App Drawer screen of Google Nexus 6 smartphone.
The user interface design example "Android 5.0 - App drawer" 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.
App Drawer UI
App Drawer UI, vibration icon, status bar, signal wifi 4 bar icon, signal cellular 3 bar icon, page control, navigation bar, file upload icon, dimmed background, cards, bluetooth icon, battery 80 icon, app icon text label, Settings Google icon, Nexus 6, Maps icon, Keep icon, Hangouts icon, Google plus icon, Google icon , Gmail icon, Fit icon, Email icon, Earth icon, Drive icon, Downloads icon, Docs icon, Contacts icon, Clock icon, Chrome icon, Camera icon, Calendar icon, Calculator icon, Browser icon, Android wallpapers,
Used Solutions