Apple Watch界面设计规范(6) - 布局

设计师眼中的Apple Watch：交互新颖，仍有改进空间Apple Watch 我已经上手有一阵了，但我的使用体验跟很多科技圈同行都不太一样——我没有手表的母舰，配备 iOS 8.3 的 iPhone。

我手头有一部无法和Apple Watch 进行通信的 4s，还有一部 iOS 8.1.2 的越狱 iPhone 6。

初拿到表，我以为即使没有 iPhone，手表也可以独立运行，至少可以当一块电子表看时间记步数。

可结果让我大吃一惊，这块 Apple Watch 是必须配合 iPhone 使用的。

如果手头没有一部适配的手机，这块表只能做饰品。

我不愿为 Apple Watch 放弃越狱，后来想了一个解决方法，先用同事的手机登录我的 iCloud、iMessage 等一通帐号，然后设置手表，再尽数注销。

这番折腾之后手表能用了，但是很遗憾这块手表只能与同事的这台手机绑定，帐号之类的还没发现有什么用武之地。

硬件方面，这块手表几乎没有挑剔的地方，表冠的阻尼恰到好处，橡胶表带的手感出奇温润，推送通知时轻轻一震，就像朋友在自己手腕上点一下，这些细节已经让我非常满意了。

在这类可穿戴设备里，我还有一个很欣赏的产品，它就是 Pebble。

在我眼里Pebble 给自身的定位很准确，就是纯粹极客范的电子表，节电的解决方案是电子墨水屏，非常聪明。

最新的 Pebble Time 更是我心目中排名前列的智能手表。

同样定位于信息推送机，Pebble 和 Apple Watch 究竟有没有高下之分？我找来了曾在苹果实习过交互设计，也为 Pebble 做过许多应用设计的 Jessie Yu，让她谈谈这两块表的长处和短板。

问：Apple Watch 你上手了吧？它几乎是在人们对它还一头雾水的时候就火了，你觉得这股风潮能持续多久？Jessie: 大家都在讨论 Apple Watch 到底能火多久，我觉得可穿戴设备成功的关键在于是否能够给予用户手机不能提供的全新的交互体验，这也是可穿戴设计让人们感到兴奋的地方。

一.APP设计规范(ios)————设计稿一般不使用Android的尺寸（因为Android的五花八门）1. iphone界面的设计尺寸（设计稿默认iphone6）（1）iphone6 plus设计版[iPhone7 plus]（@3x）分辨率1242x2208px ppi:401 状态栏：60px 导航栏：132px 标签栏：146px（2）iphone6 plus放大版（@3x）分辨率1125x2001px ppi:401 状态栏：54px 导航栏：132px 标签栏：146px（3）iphone6 plus物理版（@3x）分辨率1080x1920px ppi:401 状态栏：54px 导航栏：132px 标签栏：146px（4）iphone6 [iPhone7]（设计稿默认）（@2x）分辨率750x1334px ppi:326 状态栏：40px 导航栏：88px 标签栏：98px（5）iphone5 - 5c -5s（@2x）分辨率640x1136px ppi326 状态栏：40px 导航栏：88px 标签栏：98px（6）iphone4 – 4s（@2x）分辨率640x960px ppi:326 状态栏：40px 导航栏：88px 标签栏：98px（1）iphone & ipod Touch第一、二、三代（@1x）分辨率320x480px ppi:163 状态栏：20px 导航栏：44px 标签栏：49px2. iphone图标设计尺寸（1）iphone6 plus （@3x）App store：1024x1024px 程序应用：180x180 主屏幕：152x152 Spotlight搜索：87x87px 标签栏：75x75px 工具栏和导航栏：66x66px（2）iphone6（@2x）App store：1024x1024px 程序应用：120x120 主屏幕：152x152 Spotlight搜索：58x58px 标签栏：75x75px 工具栏和导航栏：44x44px（3）iphone5-5c-5s（@2x）App store：1024x1024px 程序应用：120x120 主屏幕：152x152 Spotlight搜索：58x58px 标签栏：75x75px 工具栏和导航栏：44x44px（4）iphone4-4s（@2x）App store：1024x1024px 程序应用：120x120 主屏幕：114x114 Spotlight搜索：58x58px 标签栏：75x75px 工具栏和导航栏：44x44px（5）iphone & ipod Touch第一、二、三代（@1x）App store：1024x1024px 程序应用：120x120 主屏幕：57x57 Spotlight搜索：29x29px 标签栏：38x38px 工具栏和导航栏：30x30px3. ipad界面设计尺寸（1）ipad3 – 4 - 5 – 6 – Air – Air2 – mini2分辨率2048x1536px ppi:264 状态栏：40px 导航栏：88px 标签栏：98px（2）ipad1 – 2分辨率1024x768px ppi:132 状态栏：20px 导航栏：44px 标签栏：49px（2）ipad Mini分辨率1024x768px ppi:163 状态栏：20px 导航栏：44px 标签栏：49px4. ipad图标设计尺寸（1）ipad3 – 4 - 5 – 6 – Air – Air2 – mini2App store：1024x1024px 程序应用：180x180 主屏幕：144x144 Spotlight搜索：100x100px 标签栏：50x50px 工具栏和导航栏：44x44px（2）ipad1 – 2App store：1024x1024px 程序应用：90x90 主屏幕：72x72 Spotlight搜索：50x50px 标签栏：25x25px 工具栏和导航栏：22x22px（3）ipad MiniApp store：1024x1024px 程序应用：90x90 主屏幕：72x72 Spotlight搜索：50x50px 标签栏：25x25px 工具栏和导航栏：22x22px5. ios字体大小规范iPhone 上的字体英文为：HelveticaNeue 至于中文，Mac下用的是黑体-简，Win下则为华文黑体，所有字体要用双数字号。

苹果gui设计原则-回复苹果GUI设计原则苹果GUI（图形用户界面）设计原则是用于指导开发者在苹果设备上创建用户友好的应用程序界面的设计准则。

苹果一直以来都致力于提供出色的用户体验，并将此视为其成功的重要组成部分。

因此，他们发展了一系列设计原则，以确保他们的产品在可视化方面具有一致性、易用性和直观性。

本文将探讨几个关键的苹果GUI设计原则，并提供一些实际应用的示例。

1. 清晰简洁苹果GUI设计原则的核心是清晰简洁。

设计应力求简化，使用户界面仅显示与用户当前任务直接相关的信息和功能，避免过度装饰和不必要的复杂性。

这可以通过移除多余的图标、按钮和文字来实现。

一个好的设计是让用户专注于自己的任务，而不是被不必要的干扰所分散注意力。

例如，苹果的手机应用程序界面通常只显示当前的任务或内容，并使用清晰简洁的图标和按钮进行导航。

应用程序的设置选项通常被隐藏在菜单中，以避免干扰用户视线。

2. 强调直观性苹果GUI设计强调直观性，即使没有任何指导，用户也能够直觉地理解和使用应用程序。

这可以通过以下方式实现：- 使用熟悉的图标和符号：苹果的设计准则鼓励使用熟悉的图标和符号，以便用户能够快速理解它们的含义。

例如，使用垃圾桶图标表示删除，使用放大镜图标表示搜索等。

- 合理的布局：设计应遵循用户的阅读和浏览习惯，例如从左到右阅读或从上到下阅读。

同时，布局应该有明确的结构，使用户能够快速找到所需的信息和功能。

- 自然的动作和转换：应用程序的过渡和动画效果应该与现实世界中的行为类似，以增加用户的直观性。

比如，当用户点击按钮时，按钮应该显示按下的效果，以模拟物理按钮被按下的行为。

3. 一致性和持续性一致性和持续性是苹果GUI设计原则的基础。

应用程序的不同部分应该在外观和功能上保持一致，以提供用户熟悉的体验。

这可以通过以下方式实现：- 使用通用元素：设计应该使用通用的界面元素，例如标签、滑块和按钮，以便用户可以将其与其他应用程序进行比较和对比。

app界面设计尺寸规范大全原型设计尺寸1、 iPhone6的界面布局是：屏幕是4.7英寸的，设计稿的大小为375x667px☆ 状态栏(status bar)：就是电量条，其高度为：20px；☆ 导航栏(navigation)：就是顶部导航，有线其高度为：45px；没有线高度就是44px；☆ 主菜单栏(submenu，tab)：就是标签栏，底部导航，其高度为：46px；2、状态栏每一项尺寸☆ 信号格：5*5☆ wifi图片：11*9☆ 锁：11*11☆ 导航：8*8☆ 电量：22*9☆ 闪电：5*8☆ 状态栏中的文字：10px3、关于iPhone6的图标的尺寸：☆ 顶部导航栏的图标尺寸为16x16px左右，底部标签栏的图标尺寸为23 x 23px左右。

4、关于iPhone6的文字的尺寸：☆ 导航栏的文字大小最大值是14px，底部标签栏的图标下方的文字大小为10px。

☆ 内容区域的文字大小是：10px, 12px，14px，16px。

5、关于颜色① 文字黑色：#282828② 文字深灰色：#656565③ 文字浅灰色：#989898④ 边框浅灰色：#C3C3C3⑤ 背景淡灰色：#f2f2f2⑥ 按钮背景纯白色：#ffffff6、在iPhone6设计稿中，界面元素之间的常用距离，亲密距离：10px；疏远距离：15px。

A、疏远距离：比如，所有元素距离手机屏幕最左边的距离。

B、亲密距离：比如，左边图标与右边文字之间的距离。

【综上所述】iPhone6的原型规范如下：1、iPhone6手机模型尺寸：429x881px2、界面尺寸布局：满屏尺寸375x667px3、高度电量条高度20px，导航栏高度44px，标签栏高度46px；4、各区域图标大小导航栏图标16px，底部标签栏图标23px；5、各区域文字大小电量条-文字10px，导航栏-文字14px，标签栏-文字10px；6、常用的文字大小：16px，14px，12px，10px；7、常用的颜色：背景浅灰色：#f2f2f2, 文字深黑色：#323232，边框色深灰：#CCCCCC；8、常用可点击区域的高度（比如搜索区域）：28px；9、单行文字的背景框的高度：44px，双行则为：88px，三行则为：132px；10、常用间距：亲密距离：10px；疏远距离：15px，其它距离：5px，22px等；。