注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

白___传递正能量

欢迎光临!

 
 
 

日志

 
 

iPhone 人机界面设计规范 - 创建自定义图标和图像  

2011-04-25 12:25:49|  分类: 产品 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

启动图像

To enhance the user’s experience at application launch, you should provide a launch image. A launch image looks very similar to the first screen your application displays. iPhone OS displays this image instantly when the user taps your application icon on the Home screen. As soon as it’s ready for use, your application displays its first screen, replacing the launch placeholder image.

为了提高应用程序启动时的用户体验,你应当提供一幅启动图像。启动图像通常与你应用程序要显示的第一屏非常相似。iPhone OS 会在用户在主屏幕上点击你的应用程序图标时立即显示该图像。一旦程序可以使用,你的应用程序将显示其第一屏,替换启动占位图像。

It’s important to emphasize that the reason to supply a launch image is to improve user experience; it is not an opportunity to provide:

有必要强调一下提供启动图像的目的在于提高用户体验。而不是用于提供:

  • An “application entry experience,” such as a splash screen
“应用程序进入体验,如 Splash Screen
  • An About window
关于窗口
  • Branding elements, unless they are a static part of your application’s first screen
品牌宣传元素,除非它们本身就是你应用程序第一屏上的静态部分。

Because users are likely to switch among applications frequently and quickly, you should make every effort to cut launch time to a minimum, and you should design a launch image that downplays the experience rather than drawing attention to it.

由于用户往往会在应用程序之间频繁快速地切换,你应当竭尽全力降低启动时间,而且你设计的启动图像应当能够减轻等待的体验,而不是吸引注意。

To do this, you should design an image in PNG format that:

要实现这一点,你应当以 PNG 格式设计满足下列条件的图像:

  • Measures 320 x 480 pixels. Including the status bar area allows you to display the status bar color you’ve chosen immediately, instead of displaying it after your application has finished starting.
    尺寸为 320 x 480 像素。将状态栏包括在内可使得立即显示你选择的状态栏颜色,而非等应用程序启动完成后才显示。
  • Is identical to the first screen of the application, except for:
    与应用程序的第一屏相同,除了:
    • Text. The launch image is static, so any text you display in it will not be localized.
      文本。启动图像是静态的,所以你要显示的任何文本都不会被文本化。
    • User interface elements that might change. Avoid including elements that might look different when the application finishes launching, so that users don’t experience a flash between the launch image and the first application screen.
      可能变化的用户界面元素。避免包含那些在应用程序启动完成后可能看上去不同的元素,这样用户不会在启动图像和应用程序第一屏之间感到跳跃。

Name your launch image file Default.png and place it at the top level of your application bundle. To learn more about the contents of the application bundle, see iPhone Application Programming Guide.

将启动图像文件命名为 Default.png 并放在你应用程序包的最顶层。要进一步了解关于应用程序包的内容,参见 iPhone Application Programming Guide 中的“The Application Bundle”

If you think that following these guidelines will result in a very plain, boring launch image, you’re right. Remember, the launch image is not meant to provide an opportunity for artistic expression; it is solely intended to enhance the user’s perception of your application as quick to launch and immediately ready for use. The following examples show you how plain a launch image can be.

如果你觉得遵照这些准则做出来的启动图像非常平淡无趣,那就对了。记住,启动图像并不是用作艺术展示的,而只是纯粹用于让用户觉得你的应用程序启动迅速立即就绪。以下是一些启动图像的例子,看看能够无趣到什么程度。

The first example is the launch image for the built-in Settings application, shown in Figure 11-3. The Settings launch image displays only the background of the application, because no other content in the application is guaranteed to be static.

第一个例子是内置的设置应用程序的启动图像,如图 11-3 所示。该设置启动图像仅包含了应用程序的背景,因为应用程序中的其他内容都不是静态的。

Figure 11-3  The launch image for the Settings application
图 11-3 设置应用程序的启动图像

iPhone 人机界面设计规范 - 创建自定义图标和图像 - 白 - SUMP_SUMP_白

Another launch image example comes from the built-in Stocks application, shown in Figure 11-4. Note that the only images included in the launch image are static images, which are always visible in the front view of the Stocks application.

另一个启动图像的例子来自于内置的股票应用程序,如图 11-4 所示。注意启动图像中包含的唯一一幅图像是静态图像,

Figure 11-4  The launch image for the Stocks application
图 11-4 股票应用程序的启动图像

iPhone 人机界面设计规范 - 创建自定义图标和图像 - 白 - SUMP_SUMP_白
 

 

 引自:http://www.uxguide.net/wiki/iphone:Launch-images

  评论这张
 
阅读(1840)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017