它完全颠覆了苹果的设计风格——iOS 7开发者版使用体验

标签: 苹果 iOS 前沿 WWDC | 发表时间:2013-06-11 03:52 | 作者:Ronghui
分享到:
出处:http://www.pingwest.com

今天我们根据WWDC大会上的Keynote总结了苹果iOS 7的设计和功能。下午我的朋友刷了iOS 7开发者预览版,我用他的手机体验了iOS 7的全新设计。你知道,看Keynote和自己亲手体验的差别是很大的。

87642931

总体的感受是:整个屏幕变得清爽很多,手机的界面也显得更加灵活,图标和字体变大,过去需要滑动的长方形横条(例如打开Wifi)全部都变成圆形按钮,看起来是滑动,其实只要按一下就可以了。

只不过,这个系统仍然有些不稳定,比如程序之间切换频繁会出现死机的情况。

让我们从一些基础的应用和细节体验这个全新的系统。

1 解锁界面

jiesuo

首先要解释清楚,不是向上滑动解锁。iOS 7的确去掉了从左到右滑动的解锁横条,但是并不像视频中演示的那样看起来是向上解锁,依然是从左向右滑动,只不过是你从屏幕的任何位置滑动都能解锁。

那么向上滑动是什么?

和iOS 6很像,在锁定屏幕的右下角有个照相机的图标,按住图标向上滑动会直接进入照相功能。

但除了这个位置,向上滑动什么也做不了。

 

2 主菜单、应用程序之间的交互

zhuyeian

图标出现的方式变了,过去iOS 6是先中间后两边集中出现图标,iOS 7也是屏幕中间的图标先出现,不同的是他们看起来像是从中间一个个出现在屏幕上的。第二排中间两个图标的图标会先出现,我觉得这是因为这里是个人视线的第一落点。

进入程序——返回的交互

和iOS 6所有图标都是从屏幕中间打开的视觉效果不同,iOS 7是根据不同应用的位置打开,比如一个应用在屏幕的左下角,那你打开它的时候是应用向右上角扩大的效果,返回则是向图标所在的位置收缩。

文件夹显示

过去如果你把几个应用放在一起,背景会出现一个灰黑格纹底的文件夹,如果你点开,它会在这个文件夹的下面呈现你放进去的应用。

iOS 7的不同之处在于,首先这个灰黑格纹底变成了灰白色,如果你点开一个文件夹,整个屏幕会切换到这个文件夹里,在屏幕正中间会有一个圆角矩形,底色是从刚才的灰白色变浅并有磨砂效果。如果你想返回,还是像以前一样点击这个圆角矩形以外的地方就可以了。

 

3 日历、时间、天气、地图、短信、相机等基本应用的交互

4196_130611040949_1

日历:支持左右滑动的手势操作,底部变成Today、Calendars和Inbox三个按钮,和过去的显示方法完全不同。支持文件夹多页显示,有个红底的图标提示这是今天。点进去会先进入本月的日历,过去如果今天有安排会在数字下面打点做标记,现在完全没有了。说实话,看上去干净了很多。

继续点击红底图标会进入今天的时间线,去掉了虚线和和每个小时的am、pm后缀,当时间走到哪里,红色的标记线会自动显示am、pm。

另外值得一提的是,过去在日历中搜索会需要进入“List”这一栏才行,现在在右上角加入搜索图标,和“添加”图标放在一起。

过去你只能看到邀请,现在右下角的Inbox包括“新的邀请”和“已回复”两类。

n_49zg5oj_ks

时间:底部“World Clock”、“Alarm”、“Stopwatch”、“Timer”四栏不变。

不同的是在World Clock一栏中,时钟被移到右边,不同地区的时间会显示它和你所在地区的时间差。

Alarm一栏,字体变大,打开、关闭按钮不再是向右滑动打开、向左滑动关闭,而是白色的按钮,点击直接打开。

“Stopwatch”、“Timer”中,“Start”这样的横条全部换成圆形的按钮。

tianqi

天气:除了发布会上可以看到的视频和图片,有趣的是你可以用双手选择放大或缩小,缩小的时候会集中显示所有你添加的地区的天气。在每个条目上向左滑动可以直接删除。

地图:与iOS 6地图的不同之处只有,增加AirDrop,并把右下角的卷动页内的选项重新排列。

还有,蓝色的水滴图标,变成了白+蓝的圆形图标。

当你在屏幕上放大某个位置时,左上角会自动出现你放大的距离,点击屏幕会自动进入全屏模式。

短信

短信:过去的气泡对话框之间的距离被缩小,对话框被放大。支持手势。

气泡对话框大小调整后看起来会有些不习惯,有一个有趣之处是对话框的颜色会根据时间变化,比如打开一个对话,最近发生的对话颜色比早前的对话框颜色深,如果你上拉查看过去的对话,停留的位置,对话框颜色会自动变深。

87643018

拍照:进入相机,会出现四种模式:Video、Photo、Square、Pano。

前两种不用过多介绍,和过去一样,只不过iOS 6的拍照按钮上的相机图片被拿掉了,油表的从拍照滑动到视频也被放到了按钮的上面,并变成上述四种模式。

和iOS 6不同的是,拍照时会默认出现九宫格线框。拍照按钮的左边依然是相册、右边变成了红、蓝、绿的圆形交叉图。当你切换到Square模式上的时候会出现九种拍照模式,也就是,滤镜。

Pano是全景拍照。你可以从Square中选择一种滤镜再用全景拍照。

 

4 任务管理器

89366D86-3C1E-4054-BC63-3AAE2B802833

无论是在主屏幕还是在任何一个程序里,向上滑动都会打开任务管理器。

两次按Home键会打开后台,这里和WebOS的卡片式管理完全一样,第一页是你的主屏幕第一页,后面是打开的每个程序卡片,滑动选择你想打开的程序,向上滑动就是关闭某个程序。

 

5 通知中心

被分成三栏:Today、All、Missed

Today按照Calendar等应用的内容排列;

All是所有的应用程序的通知;

Missed是还没看到的通知。

 

6 关于AirDrop

它被整合到许多地方,打开Wifi或蓝牙可以通过短信、邮件、Twitter、Facebook、新浪微博、腾讯微博分享。

也可以添加书签。

 

7 关于Safari的全屏显示和动态效果

safari

点开Safari,去掉了搜索框。向上滑动就会自动进入全屏模式,标签页从纵列变成横向Bookmarks、Shared Links、Reading List三栏。

最与众不同的就是早上Keynote演示的那样,打开新页面的时候是纵列卡片式(不再限制8个页面)排列并显示同一个iCloud账号下iPad和Mac的浏览记录。

至于电量,我在使用朋友的iPhone 5 两个小时里,电量从80%减少到50%。并没有觉得续航时间改善了太多。

(由于截图会涉及个人隐私,所有图片来自网络)

相关 [完全 苹果 设计] 推荐:

它完全颠覆了苹果的设计风格——iOS 7开发者版使用体验

- - PingWest
今天我们根据WWDC大会上的Keynote总结了苹果iOS 7的设计和功能. 下午我的朋友刷了iOS 7开发者预览版,我用他的手机体验了iOS 7的全新设计. 你知道,看Keynote和自己亲手体验的差别是很大的. 总体的感受是:整个屏幕变得清爽很多,手机的界面也显得更加灵活,图标和字体变大,过去需要滑动的长方形横条(例如打开Wifi)全部都变成圆形按钮,看起来是滑动,其实只要按一下就可以了.

苹果iPad视觉设计分析

- 小猪 - 月光博客
  大部分的用户都并非对体验与设计有深入研究,而是从“看着舒服、用着好用”的角度来衡量一款产品,据笔者观察一些网页设计与数码设计,发现两者之间有着异曲同工之妙,他们对用户的研究、设计发展趋势几乎是共通的,例如苹果著名的COVERFLOW,和网站设计首页焦点图展示的效果. 因此,我们常提的CROSSOVER思维可以用上了,互联网与传统数码的视觉设计与交互体验可互为灵感参考.

苹果推医疗应用ResearchKit:完全开源

- - ITeye资讯频道
网易科技讯 3月10日凌晨消息,苹果今天在美国举行了主题为“Spring Forward”的特别产品发布会. 会上苹果健康应用主管Jeff William介绍了专为医学研究打造的软件基础架构Health Kit应用. 据了解,目前超过900个基于HealthKit打造的app,正在帮助人们追踪并管理健康事宜.

专访苹果首席设计师 Ive: 苹果的简单不是简单

- - 所有文章 - UCD大社区
苹果首席设计师Jonathan Ive昨天接受了英国  Telegraph 的访问,叙述了他与苹果公司,他与苹果产品的一段不解之缘. Ive 从1992年进入苹果加利佛尼亚工作,1997年开始正式负责苹果设计,iPod, iPhone, iPad 都出自他和他的团队之手. 1.苹果的设计流淌着英国的血液.

超赞!设计师完全自学指南

- - 优设(UISDC)
本文译自国外高质量问答社区Quora,原文作者 Karen X. Cheng,原是微软Excel的项目经理,后通过自学转型成为设计师. 她讲述的自学过程详实细致且条理有序,读完会发现与想象中的大不一样,对于想自学设计但迷茫不知道从何入手的童鞋来说,可以遵循她的步骤去学习,除了规划得当,还能对设计有一个全局的了解 : ).

前后端完全分离之API设计

- - ITeye资讯频道
API就是开发者使用的界面. 我的目标不仅是能用,而且好用, 跨平台(PC, Android, IOS, etc…)使用:本文将详细介绍API的设计及异常处理,并将异常信息进行封装友好地反馈给前端. 上篇文章前后端完全分离初探只是讲了些宽泛的概念,接下来的文章将直接上干货,干货的源码会挂在github上.

苹果的iCloud图标基于黄金比例设计

- xbin999 - 36氪
从毕达哥拉斯到达伦阿罗诺夫斯盖,黄金比例已经有非常久远的历史,去年9月Twitter推出新版时,我们曾报道过新版页面是基于黄金比例设计,而这次苹果在WWDC上推出的云服务iCloud的图标,日本的一个设计师发现,也是基于黄金比例设计. 原始的很有金属感的看起来像云一样的图标,其实是由4个圆圈组成的:.

『设计』把苹果设备都架起来!

- 牛牛大人 - 爱范儿 · Beats of Bits
如果你有超过 2 个以上苹果设备,经常可能遇到设备摆得乱七八糟,一堆数据线纠缠在一起的状况,非常不方便. 19 岁的 Andrew Kim 是洛杉矶美国艺术中心设计学院的学生,他的巧思妙想会解决这个问题. 在“两周快速项目”中,他设计了这款名为“polyply”的产品. 这款支架可以容纳一个 iPad、一个 iPod Classic、一部 iPhone 4 和一支笔.

苹果iPod设计及商业操作内幕

- Calvin998 - 《程序员》杂志官网
文 / Bill Buxton. 1996年12月20日,苹果公司宣布准备收购NeXT公司,1997年2月4日以四亿两千七百万美元的收购价格成交. 此次收购,苹果公司至少有两项获益,首先他们获得了能为下一代操作系统提供帮助的技术,其次苹果公司获得了NeXT公司的创始人之一史蒂夫·乔布斯. 当时苹果公司正处于困境,市场份额不断下降,股票价格处于12年来最低谷,已经到了危急关头.