0
13年7月8⽇日星期⼀一
As you continue to explore,
you begin to discern the main themes of iOS 7
01. Deference
02. Clarity
03. Depth
13年7月8⽇日星期⼀一
01. Standard
02. Custom
03. Hybrid
Think of app customization as being divided
into the following three types
13年7月8⽇日星期⼀一
Using Fonts
Bars & Bar Buttons
Navigation Bar iOS 7 iOS 6
13年7月8⽇日星期⼀一
Note: A scope bar can’t appear by itself; it must be attached to a search bar.
Search Bar and
Scope Bar
iOS 7 iOS 6
Tab iO...
Bar Button iOS 7 iOS 6
Activity
13年7月8⽇日星期⼀一
Scroll View iOS 7 iOS 6
Table View iOS 7 iOS 6
13年7月8⽇日星期⼀一
Table - view elements also have a different appearance in iOS 7
13年7月8⽇日星期⼀一
Bar Button
iOS 7 iOS 6
13年7月8⽇日星期⼀一
iOS 7 iOS 6
13年7月8⽇日星期⼀一
Note: IniOS7,UIButtonTypeRoundedRect has been
redefined as UIButtonTypeSystem. An app that uses a
rounded rectangle button ...
iOS 7 iOS 6
13年7月8⽇日星期⼀一
Note: When a temporary view appears, iOS 7 automatically dims
the color of the standard views behind it. You may need to a...
iOS 7 iOS 6
13年7月8⽇日星期⼀一
01. Navigation elements are translucent
02. Buttons have lost their borders
03. Type has gone dynamic
04. More of the scre...
iOS 7 App Redesigns
13年7月8⽇日星期⼀一
Not Only Flat - Creative
13年7月8⽇日星期⼀一
Not Only Flat - Try to Change
13年7月8⽇日星期⼀一
Link
http://www.slideshare.net/evgenybelyaev16/transition-guide
http://www.realmacsoftware.com/clear
http://cookbook.org/e...
Upcoming SlideShare
Loading in...5
×

iOS 7 UI tips

1,657

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,657
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
94
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "iOS 7 UI tips"

  1. 1. 13年7月8⽇日星期⼀一
  2. 2. As you continue to explore, you begin to discern the main themes of iOS 7 01. Deference 02. Clarity 03. Depth 13年7月8⽇日星期⼀一
  3. 3. 01. Standard 02. Custom 03. Hybrid Think of app customization as being divided into the following three types 13年7月8⽇日星期⼀一
  4. 4. Using Fonts Bars & Bar Buttons Navigation Bar iOS 7 iOS 6 13年7月8⽇日星期⼀一
  5. 5. Note: A scope bar can’t appear by itself; it must be attached to a search bar. Search Bar and Scope Bar iOS 7 iOS 6 Tab iOS 7 iOS 6 Toolbar iOS 7 iOS 6 13年7月8⽇日星期⼀一
  6. 6. Bar Button iOS 7 iOS 6 Activity 13年7月8⽇日星期⼀一
  7. 7. Scroll View iOS 7 iOS 6 Table View iOS 7 iOS 6 13年7月8⽇日星期⼀一
  8. 8. Table - view elements also have a different appearance in iOS 7 13年7月8⽇日星期⼀一
  9. 9. Bar Button iOS 7 iOS 6 13年7月8⽇日星期⼀一
  10. 10. iOS 7 iOS 6 13年7月8⽇日星期⼀一
  11. 11. Note: IniOS7,UIButtonTypeRoundedRect has been redefined as UIButtonTypeSystem. An app that uses a rounded rectangle button in iOS 6 automatically gets the system button appearance when it links against iOS 7. iOS 7 iOS 6 13年7月8⽇日星期⼀一
  12. 12. iOS 7 iOS 6 13年7月8⽇日星期⼀一
  13. 13. Note: When a temporary view appears, iOS 7 automatically dims the color of the standard views behind it. You may need to adjust your code to handle this color change in custom views; to learn more, see “Using Tint Color” (page 18). iOS 7 iOS 6 13年7月8⽇日星期⼀一
  14. 14. iOS 7 iOS 6 13年7月8⽇日星期⼀一
  15. 15. 01. Navigation elements are translucent 02. Buttons have lost their borders 03. Type has gone dynamic 04. More of the screen is available 05. Hierarchy is conveyed through depth 06. There's lots of white space available 07. Apple's laid out 3 key design principles 08. Apps must be redesigned from scratch 09. Skeuomorphism is a no-no 10. Splash screens are out 10 Features About iOS 7 13年7月8⽇日星期⼀一
  16. 16. iOS 7 App Redesigns 13年7月8⽇日星期⼀一
  17. 17. Not Only Flat - Creative 13年7月8⽇日星期⼀一
  18. 18. Not Only Flat - Try to Change 13年7月8⽇日星期⼀一
  19. 19. Link http://www.slideshare.net/evgenybelyaev16/transition-guide http://www.realmacsoftware.com/clear http://cookbook.org/en/ http://ios7redesigns.tumblr.com/ http://www.creativebloq.com/apple/designers-need-know-ios7-6133221 http://www.slideshare.net/evgenybelyaev16/mobile-hig-22784587? from_search=2 http://www.slideshare.net/stephenloveyou/ios-7-vs-ios-6?from_search=11 13年7月8⽇日星期⼀一
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×