Scribd
Upload
49 views152 pages

iOS9界面设计规范剖析及实战 PDF

Uploaded by

swan leo

The document discusses iOS 9 and its user interface (UI) components. It covers the four main components that make up the UIKit framework: bars, content views, controls, and temporary views. It provides examples of different UI elements like tab bars, toolbars, navigation bars, and discusses design specifications for icons on iPhone 6 Plus. In summary, the document outlines the core UI elements in iOS 9, specifications for app icons, and mentions new features like 3D Touch and Siri integration.

Copyright:

© All Rights Reserved
Download as PDF, TXT or read online from Scribd
Download as pdf or txt

iOS9界面设计规范剖析及实战 PDF

Uploaded by

swan leo
49 views152 pages
The document discusses iOS 9 and its user interface (UI) components. It covers the four main components that make up the UIKit framework: bars, content views, controls, and temporary views. It provides examples of different UI elements like tab bars, toolbars, navigation bars, and discusses design specifications for icons on iPhone 6 Plus. In summary, the document outlines the core UI elements in iOS 9, specifications for app icons, and mentions new features like 3D Touch and Siri integration.

Original Title

iOS9界面设计规范剖析及实战.pdf

Copyright

© © All Rights Reserved

Available Formats

PDF, TXT or read online from Scribd

Did you find this document useful?

Is this content inappropriate?

The document discusses iOS 9 and its user interface (UI) components. It covers the four main components that make up the UIKit framework: bars, content views, controls, and temporary views. It provides examples of different UI elements like tab bars, toolbars, navigation bars, and discusses design specifications for icons on iPhone 6 Plus. In summary, the document outlines the core UI elements in iOS 9, specifications for app icons, and mentions new features like 3D Touch and Siri integration.

Copyright:

© All Rights Reserved
Download as PDF, TXT or read online from Scribd
Download as pdf or txt
49 views152 pages

iOS9界面设计规范剖析及实战 PDF

Uploaded by

swan leo
The document discusses iOS 9 and its user interface (UI) components. It covers the four main components that make up the UIKit framework: bars, content views, controls, and temporary views. It provides examples of different UI elements like tab bars, toolbars, navigation bars, and discusses design specifications for icons on iPhone 6 Plus. In summary, the document outlines the core UI elements in iOS 9, specifications for app icons, and mentions new features like 3D Touch and Siri integration.

Copyright:

© All Rights Reserved
Download as PDF, TXT or read online from Scribd
Download as pdf or txt
You are on page 1/ 152

ios9

sezign team

iOS
iOS
Contents

iOS UI
iOS APP

UIKit 4

(Bars)
(Content Views)
(Controls)
(Temporary Views)
iOS APP
iOS APP

UIKit 4

(Bars)
(Content Views)
(Controls)
(Temporary Views)
(Bars)

9:41 AM 100% 9:41 AM 100%

Carrier 9:41 AM 100% Carrier 9:41 AM 100%

Carrier 9:41 AM 100% Carrier 9:41 AM 100%

Carrier 9:41 AM 75% Carrier 9:41 AM 75%

Carrier 9:41 AM 50% Carrier 9:41 AM 50%

Carrier 9:41 AM 20% Carrier 9:41 AM 20%

Carrier 9:41 AM 10% Carrier 9:41 AM 10%

No Service 9:41 AM No Service 9:41 AM

9:41 AM 9:41 AM

Carrier 9:41 AM Carrier 9:41 AM

Carrier LTE 9:41 AM Carrier LTE 9:41 AM

Back to App 9:41 AM Back to App 9:41 AM


iOS APP
iOS APP
iOS APP

APP
Title Title Title Action

Title Title Action Title

Title
Action Title Title Subtitle
Action

Title
Title Subtitle
Cancel Title Done
First Second

First Second Third

First Second Third Fourth

First Second Third Fourth Fifth


Achievements Alarm Albums Albums Artists App Store Audiobooks

Bag Browse Calendar Challenges Connect Contacts Composers

Dashboard Explore Favorites Favorites Featured For You For You

Friends Games Genius Genres Health Data History Home Videos

Import Info Internet Radio Keypad Maps Materials Medical ID

More Movies Music Music Videos My Books My Courses My Podcasts

My Watch News Notes Photos Playlists Podcasts Posts

Products Purchased Radio Recents Rentals Saved Schedule

Search Settings Shared Shared Shared Shop Songs

Sources Stopwatch Stores Timer Tones Top Charts Trends

Turns Videos Workouts Unplayed Updates Voicemail World Clock


First Second

First Second Third

First Second Third Fourth

First Second Third Fourth Fifth


Search Search Cancel

Search
S Cancel

Search Cancel S Cancel


iOS APP

UIKit 4

(Bars)
(Content Views)
(Controls)
(Temporary Views)
Web
iOS APP

UIKit 4

(Bars)
(Content Views)
(Controls)
(Temporary Views)
First Second First Second Third First Second Third Fourth

First Second First Second Third First Second Third Fourth

First Second Third First Second Third Fourth

First Second Third Fourth


Title Title Title

First Second First Second Third First Second Third Fourth


iOS APP

UIKit 4

(Bars)
(Content Views)
(Controls)
(Temporary Views)
Action sheet
Modal View
Modal View
Modal View
pt px
iPhone 6 Plus
App
pt px
iPhone 6 Plus
App
iPhone 6
iPhone 6
pt px
iPhone 6 Plus
App
pt px

pixels PPI

points
Retina 1 pt 2x2

“ ”
3
px pixel
pt: point

1/72
ppi =
dpi =
“px”
pt

Retina 2
Retina HD 3
iPhone 6 Plus
—
iOS

iPhone 6 Plus
Retina HD
@3x

87% 2208 x 1242


1920 x 1080 )
UI
UI
UI

iOS
UI

iOS

iPhone6 Plus iPhone6 Plus


UI

iOS

iPad iPad
UI
UI

UI UI
UI

1.
2.
3. UI
4.
UI
UI

UI
UI
UI
UI

1.
2.
3.
4. UI
5.
UI
iOS

iOS 9
San Francisco
San Francisco : (Text) (Display)

20 (points) 20
(points)
iOS
iOS
iOS
iOS

11 (points)
17
App

https://appicontemplate.com/

www.appicontemplate.com
108

(Tab Bar) (Toolbars)


(Navigation Bar)
Retina

iPhone 6 Plus @3x


iOS @2x
3Dtouch
:
“Flyover
Tour” “Directions to
Here”
UI
iOS
,
~
iOS

You might also like