This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.
The example "OS X 10.10 Yosemite home screen" shows usage of menu bar, app icons and wallpapers user interface (UI) design elements.
The Mac graphic user interface (GUI) example "OS X 10.10 Yosemite home screen" 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.
OS X Yosemite UI design
OS X Yosemite UI design, trash icon, text label, sound, menu item, menu bar menu, menu bar, icon notification, iTunes icon, iBooks icon, folder icon, eject icon, dock bar, divider, United States, USA, Spotlight icon, Safari icon, Reminders icon, Notifications icon, Notes icon, Messages icon, Maps icon, Launchpad icon, Finder icon, Facetime icon, Contacts icon, Calendar icon, Apple menu, Apple icon, Mac OS icon, App Store icon, AirPort icon,
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,
The example "OS X 10.10 Yosemite Apps" shows usage of built-in app icons in Apple Mac 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 "OS X 10.10 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.
Mac OS X built-in apps
Mac OS X built-in apps, trash icon, text label, search icon, icon notification, iTunes icon, iBooks icon, dock bar, divider, 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,
The example "OS X 10.10 Yosemite - Apple menu" shows usage of menu elements in design of user interface (UI).
"The Apple menu, which contains frequently used items, is located in the upper-left corner of your screen. To open it, click the Apple icon." [support.apple.com/ kb/ PH3745]
The graphic user interface (GUI) example "OS X 10.10 Yosemite - Apple menu" 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.
Mac OS X Yosemite Apple menu
Mac OS X Yosemite Apple menu, up arrow, trash icon, text label, submenu indicator, sound, menu item, menu bar menu, menu bar, key control, icon notification, iTunes icon, iBooks icon, general menu, drop-down menu, folder icon, eject icon, dock bar, divider, command glyph, check mark black, 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,
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,

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
The example "OS X 10.10 Yosemite - Dock menu" shows usage of menu elements in user interface (UI) design.
"The Dock is located at the bottom of your screen by default. It’s a convenient place to keep items you use frequently. You can add or remove apps and documents, make it larger or smaller, move it to the left or right side of your screen, or even set it to hide when you’re not using it." [support.apple.com/ kb/ PH18912]
The Mac graphic user interface (GUI) example "OS X 10.10 Yosemite - Dock menu" 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.
Mac OS X user interface - Dock menu
Mac OS X user interface - Dock menu, trash icon, sound, menu item, menu bar menu, menu bar, icon notification, iTunes icon, iBooks icon, general menu, drop-down menu, eject icon, dock menu, dock bar, divider, check mark black, United States, USA, Spotlight icon, Safari icon, Reminders icon, Notifications icon, Notes icon, Messages icon, Maps icon, Launchpad icon, Finder icon, Facetime icon, Contacts icon, Calendar icon, Apple menu, Apple icon, Mac OS icon, App Store icon, AirPort icon,

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.

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.
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,
HelpDesk

How to Design a Mockup of Apple OS X UI

Since that first Macintosh, Apple have always developed and used their own hardware specific operating system. The fundamental style and layout of the Mac OS X user interface has remained largely in place since the earliest versions, but there have been obvious aesthetic enhancements, and elements of icon redesign to match branding across devices. To design an effective user interface, graphic designers will create visual GUI prototypes, that focus on maximizing the user experience. Uses Interface prototyping is much convenient when you can work through a diagram similar to the OS X 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 Mac OS X UI solution offers libraries containing the distinct Mac app icons, menu bar graphics, glyph elements and other Mac OS X features — everything necessary to create high standard, professional UI graphic desig
The vector stencils library "Glyph icons" contains 38 glyph and symbol UI icons. Use this glyph 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 "Glyph icons - 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.
Check mark grey
Check mark grey, check mark grey,
Check mark black
Check mark black, check mark black,
Submenu indicator
Submenu indicator, submenu indicator,
Command glyph
Command glyph, command glyph,
Add glyph
Add glyph, add glyph,
Delete glyph
Delete glyph, delete glyph,
Drag vertical glyph
Drag vertical glyph, drag vertical glyph,
Drag horizontal glyph
Drag horizontal glyph, drag horizontal glyph,
Expand corner
Expand corner, expand corner,
Collapse up icon
Collapse up icon, collapse up,
Collapse down icon
Collapse down icon, collapse down,
Settings icon
Settings icon, settings icon,
Chevron
Chevron, chevron,
Up-down arrows
Up-down arrows, arrows,
Divider
Divider, divider,
Up arrow
Up arrow, up arrow,
Delete key
Delete key, delete key,
Key control
Key control, key control,
Search icon
Search icon, search icon,
Search icon 2
Search icon 2, search icon,
All My Files icon
All My Files icon, All my files icon, sidebar icon,
AirDrop icon
AirDrop icon, AirDrop icon, sidebar icon,
iCloud icon
iCloud icon, iCloud icon, sidebar icon,
Applications icon
Applications icon, Applications icon, sidebar icon,
Documents icon
Documents icon, documents icon, sidebar icon,
Downloads icon
Downloads icon, downloads icon, sidebar icon,
Desktop icon
Desktop icon, desktop icon, sidebar icon,
Tag - red
Tag - red, tag,
Tag - orange
Tag - orange, tag,
Tag - yellow
Tag - yellow, tag,
Tag - green
Tag - green, tag,
Tag - blue
Tag - blue, tag,
Tag - purple
Tag - purple, tag,
Tag - gray
Tag - gray, tag,
All tags
All tags, all tags glyph, tag,
Apple icon
Apple icon, Apple icon, Mac OS icon,
Disclosure triangle
Disclosure triangle, disclosure triangle,
Refresh
Refresh, refresh icon,
The vector stencils library "General window elements" contains 31 window elements.
Use this window 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 "General window elements - 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.
Main app window area
Main app window area, main app window area,
Main sidebar
Main sidebar, main sidebar,
Window panel
Window panel, window panel,
General slider
General slider, general slider,
Volume slider
Volume slider, volume slider,
Audio level
Audio level, audio level,
Divider line
Divider line, divider line,
Scroll bar
Scroll bar, scroll bar,
Text label
Text label, text label,
Radio button
Radio button,
Radio button - selected
Radio button - selected,
Check box
Check box, check box,
Check box - selected
Check box - selected, check box,
Stepper control
Stepper control, little arrows, stepper control,
Disclosure button - point down
Disclosure button - point down, disclosure button, expand field button, chevron,
Disclosure button - point up
Disclosure button - point up, disclosure button, collapse field button,
Help button
Help button, help button,
Add / subtract accounts
Add / subtract accounts, add-subtract accounts,
Text field
Text field, text field,
Text field - selected
Text field - selected, text field,
Push button
Push button, push button,
Push button - active
Push button - active, push button,
Pop-up menu
Pop-up menu, pop-up menu,
Group box
Group box, group box,
Image well
Image well, image well,
Left segment button
Left segment button, segmented control,
Center segment button
Center segment button, segmented control,
Right segment button
Right segment button, segmented control,
Left segment button - active
Left segment button - active, segmented control,
Center segment button - active
Center segment button - active, segmented control,
Right segment button - active
Right segment button - active, segmented control,
The vector stencils library "Toolbar control elements" contains 42 toolbar graphical control elements.
Use this tool bar control element 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 "Toolbar control elements - 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.
Drop-down button
Drop-down button, tool bar drop-down button,
Drop-down button - ON press left
Drop-down button - ON press left, tool bar drop-down button,
Drop-down button - ON press right
Drop-down button - ON press right, tool bar drop-down button,
Tool bar button
Tool bar button, tool bar button,
Tool bar button - ON press
Tool bar button - ON press, tool bar button,
Tool bar button - selected
Tool bar button - selected, tool bar button,
Left segment
Left segment, segmented button control,
Left segment - ON press
Left segment - ON press, segmented button control,
Left segment - selected
Left segment - selected, segmented button control,
Middle segment
Middle segment, segmented button control,
Middle segment - ON press
Middle segment - ON press, segmented button control,
Middle segment - selected
Middle segment - selected, segmented button control,
Right segment
Right segment, segmented button control,
Right segment - ON press
Right segment - ON press, segmented button control,
Right segment - selected
Right segment - selected, segmented button control,
Segmented control - 2 buttons
Segmented control - 2 buttons, segmented control, segmented button control,
Segmented control - 3 buttons
Segmented control - 3 buttons, segmented control, segmented button control,
Segmented control - 4 buttons
Segmented control - 4 buttons, segmented control, segmented button control,
Small button toggle
Small button toggle, small button toggle,
Back - Forward button
Back - Forward button, button 4  drop down, back forward button,
List/Icons view control
List/Icons view control, list-icons view,
Arrange button
Arrange button, shape, arrange button, gradient button,
Action menu
Action menu, shape, settings, action menu button,
Downloads button
Downloads button, downloads button, gradient button,
Copy button
Copy button, copy button, gradient button,
Share button
Share button, share button, gradient button,
Edit tags button
Edit tags button, edit tags button, gradient button,
Sidebar button
Sidebar button, sidebar button, gradient button, shape,
Slider element
Slider element, slider element,
Tool bar button 2
Tool bar button 2, tool bar button,
Tool bar button 2 - ON press
Tool bar button 2 - ON press, tool bar button,
Tool bar button 2 - selected
Tool bar button 2 - selected, tool bar button,
Search field
Search field, search field,
Search field - active
Search field - active, search field,
"Stoplights" control
Close button
Close button, action button,
Minimize button
Minimize button, action button,
Maximize button
Maximize button, action button,
Close button - hover
Close button - hover, action button,
Minimize button - hover
Minimize button - hover, action button,
Maximize button - hover
Maximize button - hover, action button,
Action button - inactive
Action button - inactive, action button,