Products Solutions Samples Buy
✕
This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.
HelpDesk

How to Design a Mockup of Apple OS X UI

Yosemite GUI Mock-up
Uses Interface prototyping is much convenient when you can work through a diagram similar to the OS 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 PRO allows you to develop Apple OS X User Interface (UI) prototypes, including even the user interface of Yosemite, the latest release of Apple’s OS X operating system that has introduced some radical OS X UI design changes. Using ConceptDraw PRO you can mock-up OS X UI system so that you can figure out how best to represent user interface (UI) elements for the development of a new OS X Apps.

user interface design examples, gui software, graphical user interface examples, user interface examples Mac OS X User Interface

user interface design examples, gui software, graphical user interface examples, user interface examples
Mac OS User Interface solution extends ConceptDraw PRO gui software with templates, samples and Mac OS user interface design examples, and large quantity of libraries with variety of vector stencils for designing the OS X 10.10 Yosemite user interfaces.

Mac OS User Interface Design Examples

Mac OS User Interface Design Examples
ConceptDraw PRO is a powerful diagramming and vector drawing GUI software. Extended with Mac OS User Interface solution from the Software Development area, ConceptDraw PRO is the best software for designing professional looking user interfaces for new OS X 10.10 Yosemite operating system developed for Macintosh computers. Mac OS User Interface solution offers you large quantity of Mac OS templates, samples and user interface design examples.
The vector stencils library "Mac OS X Lion user interface" contains 52 UI design elements.
Use it for designing Mac OS X Lion graphic user interface (GUI) of software for Apple computers 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.
Title Bar
Title Bar, title bar,
Title Bar Inactive
Title Bar Inactive, title bar,
Window
Window, window,
Window Inactive
Window Inactive, window,
Window Title Bar
Window Title Bar, window,
Window Title Bar (Inactive)
Window Title Bar (Inactive), window,
Full Screen Button
Full Screen Button, full screen button,
Exit Full Screen Button
Exit Full Screen Button, exit full screen button,
Window without Bar
Window without Bar, window,
Window (Narrow Toolbar)
Window (Narrow Toolbar), window,
Window Inactive (Narrow Toolbar)
Window Inactive (Narrow Toolbar), window,
Panel (Hud Window)
Panel (Hud Window), panel,
Panel (Hud Window) (Inactive)
Panel (Hud Window) (Inactive), panel,
Box 1
Box 1, box,
Box 2
Box 2, box,
Field
Field, field,
List View 1
List View 1, list view,
List View 2
List View 2, list view,
Scroll Bar Vertical
Scroll Bar Vertical, scroll bar,
Scroll Bar Horizontal
Scroll Bar Horizontal, scroll bar,
Main Menu
Main Menu, main menu,
Menu Bar
Menu Bar, menu bar,
Menu
Menu, menu,
Vertical Line
Vertical Line,
Horizontal Line
Horizontal Line,
Apple Menu
Apple Menu, Apple menu,
Arrow mark
Arrow mark, arrow,
Combo Box
Combo Box, combo box,
Pop Up Menu
Pop Up Menu, pop up menu,
Text Field
Text Field, text input field,
Count Button
Count Button, count button,
Search Field
Search Field, search field,
Check Box
Check Box, check box,
Check Box
Check Box, check box,
Group of Check Boxes
Group of Check Boxes, group of check boxes,
Radio Button
Radio Button, radio button,
Radio Button
Radio Button, radio button,
Group of Radio Buttons
Group of Radio Buttons, group of radio buttons,
Linear Slider (round thumb)
Linear Slider (round thumb), linear slider,
Linear Slider (directional thumb)
Linear Slider (directional thumb), linear slider,
Circular Slider
Circular Slider, circular slider,
Color Well
Color Well, color well,
Relevance Indicator
Relevance Indicator, relevance indicator,
Rating Indicator
Rating Indicator, rating indicator,
Indeterminate Progress Bar
Indeterminate Progress Bar, progress bar,
Determinate Progress Bar
Determinate Progress Bar, progress bar,
Continuous Capacity Indicator
Continuous Capacity Indicator, capacity indicator,
Discrete Capacity Indicator
Discrete Capacity Indicator, capacity indicator,
Discrete Capacity Indicator (yellow)
Discrete Capacity Indicator (yellow), capacity indicator,
Discrete Capacity Indicator (red)
Discrete Capacity Indicator (red), capacity indicator,
Asynchronous Progress Indicator
Asynchronous Progress Indicator, progress indicator,
Circular Progress Indicator
Circular Progress Indicator, progress indicator,
Used Solutions
Use this template to prototype and design the Mac OS X Lion user interface.
"OS X, whose X is the Roman numeral for 10 and is a prominent part of its brand identity, is built on technologies developed at NeXT between the second half of the 1980s and Apple's purchase of the company in late 1996. The 'X' is also used to emphasize the relatedness between OS X and UNIX. Versions 10.5 "Leopard" running on Intel processors, 10.6 "Snow Leopard", 10.7 "Lion", 10.8 "Mountain Lion", and 10.9 "Mavericks" have obtained UNIX 03 certification. iOS, which runs on the iPhone, iPod Touch, iPad, and the 2nd and 3rd generation Apple TV, shares the Darwin core and many frameworks with OS X. An unnamed variant of v10.4 powered the first generation Apple TV.
Mac OS X 10.7 "Lion" was the first version of OS X to drop support for 32-bit Intel processors and run exclusively on 64-bit Intel CPUs." [OS X. Wikipedia]
The Mac OS X Lion 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.
Mac OS X Lion GUI template
Mac OS X Lion GUI template, window, title bar, text input field, search field, radio button, pop up menu, options button, navigation button, minimize button, help button, disabled button, close button, check box, button, box,
Used Solutions
The vector stencils library "Mac OS X user interface" contains 54 UI design elements.
Use it for designing Mac OS X graphic user interface (GUI) of software for Apple computers 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.
Tool Bar
Tool Bar, tool bar,
Textured Window
Textured Window, window,
Window
Window , window,
Window Header
Window Header, window header,
Window
Window, window,
Panel
Panel, panel,
Panel (Hud Window)
Panel (Hud Window), panel,
Tool Bar (Inactive)
Tool Bar (Inactive), tool bar,
Textured Window (Inactive)
Textured Window (Inactive), window,
Window (Inactive)
Window (Inactive),
Window Header (Inactive)
Window Header (Inactive), window header,
Panel (Inactive)
Panel (Inactive), panel,
Panel (Hud Window) (Inactive)
Panel (Hud Window) (Inactive), panel,
Box 1
Box 1, box,
Box 2
Box 2, box,
Tree
Tree, tree,
Tree
Tree, tree,
Vertical Scroll 1
Vertical Scroll 1, vertical scroll,
Vertical Scroll 2
Vertical Scroll 2, vertical scroll,
Horizontal Scroll 1
Horizontal Scroll 1, horizontal scroll,
Horizontal Scroll 2
Horizontal Scroll 2, horizontal scroll,
Main Menu
Main Menu, main menu,
Main Menu
Main Menu, main menu,
Drop-down Menu
Drop-down Menu, menu,
Vertical Separator
Vertical Separator,
Horizontal Separator
Horizontal Separator,
Apple
Apple, Apple,
Combo-box
Combo-box, combo-box,
Popup Button
Popup Button, popup button,
Popup Button (Pull Down)
Popup Button (Pull Down), popup button,
Text Field
Text Field, text field,
Searcher
Searcher, searcher,
Check Box
Check Box, check box,
Check Box
Check Box, check box,
Group of Check Boxes
Group of Check Boxes, group of check boxes,
Radio Button
Radio Button, radio button,
Radio Button
Radio Button, radio button,
Group of Radio Buttons
Group of Radio Buttons, group of radio buttons,
Linear Slider
Linear Slider, linear slider,
Linear Slider with tick marks
Linear Slider with tick marks, linear slider, tick marks,
Circular Slider
Circular Slider, circular slider,
Color Well
Color Well, color well,
Relevancy Level Indicator
Relevancy Level Indicator, relevancy level indicator,
Rating Level Indicator
Rating Level Indicator, rating level indicator,
Indeterminate Progress Bar
Indeterminate Progress Bar, indeterminate progress bar,
Non Indeterminate Progress Bar
Non Indeterminate Progress Bar, progress bar,
Continuous Level Indicator
Continuous Level Indicator, level indicator,
Discrete Level Indicator
Discrete Level Indicator, level indicator,
Discrete Level Indicator
Discrete Level Indicator, level indicator,
Discrete Level Indicator
Discrete Level Indicator, level indicator,
Circular Progress Indicator (non indeterminate)
Circular Progress Indicator (non indeterminate), circular progress indicator,
Circular Progress Indicator (indeterminate)
Circular Progress Indicator (indeterminate), circular progress indicator,
Field
Field, field,
Arrow
Arrow, arrow,
Used Solutions

Mac OS GUI Software

Mac OS GUI Software
ConceptDraw PRO diagramming and vector drawing software extended with Mac OS User Interface Solution from the Software Development area is a powerful Mac OS GUI Software
Use this template to prototype and design the Mac OS X user interface 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.
Mac OS X GUI
Mac OS X GUI, window, vertical scroll, group of check boxes, field, button,
Used Solutions
The example "OS X 10.10 Yosemite - Finder window" shows usage of user interface (UI) design elements: window frame, toolbar, menu, app icons, wallpapers.
"The Finder is the default file manager and graphical user interface shell used on all Macintosh operating systems. Described in its "About" window as "The Macintosh Desktop Experience", it is responsible for the launching of other applications, and for the overall user management of files, disks, and network volumes. It was introduced with the first Macintosh computer, and also exists as part of GS/ OS on the Apple IIGS. It was totally rewritten with the release of Mac OS X in 2001. In a tradition dating back to the classic Mac OS of the 1980s and 1990s, the Finder icon is the smiling screen of a computer, known as the Happy Mac logo." [Finder (software). Wikipedia]
The GUI example "OS X 10.10 Yosemite - Finder window" 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.
Finder - Mac OS X file manager and GUI shell
Finder - Mac OS X file manager and GUI shell , window panel, trash icon, tool bar, toolbar, text label, tag, submenu indicator, sound, small button toggle, share button, gradient button, shape, settings, search field, menu item, menu bar menu, menu bar, main sidebar, main app window area, icon notification, iTunes icon, iBooks icon, general menu, drop-down menu, folder icon, eject icon, edit tags button, gradient button, dock bar, divider, check mark black, button 4 drop down, back forward button, arrange button, gradient button, all tags glyph, tag, action menu button, action buttons, stoplights control, action button, United States, USA, Spotlight icon, Safari icon, Reminders icon, Notifications icon, Notes icon, Maps icon, Launchpad icon, Finder icon, Contacts icon, Calendar icon, Apple menu, Apple icon, Mac OS icon, App Store icon, AirPort icon,
Used Solutions
The vector stencils library "Mac OS X buttons and segmented controls" contains 51 shapes of buttons and segmented controls.
Use it for designing Mac OS X graphic user interface (GUI) of software for Apple computers 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.
Button
Button, button,
Button
Button, button,
Gradient Button
Gradient Button, button,
Gradient Button
Gradient Button, button,
Round Rect Button
Round Rect Button, button,
Round Rect Button
Round Rect Button, button,
Round Textured Button
Round Textured Button, button,
Round Textured Button
Round Textured Button, button,
Textured Button
Textured Button, button,
Textured Button
Textured Button, button,
Bevel Button
Bevel Button, button,
Bevel Button
Bevel Button, button,
Square Button
Square Button, button,
Square Button
Square Button, button,
Round Button
Round Button, button,
Round Button
Round Button, button,
Disclosure Triangle
Disclosure Triangle, disclosure triangle,
Help Button
Help Button, help button,
Disclosure Button
Disclosure Button, disclosure button,
Window Buttons
Window Buttons, window buttons,
Window Buttons Gray
Window Buttons Gray, window buttons,
Window Button Gray
Window Button Gray, window button,
Window Button Red
Window Button Red, window button,
Window Button Yellow
Window Button Yellow, window button,
Window Button Green
Window Button Green, window button,
Capsule Left
Capsule Left , capsule,
Capsule Center
Capsule Center, capsule,
Capsule Right
Capsule Right, capsule,
Capsule Left (Selected)
Capsule Left (Selected), capsule,
Capsule Center (Selected)
Capsule Center (Selected), capsule,
Capsule Right (Selected)
Capsule Right (Selected), capsule,
Round Rect Left
Round Rect Left,
Round Rect Center
Round Rect Center,
Round Rect Right
Round Rect Right,
Round Rect Left (Selected)
Round Rect Left (Selected),
Round Rect Center (Selected)
Round Rect Center (Selected),
Round Rect Right (Selected)
Round Rect Right (Selected),
Rounded Left
Rounded Left,
Rounded Center
Rounded Center ,
Rounded Right
Rounded Right,
Rounded Left (Selected)
Rounded Left (Selected),
Rounded Center (Selected)
Rounded Center (Selected),
Rounded Right (Selected)
Rounded Right (Selected),
Textured Left
Textured Left ,
Textured Center
Textured Center,
Textured Right
Textured Right ,
Textured Left (Selected)
Textured Left (Selected),
Textured Center (Selected)
Textured Center (Selected),
Textured Right (Selected)
Textured Right (Selected),
Small Square
Small Square,
Small Square (Selected)
Small Square (Selected),
Used Solutions

GUI development tool, GUI interface prototyping Graphic User Interface

GUI development tool, GUI interface prototyping
Graphic User Interface solution extends ConceptDraw PRO software with templates, samples and libraries of vector stencils for design of the GUI prototypes and diagrams for Windows, Mac OS and iOS software.
The vector stencils library "Mac OS X Lion buttons and segmented controls" contains 52 shapes of buttons and segmented controls.
Use it for designing Mac OS X Lion graphic user interface (GUI) of software for Apple computers 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.
Button
Button, button,
Button
Button, button,
Gradient Button
Gradient Button, button,
Gradient Button
Gradient Button, button,
Round Rect Button
Round Rect Button, button,
Round Rect Button
Round Rect Button, button,
Round Textured Button
Round Textured Button, button,
Round Textured Button
Round Textured Button, button,
Textured Button
Textured Button, button,
Textured Button
Textured Button, button,
Bevel Button
Bevel Button, button,
Bevel Button
Bevel Button, button,
Square Button
Square Button, button,
Square Button
Square Button, button,
Round Button
Round Button, button,
Round Button
Round Button, button,
Help Button
Help Button, help button,
Disclosure Triangle
Disclosure Triangle, disclosure triangle,
Disclosure Button
Disclosure Button, disclosure button,
Disclosure Button
Disclosure Button, disclosure button,
Recessed Button
Recessed Button, recessed button,
Recessed Button
Recessed Button, recessed button,
Traffic Lights
Traffic Lights, traffic lights,
Traffic Lights (disabled)
Traffic Lights (disabled), traffic lights,
Close Button
Close Button, close button,
Minimize Button
Minimize Button, minimize button,
Zoom Button
Zoom Button, zoom button,
Disabled Close, Minimize or Zoom Button
Disabled Close, Minimize or Zoom Button, disabled button,
Textured Rounded Left
Textured Rounded Left,
Textured Rounded Center
Textured Rounded Center,
Textured Rounded Right
Textured Rounded Right,
Textured Rounded Left (Selected)
Textured Rounded Left (Selected),
Textured Rounded Center (Selected)
Textured Rounded Center (Selected),
Textured Rounded Right (Selected)
Textured Rounded Right (Selected),
Rounded Left
Rounded Left,
Rounded Center
Rounded Center,
Rounded Right
Rounded Right,
Rounded Left (Selected)
Rounded Left (Selected),
Rounded Center (Selected)
Rounded Center (Selected),
Rounded Right (Selected)
Rounded Right (Selected),
Round Rect Left
Round Rect Left,
Round Rect Center
Round Rect Center,
Round Rect Right
Round Rect Right,
Round Rect Left (Selected)
Round Rect Left (Selected),
Round Rect Center (Selected)
Round Rect Center (Selected),
Round Rect Right (Selected)
Round Rect Right (Selected),
Small Square
Small Square,
Small Square (Selected)
Small Square (Selected),
Options Button
Options Button, options button,
Count Button
Count Button, count button,
Navigation Button
Navigation Button, navigation button,
Display Mode Buttons
Display Mode Buttons, display mode buttons,
Used Solutions
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,
Used Solutions

UML diagram software, ML diagrams, UML tool, Software Diagram Tool, UML, Software Development, Windows, Mac OS, user interfaces, solution park Software Development

UML diagram software, ML diagrams, UML tool, Software Diagram Tool, UML, Software Development, Windows, Mac OS, user interfaces, solution park
This solution extends ConceptDraw PRO v9.4 and helps to accelerate and simplify software development and design by allowing you to draw UML diagrams and prototype Windows and Mac OS user interfaces.
Download ConceptDraw PRO
Free 21 Trial for Mac and PC
Buy Now