童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

APPLEWATCH人机交互指南之图标与图片设计

9月13日 萌嘟嘟投稿
  AppleWatch人机交互指南对于除了对交互和UI元素进行了详细的说明之外,还单独开辟了一章来规范图标和图片的使用,这个部分的内容并不多,但是非常重要。一套系统的规范可靠与否,往往都是从这些细节的要求中体现出来的。
  1、图标与图像尺寸
  每个应该用都需要有一颗美观独特且便于记忆的主屏图标。因为在主屏屏幕上,辨识应用的全部手段就是它的图标,你的图标应该是可识别的且与你iOS应用图标相似,因为它仍然传达你的应用的目标。
  图标尺寸
  主屏图标是正圆形,表201列出了每颗图标适宜的直径及用途。创建图标时使用全出血正方形图像,其边长为下表中给定的直径。系统会自动创建圆形遮罩。
  所有的图像资源应该都是2x的图像。不需要在你的Watch应用程序包中包含非2x资源。
  所有的图像和图标推荐使用PNG格式。不要使用交错PNG。
  图像和图标的标准位深是24位也就是红、绿、蓝各8位。你也可以包含8位透明通道,但是这不是必须的。你还可以带有索引颜色的PNG图像来节约图像所占空间。
  主屏图标
  AppleWatch的主屏图标是独一无二但令人熟悉的。主屏图标与其iOS图标相呼应,但没有相应文字。在如此之小的空间中,这些图标需要足够清晰,才能识别它们所代表的应用。AppleWatch应用在功能上与其兄弟iOSapp非常相似,因此图标也应在视觉上保持一致。但是当Watch应用作为iOS应用的补充或遥控器时,图标设计也会有所不同。
  为了获得最佳效果,尽量找到专业平面设计师的帮助。一位有经验的平面设计师可以帮你制定应用的整体视觉风格,并将其应用在所有图像及图标中。
  使用人们很容易识别的通用标示。一般情况下,避免二元的或令人费解的元素。比如,邮件图标使用信封,而不是乡村邮箱、邮包或邮局图标。
  拥抱简洁。尤其是避免在图表中塞入大量图像。找到捕捉到你应用本质的单一元素,并把这一元素表达为简单、独特的形状。谨慎添加细节。如果图标内容或形状过于复杂,那么细节就会混在一起,在小尺寸中看起来会浑浊不清。
  为你应用的核心思想创建抽象解释。通常情况下,最好用艺术的方式解释现实,因为这样可以让用户注意到你希望他们注意的方面。
  让你的图标与你iOS应用的图标相似。保持相似的外观可以帮助用户把你的Watch应用于iOS应用联系起来。
  为两种AppleWatch显示尺寸创建不同尺寸的主屏图标。你需要确保你的图标在两种AppleWatch设备尺寸中都能良好显示。具体的设备及尺寸请参见表201。
  2、菜单图像
  用力点击菜单的图标是模板图像,图像中包含透明通道,形成最终的形状。图像中的颜色信息被忽视。
  菜单图像的画布尺寸比其内容大。你内容周围的额外区域确保菜单图标边界和你的内容之间有足够的距离。
  在设计你菜单图像中的形状时,根据设备尺寸和图形复杂程度使用合适的线宽。线宽最少为4像素,以免模糊。
  菜单图像推荐使用PNG格式。避免使用交错PNG。
  结语
  到这里,AppleWatch人机交互指南就告一段落了。虽然指南对很多设计项目作出了明确的指示,但是给予设计师的设计空间还是非常大的。接下来,就看你的了,设计师。
  原文来自:优设
  译文地址:Developer。apple
  优设网译者:阿布
  
  APPLEWATCH人机交互指南系列文章
  applewatch人机交互指南UI设计基础(1)
  APPLEWATCH人机交互指南之UI设计基础(2)
  APPLEWATCH人机交互指南之图标与图片设计
  AppleWatch界面设计规范模态表单
  APPLEWATCH人机交互指南之UI元素设计
投诉 评论 转载

招牌性的交互【设计观点】“如何打造招牌性的交互?”这是一个充满交互的时代,处处讲究体验,如何在更高层次的塑造品牌?那肯定是打造独一无二、招牌式的交互,本文通过几个例子介绍了一些App的核心……APPLEWATCH人机交互指南之UI元素设计编者按:豆腐得趁热吃,好东西也得赶紧学起来,这篇人机交互指南19号刚有的英文版,优设几位译者分工合作,两天搞定了一大半,今天放出第二波,热爱学习新东西的同学们,该收货咯!……交互设计初体验(iUED)对于一个初入交互设计行业或者即将和我们一起在交互行业并肩作战的你是不是有种不知所措的感觉呢?其实这是一个很正常的现象,造成这个现象的原因一方面是交互设计师在实际工作中的产出物一……聊聊平面设计行业的过去、现在与未来编者按:设计师都应该关心的话题!从当年那个会PS会画图就可以干设计的年代到现在设计师是实实在在帮客户解决问题的人,相信同学们都能感受到这种变化,在日新月异的互联网,设计师该如何……APPLEWATCH人机交互指南之图标与图片设计AppleWatch人机交互指南对于除了对交互和UI元素进行了详细的说明之外,还单独开辟了一章来规范图标和图片的使用,这个部分的内容并不多,但是非常重要。一套系统的规范可靠与否……APPLEWATCH人机交互指南之UI设计基础(2)UI设计基础的内容占据了AppleWatch人机交互指南文档中40的篇幅,它不仅详细解释了UI设计的规则,还仔细讲述了这么设计的原因所在,你可以从这些稍显拗口的文字中看到App……AppleWatch界面设计规范模态表单编者语:之前有介绍applewatch的基础规范,这边是介绍模态表单的模态表单有利也有弊。模态表单可以临时性的阻断用户与应用其他部分的互动,使他们不受干扰的完成任务、获取……AppleWatch人机交互指南之UI设计基础(1)千呼万唤始出来!随着AppleWatch开卖的日子临近,我们终于等来了AppleWatch的官方文档(HIG)!发布会的时候,许多用户都对水果神教的智能手表的设计表示怀疑,为什……什么是简约设计几乎所有设计师都认为简约设计是重要的,但究竟什么是简约设计呢?很多时候我们认为简约设计就是减少设计的内容,依靠删除就可以把原先的设计变得简约。我们认为简约设计可以帮助人们更好的……眼动追踪研究对网站可用性的启示眼动追踪将人视觉获取信息的行为显性化,让我们有机会去观察用户是如何从网页界面上获取信息的,通过用户在界面上的注视行为轨迹和时间判断界面元素被注意的程度。注意分布会受到界面……App主界面交互框架一览增哥导读:掌握常见的APP应用界面交互框架,了解他们各自的优缺点,使用时才能游刃有余。你还在等什么呢?赶快去学习吧。标签式、跳板式、列表式和旋转木马等在等着你。1标……设计致胜的“界面层”公司:得入口者得天下编辑推荐:此文是设计社区Behance创始人ScottBelsky(也是Pinterest、Circa及Uber等初创企业的投资人)的文章。他在文章中指出,一大波新的设计驱动型……
优秀产品经理是如何写周报的?医疗产品经理:不了解行业规则,别盲目上马如何接手数据产品(1):找到业务的利益相关者(keystak什么是商业型产品经理?能力要求是什么?项目为什么会延期?如何组建和管理产品团队,探索产品的边界产品经理如何做功能设计?项目管理:如何避免项目延期?产品经理认知的十大误区,你避开了吗?如何用“电梯演讲”表述你的产品愿景?以后端系统为例,解析常用的需求调研方法5个要点,持续提升产品经理的核心竞争力
热文内分泌失调怎么调理5个方法迅速调理好内分泌失调游山玩水造句用游山玩水造句大全采桑节奖励通知人民币对美元中间价连调三日至6。4596皮肤黑怎么变白的方法记住这八个秘诀就可以了醒醒吧,不要再磕章鱼夫妇了中国传统手工艺的传承与发展根除证书之乱非一日之功躲在草丛里的星星农村淘宝家装行业本地化招商介绍今日十三号龙虾价多少(龙虾电影)

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界