您的位置:首页 > 产品设计 > UI/UE

iOS 7 UI Transition Guide - Scope the Project | 研究工程

2013-06-16 23:13 435 查看


Scope the Project

研究工程

Knowing your app’s compatibility requirements and customization characteristics gives you some idea of the path to take. Use the following checklists to fill in more details and to scope the project.

根据你自己的应用的兼容性需求和个性化定制,你可以采取多种方式。使用下面的列表来满足更多的细节来研究这个工程。


Things Every App Must Do

每个应用必须要做的

Update the app icon. In iOS 7, app icons are 120 x 120 pixels (high resolution).

Update the launch image to include the status bar area if it doesn’t already do so.

Support Retina display and iPhone 5 in all your artwork and designs, if you’re not already doing so.

1.更新应用图标。在ios 7里面,应用图标必须是 120*120 像素(高清方案)

2.更新加载图片,default 图片,大小需要包含状态条。

3.在你的设计里,必须支持视网膜屏显示


Things Every App Should Do

Make sure that app content is discernible through translucent UI elements—such as bars and keyboards—and the transparent status bar. In iOS 7, view controllers use full-screen layout (to learn more, see Using
View Controllers).

Redesign custom bar button icons. In iOS 7, bar button icons are lighter in weight and have a different style.

Prepare for borderless buttons by moving away from supplying button background images and by reassessing your layout.

Examine your app for hard-coded UI values—such as sizes and positions—and replace them with those you derive dynamically from system-provided values. Use Auto Layout to help your app respond when layout changes are required. (If you’re new to Auto Layout, learn
about it by readingCocoa
Auto Layout Guide.)

Examine your app for places where the metrics and style changes of UIKit controls and views affect the layout and appearance. For example, switches are wider, grouped tables are no longer inset, and progress views are thinner. For more information on specific
UI elements, see Bars
and Bar Buttons,Controls, Content
Views, and Temporary
Views.

Adopt Dynamic Type. In iOS 7, users can adjust the text size they see in apps. When you adopt Dynamic Type, you get text that responds appropriately to user-specified size changes. For more information, see Using
Fonts.

Make sure your app doesn’t respond inappropriately to the new Control Center gesture or to a navigation contoller’s swipe to go back gesture, especially if you perform custom touch handling.

Revisit the use of drop shadows, gradients, and bezels. Because the iOS 7 aesthetic is smooth and layered—with much less emphasis on using visual effects to make UI elements look physical—you may want to rethink these effects.

If necessary, update your app to best practices for iOS 6—such as Auto Layout and storyboards—and ensure that the app uses no deprecated API.

Now that you have a better idea of the types of things you need to do, learn more about changes in view controllers, tinting, and fonts by reading Layout
and Appearance.

应用应该做的

1. 确保应用的内容是可以通过半透明的元素比如条(BAR)和键盘还有状态条。在ios 7里面,视图控制器是全屏布局的。想要知道知道更多的话,请看:Using
View Controllers

2.重新设计自定义条(工具条,搜索条)上的按钮图标。在ios 7里面,按钮的图标在重量上看起来要轻一点(比如线条上要细腻一些,瘦一点),并且有一个不同(ios 6)的风格。

3.去掉按钮背景图片,重新评估布局,使应用使用无边框的按钮

4.检查你的应用中的UI相关的硬编码,比如字体大小,文字位置,然后用动态的系统提供值来替换它们。使用自动布局来帮助你的应用响应布局的变化需求。(如果你是一个AUTO LAYOUT的新手,从这里学习:Cocoa
Auto Layout Guide.)

5.检查你的应用中因UIKit控件的尺寸、风格变化而影响的布局与展现。比如,switcher( 选择切换器)现在更加宽了,表格分组已经没有内嵌的样式了(grouped),还有进度条视图更加的薄了。如果要知道更多的特殊UI元素,请看: Bars
and Bar Buttons,Controls, Content
Views, and Temporary
Views.

6.采用动态类型。在IOS 7,用户可以他们在应用内的字体。当你选择动态类型,你可以的到用户指定的合适字体。想知道字体的话,看这个:Using
Fonts.

7.确保你的应用不会错误的响应系统导航条上滑动返回手势,特别是你在执行自定义触摸事件处理的时候要注意。

8.重新考虑投影、渐变色、斜面的使用。因为IOS 7的审美是平滑+分层,使用很少的***效果在视觉效果哦上,使UI元素看起来很自然。--------- 你可能需要重新思考这些效果。

9.如果必要,为你应用的IOS6版做最好的体验更新,比如自动布局和storyboards模式,并且确保应用没有使用废弃的API。

现在你已经知道怎么做比较好了吧?要知道更多关于 view Controllers / tinting / fonts 的内容,请看:Layout
and Appearance.


If You Must Continue to Support iOS 6

If you must support both iOS 6 and iOS 7, you can detect which OS version the app is running in and load the appropriate resources. For more information, see Supporting
iOS 6.

如果你必须支持 IOS 6

如果你必须支持IOS 6和 IOS 7,你可以在APP运行时检测OS版本并且加载合适的资源(是建议你加载两套资源?). 更多的详细请看:Supporting
iOS 6.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐