Apple Watch 人机交互指南 界面元素 ---- Menu Icons (官方文档翻译)(UI设计层面)

最新推荐文章于 2020-08-04 10:57:36 发布
最新推荐文章于 2020-08-04 10:57:36 发布
阅读量993 收藏
点赞数
分类专栏： 产品设计 iOS官方文档 Apple WatchOS2 文章标签： 人机交互 AppleWatch 产品设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/soindy/article/details/50176545
版权

Menu包含用户可以操作的一些选项.每一个选项都需要一个Label和一个Icon.Menu的Label不能超过两行,所以Label的text必须简短.menu的icon必须都是Template Image(使用图片的alpha通道而非其color通道来定义的图形).
这里写图片描述
1. 设置线条粗心至少为4像素来保证他们能够清晰的显示
根据不同设备的大小和icon的复杂度使用对应合适的线宽度.
2. 必须使用PNG格式

关于Menu请看这里: 这里写链接内容

大大大大大桃子
关注
专栏目录
mdi-material-ui:用于材料设计图标的Material-UI SvgIcon组件
04-28
Material-UI的材料设计图标 该模块为所有提供 组件。 如果您使用React和Material-UI来构建Web应用程序并用完图标，这将非常方便。 虽然此模块包含所有图标的包装，但不包含别名。 例如，加号图标的别名为add ，但...
Apple Watch设计原则，让你开发app思路更清晰
最新发布
06-19 599
Apple Watch 作为一款极具前瞻性的产品，硬件已经发展到 Apple Watch Series 6。智能手表是目前除了手机之外， 最方便人眼观看且较为成熟的商业化硬件。这次加速器活动带给我的触动很大，原以为 Apple Watch 只是一款小众产品，实际上国内早已有众多公司和设计师深耕于此。我们目前正身处于科技变迁速度极快的时代，硬件和软件都在围绕人类、网络不断进化和迭代，在这种大环境中，我认为设计师需要以更加场景化、智能化的角度来重新审视「设计」。
移动端的菜单menu icon注意
yipanhuasheng的博客
09-23 1863
  在制作移动端时，肯定会遇到menu icon的制作（右上角菜单图标），但是平常写a标签的时候总会写个href = "#"就不管了。 类似于这样的： <a href="#" class="iconfont icon-caidan"></a> 这样是不行的，这样添加点击事件的时候就会跳转到点击处（菜单所在位置，也就是顶部）。这种跳转肯定是有问题的。 解决方法就是...
Jquery鼠标右键插件contextMenu使用方法及自定义图标
du_5pet的博客
08-04 1176
第一步 引入文件 文件在github上下载的，都可以搜到。我是把整个dist文件夹里的全放进项目里了，把这俩文件引进去。position.js文件我没有引，暂时不知道这文件干啥用的 js部分： $.contextMenu({ selector: '.list-item', items: { "view": { name: "浏览", icon:"view" }, "ren..
Apple Watch人机交互指南：UI元素--列表、按钮、开关以及滑杆
hong1595的专栏
11-24 988
列表 列表以单列形式分行展示数据。可使用列表来展示动态更改的内容。 列表对象具有以下特性： · 支持多行内容展示类型 · 可滚动 · 可设置背景色或图片 您需要在设计时指定列表行类型的布局，所有行类型都必须提前设计好。运行时，您可以选择您真正需要的行类型。 行类型使用要一致。您可能会创建不同的行类型来展示您的内容、页眉和页脚等。要确保行类型使用一致
Apple Watch人机交互指南：UI元素--标签、图像、Groups
hong1595的专栏
11-21 745
标签展示静态文本 标签： · 展示任何数量的静态文本 · 不允许用户直接交互 · 可以以编程形式更新 · 可以跨多行展示 标签是应用程序中最常用的元素之一。使用标签向用户展示短信息。标签最适合展示数量相对较少的文本。 标签应当清晰可见。为标签文本使用高对比度颜色，并使用Dynamic Type以确保标签文本会相应地缩放。内置的系统字体为Apple
Apple-App-Icons：此存储库用于托管Apple App Icons草图文件.sketch
02-06
Apple-App-Icons 是一个专门用于存储Apple应用图标草图设计资源的仓库。这个仓库包含了一个名为 "Apple-App-Icons.sketch" 的文件，它是一个Sketch设计文件，用于创建和管理适用于iOS设备的App图标。Sketch是一款...
jquery-ui.css、jquery-ui.js下载
11-05
总的来说，jQuery UI为开发者提供了强大且易于使用的用户界面组件，通过`jquery-ui.css`和`jquery-ui.js`，我们可以快速构建交互性丰富的Web应用，提高用户的操作体验。然而，合理地配置和优化这两个文件，以适应...
material-design-icons:材料设计图标
05-25
材料设计图标 材料设计图标是Google根据设计的官方。安装纱yarn add @mervick/mdi-iconsNPM npm install @mervick/mdi-icons --save用法在head区域添加到您的html页面 <!-- This include bundle of CSS classes ...
material-icons：材料设计图标字体和CSS框架，用于自托管图标
02-05
因此，它比官方的material-design-icons包小得多，并且易于安装。 安装 下载或使用npm安装： npm install material-icons 用法 字体文件位于目录中，可以使用CSS导入。 导入CSS： < link rel =" stylesheet ...
如何运行从网上下载的iWatch项目详细步骤.
热门推荐
soindy
08-01 1万+
如何运行从网上下载的iWatch项目详细步骤. 错误1: Fail to code sign "***" No valid signing identities (i.e. certificate and private key pair) matching the team ID "****" were found. 错误2: Unable to find a team with the given Team ID '****' to which you belong. Please contact Ap
iPhone刷机iOS9 Beta和iWatch刷机watchOS2 Beta详细步骤
soindy
07-02 1万+
最近在开发iWatch项目,鉴于watchOS1系统的各种限制,根本没有办法满足需求,所以本妹纸就想刷个watchOS2玩玩.刷机过程那叫一个纠结呀...所以就把试水的经过和遇到的各种坑给大家分享下,想要刷机的童鞋们也好有个参照. 注意: Beta是苹果提供给开发者让他们提前开发和测试他们的App的,还没有准备提供给普通用户,因为Beta有以下几点负面影响:        1. App
WatchKit-Programming-Guide-Apple-Watch开发指南官方翻译及总结
soindy
05-24 1万+
鉴于CSDN的Markdown很多bug,大家请看这里: WatchKit-Programming-Guide-Apple-Watch开发指南官方翻译及总结Overview### Developing for Apple Watch Apple Watch可以让用户以一种很私密,不招摇的样式查看信息(官方文档是这样的哈,但是我想大多数人不会不招摇的查看Apple Watch上的信息��).用户可以在
iWatch error: Embedded binary's bundle identifier is not prefixed with the parent app's bundle ident
soindy
08-01 9564
error: Embedded binary's bundle identifier is not prefixed with the parent app's bundle identifier. 错误原因: iPhone APP, watch APP 和 watch extension 三者的bundle ID 不符合苹果的命名规范.其命名规范必须遵循固定的格式.
Xcode 报错: Extra argument in call
soindy
08-04 5413
Xcode 报错: Extra argument in call
iWatch报错: Missing com.apple.developer.healthkit entitlement
soindy
07-24 3928
iWatch 开发 Optional (Error "Missing come.apple.developer.healthkit entitlement.") Userinfo = 0X15daab50(NSLocalizedDescription = Missing com.apple.developer.healthkit entitlement.))
Apple Watch Human Interface Guidelines (Watch 人机交互指南) (官方文档翻译)
soindy
12-21 2793
Apple Watch Human Interface Guidelines (Watch 人机交互指南) 官方文档翻译Apple Watch 开启了人机交互的新篇章.这是苹果迄今为止设计的最具个性化的设备,并且使用了前所未有的交互方式. 由于CSDN Markdown编辑器有问题,所以完整版请看这里:完整版Overview当您准备设计Watch项目的时候,必须先了解Apple Watch是基于
Cannot assign value of type 'InterfaceController' to type 'HKWorkoutSessinDelegate'
soindy
01-20 2314
Xcode报错: Cannot assign value of type ‘InterfaceController’ to type ‘HKWorkoutSessinDelegate’ 如果你遇到类似错误,并找到这篇文章的话,请自己抽自己一个大嘴巴子,这是因为你没有遵循相应的协议.同样对于”value of type ‘InerfaceController’ does not conform to
Flutter基础组件详解：构建UI界面的关键元素
"本文介绍了如何使用Flutter构建漂亮的UI界面，特别是基础组件的使用，包括Container、Row、Column、Positioned、Text、Image和Icons等。作者强调了Flutter在当前技术趋势中的重要性，并鼓励开发者尝试学习。文章还...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值