This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.

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
This example shows iPhone 6 home screen with photo background and app icons.
The sample "iOS 8 / iPhone 6 home screen" 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 home screen with app icons
iPhone home screen with app icons, wifi icon, page control, iTunes Store icon, iPhone 6, bluetooth icon, Weather icon, Videos icon, Settings icon, Reminders icon, Photos icon, Notes icon, Music icon, Messages icon, Maps icon, Mail icon, Camera icon, Calendar icon, App Store icon,
The vector stencils library "Apps icons" contains 24 icons of iOS 8 / iPhone 6 applications: Messages, Calendar, Photos, Camera, Weather, Clock, Maps, Videos, Notes, Reminders, Stocks, Game Center, Newsstand, iTunes Store, App Store, iBooks, Health, Passbook, Settings, Phone, Mail, Music, Safari.
Use it to design iOS 8 apps GUI prototypes and iPhone 6 applications user interface sketches and mockups.
"iOS 8 is the eighth major release of the iOS mobile operating system designed by Apple Inc. as the successor to iOS 7. It was announced at the company's Worldwide Developers Conference (WWDC) 2014 on June 2, 2014 and will be released on September 17, 2014.
A new app named Health and a corresponding framework named HealthKit will be available. Siri will support hands-free activation and music identification using Shazam. Voice and video messages will be automatically deleted unless the user saves them for future reference. Interactive notifications will let the user respond to texts without leaving the app they are currently using." [iOS 8. Wikipedia]
The example "Design elements - Apps icons" 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 8 apps icons
iOS 8 apps icons, iTunes Store icon, iBooks icon, Weather icon, Videos icon, Stocks icon, Settings icon, Safari icon, Reminders icon, Photos icon, Phone icon, Passbook icon, Notes icon, Newsstand icon, Music icon, Messages icon, Maps icon, Mail icon, Health icon, Game Center icon, Clock icon, Camera icon, Calendar icon, App Store icon,
The vector stencils library "App icons" contains 24 icons of iOS 8 / iPhone 6 software applications.
Use it to design iOS 8 apps GUI prototypes and iPhone 6 software applications user interface sketches and mockups.
The icons example "App icons - Vector stencils library" 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.
Messages
Messages, Messages icon,
Calendar
Calendar, Calendar icon,
Photos
Photos, Photos icon,
Camera
Camera, Camera icon,
Weather
Weather, Weather icon,
Clock
Clock, Clock icon,
Maps
Maps, Maps icon,
Videos
Videos, Videos icon,
Notes
Notes, Notes icon,
Reminders
Reminders, Reminders icon,
Stocks
Stocks, Stocks icon,
Game Center
Game Center, Game Center icon,
Newsstand
Newsstand, Newsstand icon,
iTunes Store
iTunes Store, iTunes Store icon,
App Store
App Store, App Store icon,
iBooks
iBooks, iBooks icon,
Health
Health, Health icon,
Passbook
Passbook, Passbook icon,
Passbook (iOS 7)
Passbook (iOS 7), Passbook icon,
Settings
Settings, Settings icon,
Phone
Phone, Phone icon,
Mail
Mail, Mail icon,
Music
Music, Music icon,
Safari
Safari, Safari icon,
This template contains iPhone home screen with app icons.
Use it to design iPhone software applications user interface sketches, mockups and prototypes.
The template "iOS 8 / iPhone 6 home screen" for the ConceptDraw PRO diagramming and vector drawing software is included in the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone home screen with app icons
iPhone home screen with app icons, wifi icon, page control, iTunes Store icon, iPhone 6, iBooks icon, bluetooth icon, Weather icon, Videos icon, Stocks icon, Settings icon, Safari icon, Reminders icon, Photos icon, Passbook icon, Notes icon, Newsstand icon, Music icon, Messages icon, Maps icon, Mail icon, Health icon, Camera icon, Calendar icon, App Store icon,
The vector stencils library "Tab Bar Icons" contains 18 iOS apps GUI elements - tab bar icons: bookmark, contacts, downloads, favorites, featured, history, more, most recent, most viewed, recents, search, top rated, near me, top charts, keypad, voicemail, radio, artists.
Use the library "Tab Bar Icons" to draw tab bar elements for design of iPhone software applications user interface sketches, mockups and prototypes.
The iOS GUI views sample "Design elements - Tab Bar Icons" 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: tab bar icons
iOS GUI views: tab bar icons, tab bar icon,
This example shows iPhone 6 home screen with photo background and app icons.
The sample "iOS 8 / iPhone 6 home screen" 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 home screen with app icons
iPhone home screen with app icons, wifi icon, page control, iTunes Store icon, iPhone 6, bluetooth icon, Weather icon, Videos icon, Settings icon, Reminders icon, Photos icon, Notes icon, Music icon, Messages icon, Maps icon, Mail icon, Camera icon, Calendar icon, App Store icon,

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.
The vector stencils library "iPhone interface" contains 119 design elements for development of graphic user interface (GUI) for iPhone software applications.
"The user interface of iOS is based on the concept of direct manipulation, using multi-touch gestures. Interface control elements consist of sliders, switches, and buttons. Interaction with the OS includes gestures such as swipe, tap, pinch, and reverse pinch, all of which have specific definitions within the context of the iOS operating system and its multi-touch interface. Internal accelerometers are used by some applications to respond to shaking the device (one common result is the undo command) or rotating it in three dimensions (one common result is switching from portrait to landscape mode)." [iOS. Wikipedia]
The example "Design elements - iPhone interface" 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 design elements
iPhone GUI design elements, world clock tab icon, up-down, stepper, trash, timer tab icon, text field, table view, list, table view with header, indexed list, table view row, tab bar, system button, switch, stopwatch tab icon, status bar, sms tab icon, slider, share, selection frame, segmented control, search tab icon, search bar, search, screen, row insert, plus, add, rounded rectangle button, rewind, reply button, remove, refresh, radio button, progress view, pop-up menu, segmented control, pop-up menu button, player, play, pause, page control, page indicator, organize, option button, network activity indicator, navigational control button, navigation toolbar, toolbar, navigation bar, most viewed tab icon, most recent tab icon, more tab icon, modal view, message box, mail tab icon, loupe, label button, keypad, keypad control, keyboard literal button, keyboard label button, keyboard button pressed, keyboard, iPhone case, home screen, history tab icon, forward button, forward, featured tab icon, favorites tab icon, featured, top rated , fastforward, downloads tab icon, display, disclosure indicator, delete button, delete, date and time picker, control button, contacts tab icon, compose, clock, clear, delete badge, choice button, checkmark badge, checkbox, charts tab icon, camera, bookmarks tab icon, bookmarks, badge, backward, back button, alert, alarm tab icon, add button, plus button, add, activity indicator, action sheet, action list, grouped list, table,

What Is User Interface?

What is user interface (UI)? User interface of any information device includes everything designed you can interact - the screen you are looking, the icons you are clicking. ConceptDraw PRO extended with iPhone User Interface Solution is the best diagramming and vector drawing software for designing clear, pleasant and convenient user interfaces. Convenience is the most important moment for users.
The vector stencils library "App icons" contains 24 icons of iOS 8 / iPhone 6 software applications.
Use it to design iOS 8 apps GUI prototypes and iPhone 6 software applications user interface sketches and mockups.
The icons example "App icons - Vector stencils library" 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.
Messages
Messages, Messages icon,
Calendar
Calendar, Calendar icon,
Photos
Photos, Photos icon,
Camera
Camera, Camera icon,
Weather
Weather, Weather icon,
Clock
Clock, Clock icon,
Maps
Maps, Maps icon,
Videos
Videos, Videos icon,
Notes
Notes, Notes icon,
Reminders
Reminders, Reminders icon,
Stocks
Stocks, Stocks icon,
Game Center
Game Center, Game Center icon,
Newsstand
Newsstand, Newsstand icon,
iTunes Store
iTunes Store, iTunes Store icon,
App Store
App Store, App Store icon,
iBooks
iBooks, iBooks icon,
Health
Health, Health icon,
Passbook
Passbook, Passbook icon,
Passbook (iOS 7)
Passbook (iOS 7), Passbook icon,
Settings
Settings, Settings icon,
Phone
Phone, Phone icon,
Mail
Mail, Mail icon,
Music
Music, Music icon,
Safari
Safari, Safari icon,
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,
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,
The vector stencils library "iMessage" contains 8 iMessage GUI elements: keyboards, buttons, microphone icon, message boxes.
Use the library "iMessage" to draw iMessage keyboard, message box and buttons for design of iPhone user interface sketches, mockups and prototypes.
The iOS GUI elements sample "Design elements - iMessage" 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: iMessage
iOS GUI: iMessage, text cursor, microphone icon, message box, keyboard button, iPhone keyboard,
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,