BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

HIG

iOS7人机界面设计规范 - 目录 »

英文原文出自苹果官方的iOS7设计资源-iOS人机界面设计规范(预发布版本),由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

UI设计基础

设计策略

  • 设计原则
  • 从概念到产品
  • 案例学习:从桌面到iOS

iOS设计技术

  • Passbook
  • Routing
  • 社交媒体
  • iCloud
  • 应用内支付
  • Game Center
  • 多任务
  • 通知中心
  • AirPrint
  • 地理位置服务
  • 预览
  • 声音
  • 语音与可访问性
  • 编辑菜单
  • 撤销与重做
  • 键盘与输入视图

UI元素

  • 内容视图
  • 控制器
  • 临时视图

图标与图片的设计

  • 创建可拉伸的图片
  • 图标与图片的尺寸
  • 应用图标
  • 启动画面
  • 功能图标
  • Newsstand图标
  • 网页剪辑图标

iOS7界面设计规范(1) - UI基础 - 为iOS7而设计 »

今天开个新坑。其实老早就想做这事儿了。记得前一两年,苹果官方还会在开发者中心提供中文的HIG(Human Interface Guideline),后来给没了;网上能够找到的中文版本不知是官方还是同行的自发翻译,总之要看最新的内容还是需要拿来官方的英文文档,估计多数朋友也是这样的。

那么就趁着iOS 7刚刚发布测试版本的时机,开始做这件事吧。之前一周里,到处都在传阅官方发布的新版设计文档,越来越多的人在自己的设备里安装了测试版本,可见大家的关注程度;所以说我爱这一行呢,有点大事小情的大家都能在第一时间反应起来。关于系统本身,毁誉参半吧,东西都摆在那里,建议自己玩玩看;我个人来说,只是觉得视觉风格太娘了;又能怎样呢,反正看看如今的世界,哪里不是漫山遍野的一派娘炮。扯远了。第一篇走起吧;先做着,回头整理出框架,也和《iOS Wow Factor全书自发编译》一样扔到侧边栏去做个固定的栏目好了。

重要:这是针对于正在开发中的API或技术的预备文档(预发布版本)。虽然该文档在技术精确度上经过了严格的审核,但并非最终版本,仅供苹果开发者计划的注册会员使用。苹果提供这份机要文档的目的,是帮助你按照文中描述的方式对技术的选择及界面的设计开发进行规划。这些信息有可能发生变化,届时,你的设计开发方式需要基于最终版本的操作系统及文档进行相应的调整和测试。该文档或许会随着API或相关技术在未来的发展而进行更新。

超越按钮 - 谈手势驱动的移动界面设计 »

一周一周的忙成熊样了,以至于周五晚上几乎没有意识到已经周末,以至于今早准时爬起来喂过喵们之后又准备洗漱上路了。btw,儿童节快乐,各位。

进入新公司一个月,做的事情多起来,面对的人多起来,感受也便多了起来;有时需要提醒自己屏蔽一些信号的输入,以便稳定自己的输出;吃一堑长一智,之前两三年经历过的那些让自己在很多时候容易过分敏感,但我想换个角度说那叫做“经验”。

话说又是暗暗的一个周末,对着博客后台,听着Slash在2010年的专辑,琢磨着8月份Metallica过来Live的情况,希望能够像这次一样顺利的买到票。你看,年少时立志此生必看的演出当中,一个已经成行,一个也将要在眼前了;事情就是这么有趣不是么。那么私事就念叨到这里吧,我们来看本周更新喽。

这里进入译文。作为设计师,你也许还记得苹果刚刚发布iPhone时的情景吧,我(英文原文作者)觉得那就像是昨天发生的事情一样。他们将电容触屏技术完整的运用到了这样一个私人化的重要设备当中,这是具有里程碑意义的时刻,同时也改变了整个业界的游戏规则。

若干年之后的今天,连小孩子们都已经习惯了触屏体验,好像这是非常自然的事情,而家长们也会惊叹于他们的孩子可以如此迅速的学会使用触屏设备,包括手机和平板。这也体现出触屏设备及基于手势的交互模式所具有的巨大潜力,它们让移动体验变的更加容易和有趣。

怎样在iOS设计规范的框架下构造灵活的移动体验 »

那,怎样想也都是宅在家里的最后三天了吧。今天下午试着骑车去新公司,四十分钟的样子,一路风风土土,有点闹不住呢,怎样想也还是地铁更加像话吧。

我有个毛病,就是每逢假期或宅期伊始便会告诉自己,“这就开始了哦,很快便会过去的吧,好好享受呢”,然后真的就很快过去了;到最后几天的时候再回想一开始告诉自己的那些话,便觉得凄凉与不舍了。这不有病么?再剧透些,其实现在眼前电视里正在放着日和,接下来发好这篇之后便要喝些啤酒看看X档案。话说我昨天又梦到大灾变了,龙卷风天塌地陷妥妥的。那么,说正经的吧。

这里进入译文。如果你在iOS应用设计方面有过一段时间的工作经验,那么多半会听说过“HIG”,也就是人机界面设计规范(Human Interface Guidelines)的简写。这份苹果官方文档的内容十分广泛,为设计师与开发者提供了一系列打造iOS应用体验的最佳实践。

HIG所关注的是一套普遍适用的设计原则,其中绝大部分内容是关于iOS原生容器和控件的使用方式的,也就是你在iOS自带的邮件、通讯录、日历、Safari浏览器等应用当中所见到的那些界面元素及交互模式;这些已经成为iOS应用体验的一种官方标准。

HIG方面的话题通常可以在设计师群体中引发强烈的反应。其中一部分人会将HIG视为圣经,而另外一些人则认为官方的规范不够灵活,比起其他一些移动平台来说,在体验模式等方面甚至有些过时。市面上的一些应用,譬如Clear,已经大规模的摒弃了iOS的标准控件和传统交互模式,旨在为用户带来更加独特和前沿的体验模式。

十条设计贴士,帮你塑造更好的iOS应用整体体验 »

2013年的第一篇,也不知道是不是有什么可以庆贺和纪念的。这个假期没少下雪,印象里在1号之后就没见过太阳的样子了;倒是这样夜晚的时候灯光昏黄的吹吹空调听听B.B.King,还真有那么点迷离。

假期中间回去金山海边爸妈家,温度更低,风雪更大,这种季节没什么人还会到海边溜达了,沙滩上原本那些摩天轮和海盗船一类的娱乐设施也都拆除掉了,彻头彻尾的肃杀荒凉。有意思的是在家里翻箱倒柜找到几本1997至2000年间买的杂志,比如Music Heaven啊通俗歌曲啊这些;拍了照片放到微博上,立刻有朋友评论说我完全暴露了年龄,哈。

这次选取了Computer Arts官网当中的一篇小文章。CA,国内叫做“数码艺术”,记得没错的话我是从2006年3月开始购买的,那阵子算是刚刚进入Web这个行当叭,看什么都新鲜,发现这本杂志之后简直就忘乎所以了,无论是内容还是杂志本身的排版设计都让我无法自拔...不过到了09年之后就不怎么买了,感觉它变了...怎么变的我也说不上,总之不再那么爱了。倒是偶尔会在RSS订阅里发现一点可以读读的小文章,所以这次也算是纪念自己曾经对CA的爱叭。十条设计贴士,帮你塑造更好的iOS应用整体体验。

btw,其实这次的图标我不是很喜欢,冷冰冰的赶脚,不过其他几个备选的还没这个顺眼呢。

iOS Wow体验 - 第一章 - iOS人机界面设计规范纵览 »

本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第一章译文精选,其余章节将陆续放出。

关于本套译文分享的详情及目录结构,请参考iOS Wow体验 - 译文分享说明

全文由C7210自发翻译(编译),并首发于Beforweb.com,如需转载,请注明译者及出处信息。英文原书版权由Apress所有,中文引进版的版权由相关出版社所有。

苹果公司制定iOS人机界面设计规范(HIG,Human Interface Guidelines)的目的,是为那些刚刚进入iOS领域的设计师和开发者提供一个最权威、最可靠的起点。他们制定这套规范的方式很简单——提供大量的基础理论知识和技术指导,帮助个人或设计开发团队在最短的时间内创建出iOS应用。

最初,这套规范更多的是在向读者展示iOS平台带来的革命性的交互模式。当苹果刚刚开始将设备开放给第三方应用开发者的时候,他们所面临的最大挑战,就是怎样推广iOS及相关设备,使其成为一种能够切实有效地部署和运行应用程序的系统平台,从而被广大用户所接受。

苹果于2008年夏天推出应用商店(App Store)的时候,移动设备及消费电子产品方面的专业团队已经形成了一个成熟的社区。这些团队完全可以迁移至新的iOS平台,并开始为它打造应用。然而,当时拥有成功技能和经验的人还非常少,苹果需要更多的iOS应用开发团队,需要更多优秀的应用程序,以确保他们的战略走向成功

Pages