学习
实践
活动
专区
工具
TVP
写文章

Android 手表应用开发设计规范 【译】

二维选择   二维选择很适合展现一个系列的选项。比如 Google 搜索结果页就是一个很好的范例。 ? 这种样式可被用于展现单一纵向列表,或“一维选项” ? 这种情况下就不适合用卡片操作按钮的形式。  •卡片操作按钮应该是不需要文字说明也能明确命令含义的操作。   •除了在手机上打开某个网页链接这种情况以外,卡片操作按钮触发的结果都应该是在手表直接显示的。  •每张卡片只允许有一个操作按钮。  •不要在卡片放置命令菜单。 二维选择   二维选择可以从提示卡片或者动作按钮来触发。允许用户从一列选项中选择一个,比如签到应用中,可以用二维选择卡片来切换选择要签到的地点。 ?    图1总结了各种手势的类型及用途。 遵循以下原则:表盘交互应该是轻量的,用户只需一两次操作即可完成预期动作。          ?

2.4K70

浅谈NFC、RFID、红外、蓝牙的区别

NFC由非接触式射频识别(RFID)及互联互通技术整合演变而来,在单一芯片结合感应式读卡器、感应式卡片和点对点的功能,能在短距离内与兼容设备进行识别和数据交换。 通过无线电讯号识别特定的目标,并读写相关的数据,不需要识别系统与这个目标有机械或者是光学接触。无须人工干预,可用于各种恶劣环境,可识别高速运动的物体,可同时识别多个标签,操作快捷方便。 主标签粘贴于手机外壳内,从标签外形于普通磁卡一致,用于手机不适合的环境。由于没有手机的在线支持,因此从标签在支持的业务类型上相对于主标签要少,主要是一些小额的离线支付业务。 NFC设备可以用作非接触式智能、智能的读写器终端以及设备对设备的数据传输链路,其应用主要可分为以下四个基本类型:用于付款和购票、用于电子票证、用于智能媒体以及用于交换、传输数据。 需要的操作也简单,等待,看屏幕确认信息。手机手机的使用场景简直反人类。 ?

2.3K40
  • 广告
    关闭

    热门业务场景教学

    个人网站、项目部署、开发环境、游戏服务器、图床、渲染训练等免费搭建教程,多款云服务器20元起。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    玻璃拟态(Glassmorphism)设计风格

    不适用于按钮或开关(这些重要的界面元素应该具备高对比度,更加清晰明确),模糊效果也要注意分寸,屏幕上过度使用模糊效果,会使整个 UI 对某些用户可阅读性差,同时也会使页面看起来显脏。 与任何基于卡片的布局一样,第一个是-物体离我们越近,吸引的光越多。在这种情况下,这意味着它将更加透明。 整个效果的基础是阴影、透明度和背景模糊的组合,这种风格只能使用一个透明层,或者多个透明层,但当至少两个半透明层出现在一个相当繁忙的彩色背景时,它是最突出和可见的。 细节 你可以尝试的最后一件事是为形状添加1px内边框,并具有一定的透明度。模拟玻璃边缘,可以使形状从背景中脱颖而出。 仅当这些透明效果只是装饰性的,不是体验的组成部分时,才会发生这种情况。应避免将它们用于按钮或切换(这些重要的对象应始终具有更大的对比度),但你可以将其用于背景。

    40830

    HTML5 拖放API与Vue.js实战

    通常看板要有列和卡片卡片是要执行的单个项目或任务,列用来显示特定卡片的状态。 所以需要创建三个 Vue 组件:一个用于列,一个用于卡片,最后一个用于创建新卡片。 所以可拖动组件应该是 Card 组件,放置目标是 Column 组件。 存储这个数据格式并导出,因为在删除后获取数据时,Column 组件将会用到。 最后,将 card 的透明度降低到 0.2 ,以便向用户提供一些反馈,表明该实际已被拉出其原始位置。 拖动完成后,再把透明度恢复为 1。 现在可以拖动卡片了。接下来添加放置目标。 把 dragover 设置为 drop-enabled 将卡片拖到列组件时,会立即触发 dragover 事件,将放入列中后会触发 drop 事件。 要使卡片掉落到列中,需要侦听这些事件。

    34710

    终极指南!超全面的UI动效基本规则总结

    超过1秒的动效会让人有迟滞感。 在手机这样的移动端设备,动效时长应该控制在200~300毫秒之间,在平板电脑,这个时长应该延长大概30%,也就是说,时长应该在400~450毫秒之间。 ? △ 避免使用弹跳特效,它会分散用户的注意力 元素的运动过程应该是清晰的,尽量不要在运动中使用模糊的效果,模糊的动效不适合在 UI界面中使用。 ? △ 以加速运动将卡片扔出屏幕 动画曲线有助于正确传达讯息,甚至表达情绪和感觉。 △ 减速曲线 减速曲线可以适用于多种不同的 UI控件和元素,包括从屏幕外进入屏幕内的的卡片、条目等。 ? △ 卡片元素从屏幕运动的时候,不对称的缓动曲线 当元素从屏幕消失的时候,采用了相同的不对称缓动曲线,用户同样可以通过滑动回到之前的位置。这个环节使用了抽屉式导航控件。 ?

    66020

    13款Apple Watch 中文应用初体验:不及自带功能实用和有趣,期待下一版本

    我在体验 Apple Watch 后核心结论是这样的: 1.适合消息推送类应用。 3.它不适合流式内容。 PC 时代的软件和网站最初都是条目类内容,社交网络、移动 App 则带来了信息流,微信、微博、淘宝、卡片式应用都是流式内容,造就了一个词叫“刷”。 Apple Watch 不会再有“刷”,信息流很难有生存空间。同样它也不适合浏览和导航类内容。更适合“独立的、推送的点式内容”,比如手气不错这样的功能。豆瓣 FM只给你推荐一首歌。 手机百度呈现卡片式新闻、天气和股价,后两者 Apple Watch 自带了,卡片式新闻基于搜索指数排名,与网易新闻、腾讯新闻定位相似。文字搜索目前在 Apple Watch 难有用武之地。 ? 6.难以摆脱手机,任何应用都是建立在 iPhone 逻辑只是一个助理,很多时候都要配合使用欧,比如相机拍照、播放音乐,但除了折腾,并无真正实用的场景。

    89360

    动手实践:美化 Jenkins 报告插件的用户界面

    bootstrap4-api-plugin:为 Jenkins 插件提供 Bootstrap 4。Bootstrap 自称是世界最流行的前端组件库,用于在 Web 构建响应式,移动优先的项目。 Font Awesome 具有矢量图标和社交徽标,号称是网络最受欢迎的图标集和工具包。目前,包含 1,500 多个免费图标。 整个视图将被放入一个充满整个屏幕(宽度为100%)的流体容器中。 视图的新行由类 row 指定。附加类 py-3 定义了用于此行的填充,有关更多详细信息,请参见 Bootstrap Spacing。 第 1 行只有一列,它将填满整个可用空间。 您还可以根据屏幕的实际可见大小为一行指定不同的列布局。这有助于改善大屏幕的布局。 在以下代码片段中,您可以看到此标签的使用情况(嵌入在 Bootstrap 卡片中,请参见第 5.3 节): index.jelly 1 <?

    1.8K10

    实战!半小时写一个脑力小游戏

    这组卡片将被包装在一个 section容器元素中。 最终代码如下: ? CSS 我们将使用一个简单但非常有用的配置,把用于所有项目: ? 这时页面模版看上去应该是这样: ? 我们还需要添加一个点击效果。 每次元素被点击时都会触发 :active伪类,引发一个 0.2秒的过渡: ? 如果匹配的话,则调用 disableCards()并分离两个的事件侦听器,以防止再次翻转。 否则 unflipCards()会将两张都恢复成超过 1500 毫秒的超时,从而删除 .flip类: 把代码组合起来: ? 点击同一个卡片 仍然是玩家可以在同一张上点击两次的情况。 如果匹配条件判断为 true,从该删除事件侦听器。 ?

    39920

    stm32f411中文手册(基于stm32f407)

    二、项目功能要求 1、可通过指纹模块增删查改家庭成员的指纹信息,增删查改是否成功的相关信息显示在OLED屏幕 2、在指纹匹配过程中,如果采集的指纹与指纹模块库相匹配,OLED显示匹配成功,并转动步进电机一圈 ; //挂载SD f_mount(fs[1],"1:",1); //挂载FLASH. 详细连接方法参考指纹模块资料 (3)解锁后就可以进行设置密码和录入卡片等操作 移植汉字库:(如果没有SD接口可以自己汉字取模显示) (1)准备一个sd,一个读卡器,用来存储汉字库,显示到 软件,先打开图片,按照如下配置,点击保存,会生成取模代码 六、知识扫盲 (一)汉字的显示 (具体代码参考正点原子“汉字显示实验”) 1、汉字的显示原理 1)学习过屏幕驱动的应该都知道,屏幕的显示无非就是在屏幕打相应颜色的点 表示压力很大 4)需要把汉字库保存到SD,再将SD中的汉字库数据保存到外部FILASH才行,w25q128无疑是个好选择,拥有16M的存储空间,SPI通信协议,读写速度也是相当快。

    37710

    STM32项目设计:基于stm32f4的智能门锁(附项目视频全套教程、源码资料)

    二、项目功能要求 1、可通过指纹模块增删查改家庭成员的指纹信息,增删查改是否成功的相关信息显示在OLED屏幕 2、在指纹匹配过程中,如果采集的指纹与指纹模块库相匹配,OLED显示匹配成功,并转动步进电机一圈 ; //挂载SD f_mount(fs[1],"1:",1); //挂载FLASH. 详细连接方法参考指纹模块资料 (3)解锁后就可以进行设置密码和录入卡片等操作 移植汉字库:(如果没有SD接口可以自己汉字取模显示) (1)准备一个sd,一个读卡器,用来存储汉字库,显示到 软件,先打开图片,按照如下配置,点击保存,会生成取模代码 六、知识扫盲 (一)汉字的显示 (具体代码参考正点原子“汉字显示实验”) 1、汉字的显示原理 1)学习过屏幕驱动的应该都知道,屏幕的显示无非就是在屏幕打相应颜色的点 表示压力很大 4)需要把汉字库保存到SD,再将SD中的汉字库数据保存到外部FILASH才行,w25q128无疑是个好选择,拥有16M的存储空间,SPI通信协议,读写速度也是相当快。

    82920

    针对移动支付的道德反欺诈系统

    纠错过程完成后,在处理的图像子集运行信用篡改检测模型,时间长达1s。 对服务器进行API调用,以判断扫描是否包含真实的物理。 OCR扫描卡片的数字侧并提取卡片编号,卡片检测检测框架用户在视口中将卡片居中并检测用户扫描的卡片侧(数字或非数字侧),假媒体检测检查卡片两侧,以检测从假媒体(如设备屏幕、纸张、纸板等)扫描的卡片。 其还有第三个类,称为背景类,用于过滤不包含信用的帧。Daredevil在主循环执行卡片检测器和OCR模型。 这使得在资源受限的手机上出现二次加速,在配置良好的手机上也接近线性加速。 对于OCR的统一模型,在模型的多个阶段添加复杂的辅助层,以扫描所有支付设计。 如果低于事先设定好的阈值,那么模型将通过机器学习管道传递输入的放大图像,有效地将小字体的卡片映射到模型本机支持的相对大字体的卡片

    27740

    最新iOS设计规范二|7大应用架构

    快速,有趣且具有教育意义的新手引导可以帮助用户从APP中获得最大收益,不会遇到麻烦。 提供新手引导帮助人们享受您的应用程序,不仅仅是设置。 父视图或一张卡片的顶部边缘在当前卡片的后面可见,这样可以帮助人们记住他们在打开卡片时暂停的任务。 人们通过以下方式关闭卡片: 从屏幕顶部向下滑动 内容滚动到顶部时,可以从屏幕任意位置向下滑动 轻按一个按钮 工作表常用在无法实现复杂任务的、非沉浸式的模式和内容。 不要让模态视图出现在Popover(弹出式窗口)。除非是警示框,任何元素都不该出现在Popover。 在iPad,使用拆分视图不是标签栏。拆分视图提供与选项栏相同的快速导航,同时更好地利用了大屏幕。 当您具有内容类型相同的多个页面时,请使用页面控件。

    30420

    60 个前端 Web 开发流行语你都知道哪些?

    6.Bootstrap Bootstrap 是一个免费的开源前端框架,用于设计网站和 Web 应用程序 初始化一个项目(例如:“这个应用程序是通过引导启动的 create-react-app”) 7.Bug 20.Favicon(网站图标) “最喜欢的图标”(favorite icon)的缩写,它是出现在你网站的浏览器选项中的图标。 JavaScript JavaScript 是一种客户端语言,Web 开发人员使用它来向网页添加自动化、动画和交互性 33.LCP 最大内容绘制 (Largest Contentful Paint)是一种性能指标,用于衡量在屏幕呈现最大内容元素所需的时间 与其在构建网站时考虑到桌面,然后考虑它在移动设备的外观,采用移动优先的方法,而是首先为小屏幕构建网站。 44.Redirects(重定向) 重定向是指在某个 URL 访问网页时,它会更改为不同的 URL 45.Resolution 分辨率是用于描述图像或屏幕大小的指标。

    10621

    移动端APP设计趋势

    以下是2017年移动端产品最有影响力的趋势: 1. 卡片视图 ? 在较小的屏幕灵活组织和安排内容的意义是无价的,卡片提供了文本、图像和视频等多种媒体内容的一体化解决方案,目前为止,App Store,Facebook、Google和Twitter已经完成了卡片式设计的迭代更新 在移动端产品中,小屏幕以动画形式呈现的微交互对用户体验和界面都有着至关的作用。对于用户体验来说。微交互提供给了用户直观人性化的反馈方式,并且能够传递某种微妙的状态和预知感。 此外AR如今已经不单单用于儿童的科普和教育认知,在移动端产品运用范畴已经得到了极大的丰富,如今已经涵盖了军事、医疗、建筑、教育、工程、影视和娱乐等领域。 目前这款App已经能够用3D的形式较为精准地呈现宜家的各色产品了,通过用户手持手机旋转角度,即可让虚拟家具等比例的出现在家里任何角落,家具采购的体验得到了极大提升。 8.渐变色 ?

    54220

    一个独立开发者总结的App 迭代设计思路

    3.适配更大屏幕手机: 放大可触控操作的目标,并且更利于单手操作,即使只能操作部分屏幕。同时,我还想减少潜在的误触,特别是左下角和右边屏幕的边缘,我猜,未来的iPhone的边框可能变得更窄。 “EFFECTS”和“PLAYBACK”功能的弹窗已经合并为一个效果面板: 两个关键的控制按钮从屏幕左下角和右下角边缘移开,使得“回放”和“前进”功能的操作区域更大,并且减少了大屏幕手机上的误触。 现在的剧集信息更像是Overcast 3的其它卡片:快速向上滑动打开,然后按住卡片的任何地方轻松向下关闭(或从左边缘向内)。它也支持3D Touch预览和向上滑动快速操作。 我想这应该是Overcast 3中最具争议的改变,减慢了播放操作的速度,但我觉得更具一致性,习惯了旧的操作方式的用户,在使用它几天之后也会习惯,而且这能使App变的更可靠,更能被每个人所发现。 一个全新、更快的手表应用,在watchOS 3发布。(之前的手表应用还只是在watchOS 1运行。) 并且我将一些代码改成了Swift!

    52690

    Ink笔记_ink correction

    注意,ST25DV只是负责和手机进行NFC通信,不负责IC的读写功能,因为ST25DV只支持ISO 15693的RFID协议,而我们常用的IC(M1)是ISO 14443协议的,所以并不能直接使用这颗芯片进行 2.IC的模拟功能这一版中实现得比较简单,就是直接集成了多颗UID芯片(很便宜,1~2元一片),然后和ST25DV共用NFC天线,卡片的切换是通过拨轮换挡实现的。 2.注意事项 注意屏幕不能长时间电,在屏幕不刷新的时候,要将屏幕设置成睡眠模式,或者进行断电处理。否则屏幕长时间保持高电压状态,会损坏膜片,无法修复! 六、卡片的复制 1.cuid和uid有什么区别 CUID不响应后门指令。UID响应后门指令。 后门程序一般是指那些绕过安全性控制获取对程序或系统访问权的程序方法。 每个扇区可以通过包含的密钥A或者密钥B单独加密。

    12310

    从零开始学 Web 之 移动Web(七)Bootstrap

    Framework7 是一款免费、开源的移动HTML框架,主要用于开发混合手机App或者网页App,某些应用场景的体验几乎与原生开发的 iOS 和 Android 应用一模一样,同时也是一款不可获取的应用原型快速开发及展示工具 二、bootstrap Bootstrap是当前最流行的前端UI框架(有预制界面组件) Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目 100%显示(占12栅格);在小屏幕,每个div占50%显示;在中等屏幕,每个div占25%显示;在大屏幕,每个div占33.33%显示。 栅格参数: .col-xs-:超小屏幕 手机 (<768px) .col-sm- : 小屏幕 平板 (≥768px) .col-md- : 中等屏幕 桌面显示器 (≥992px) .col-lg - : 大屏幕 大桌面显示器 (≥1200px) 注意: 1.栅格系统是往上兼容的:意味着小屏幕的效果在大屏幕也是可以正常显示的人,但是大屏幕的设置在小屏幕却无法正常显示。

    45730

    如何在2021年编写网络应用程序?

    添加视图和组件 你Vue的文件应该是视图之间拆分(个人屏幕,如:菜单,关于…)和组件(撰写你的意见,如:按钮,页脚…) 这两种工作方式相同,但不具有相同的关注。 我们暂时不谈论。 Components 想象一下,我想为我想看的每部电影制作一张简单的卡片(标题+文字),我不想重复每张卡片的代码。 ", }, ], }; }, }; </script> 设置好之后,应用于我的数据的任何更改都会反映在屏幕。 然后,根据Vue生命周期,mounted当视图出现在屏幕时,我可以使用函数执行代码。 <template> <! 这样,我们可以将更多精力放在内容不是如何正确设计日期选择器。 由于使用Vue,因此我选择了Vue兼容库Vuetify。

    20520

    Android 1.5到10.0 都有哪些新特性?

    8、苹果游戏中心的一个真正的竞争者 9、支持现有的智能手机 据称现行所有运行Android 2.3的手机都有可能升级到4.0版本,这条消息是我喜闻乐见的,Google官方的Nexus One和 此外长按某个应用图标现在可以显示一些信息,与iOS的3D Touch类似,这项功能在安卓7.0已经有所体现 10.SmartTextSelection 系统将会预测用户将使用某些电话或者其他选项出现在将会用到的应用中 提供类似一个类似于 PC 的体验,但是远远不能代替 PC。 屏幕录制 得益于OPPO、三星和华为等第三方OEM厂商,我们以前在安卓手机上见过录屏功能。 遗憾的是,原生安卓系统还缺少这个功能,但看起来我们在Android Q系统终于要看到了。 更安全Smart Lock 谷歌早在Android Lollipop时代就引入了Smart Lock功能,本质就是当你的手机不在身边时,你可以把远程锁起来。

    55620

    扫码关注腾讯云开发者

    领取腾讯云代金券