加入收藏 | 设为首页 | 会员中心 | 我要投稿 佛山站长网 (https://www.0757zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

iOS7设计指南:轻松上手

发布时间:2013-10-15 20:07:12 所属栏目:教程 来源:站长网
导读:苹果的新iOS我们已经上手好几周了,准备好为它而设计吗?如果你已经有一个运行于此平台的APP,你可能打算为新iOS而设计,或者在旧版上做一些必要调整不论哪种,你都希望为

分层创造层次感

Build Depth Using Layers

Take Care with Your Icon

苹果给设计师们的最后一项工具,是一种在iOS7中创建和操纵层次感的方式。早期版本中,层次感通过拟物化效果来实现。iOS7中,层次感是分层的产物

以主屏幕作为例子。打开一个文件夹。它停留在屏幕中央,并没有占据全部空间

这层也包含了半透明效果。从你设备的底部滑出菜单。你的视线能够穿透它。你屏幕上的颜色和主风格就在那里,只不过带上了半透明的模糊效果(除非你在设置中选择了“增加对比度”选项)。通知中心、Siri、甚至主界面上的通话按钮处都一样

想想如何将这些效果用在你的APP设计中。对你选择的配色方案和基调有影响吗?制作按钮、图标和提示时它能起到作用吗?

如何创造出适当的模糊效果?在Adobe Photoshop中,10像素的高斯模糊大致可行

精心处理你的图标

Take Care with Your Icon

设计APP图标和APP本身一样重要。它同样需要遵循苹果的iOS7设计准则

外形都很相似,但它有些新的特征,包括一套为图标本身的设计制订的特殊栅格系统

Pixelresort的Michael Flarup制作了一个非常棒的图标模板,迅速创建苹果标准图标变得信手拈来

谨记

为iOS7而设计时(全新设计或重新设计),苹果也有三条准则需要牢记

新APP需要遵循Appstore的这些规则

记得为现有APP更新图标以匹配新界面。规格:iPhone版120×120像素,iPad版152像素 启动图要包含状态栏区域 所有设计都要支持视网膜屏和iPhone5

结论

现在我们已经看过了为iOS7设计所需要准备的东西,可以着手开始了

如果你需要更多设计准则的说明,苹果为设计师和开发者提供了过渡指南和文档,来解释他们团队的设计理念

来源:http://article.yeeyan.org/view/418335/381994

(编辑:佛山站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读