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

HIG

近来在尝试养成空间思维习惯 »

一个月前,新平台随 WWDC23 登场。如此重大之事件,却未曾像七年前热衷于 VR/AR 的时期那样大书特书,也是稍有惭愧。仅稍有而已,毕竟一个月间没有哪一日不在忙碌于相关布道工作,只是输出平台不同。此刻回来这里落下些少许文字,像是回到属于自己的一片港湾。

“热衷于 VR/AR 的时期”竟然已是七年前。“时间真疯狂”一类。顺手打开 Tom Waits。

自己吭哧吭哧翻译 HIG 之事也有十年或不止?官方中文版本《人机界面指南》已于六月上线。继而规划相关工作。难以名状的时空跳跃之感。

十年了,Beforweb »

十年了,呃。此时此刻翻看着2011年9月25日晚间在刚刚上线的 beforweb.com 发布的第一篇内容,“关于 Beforweb”,心情却平静的有些出乎意料。

理应来上那么一句“弹指一挥间,转眼就十年了呢简直毫无察觉”一类。然而并不是。无论从哪个角度回头看这十年,“时光”这东西都充满了存在感。成长着,起伏而波折着,旅途一般前行着…丰盛着。

时光真疯狂。

大家处于相同起跑线的时段 »

设计生涯 90% 的时间在利用成熟技术及设计模式来围绕着业务目标进行设计的大家,若遇到新技术发布且尚无任何产品/竞品可以参考时,该怎样设计你的场景、功能、交互逻辑与界面。譬如 SharePlay。

每年七、八月便是大家处于相同起跑线的时段,从某几个特定平台的角度讲。

HIG 有什么用处? »

HIG 有什么用处?很多设计开发人员问过这个问题。近来一位独立开发者为这个问题做了最基本和朴素的诠释:“我一人开发所有这些 app,时间都 用在功能实现上,没有精力探究设计;所以我最大程度遵守 HIG 和原生设计模式,不用多操心就能确保界面易懂易用并符合各方面的设计原则原理。”

iOS 13 设计指南:深色模式篇 »

很久没做官方的设计指南喽,上一次莫非还是2017年的 ARKit?毕竟此次深色模式非常重头,对界面设计相关工作带来的改变还是蛮大的;加之其他一些相关更新同样出彩,所以今年应该会零星选择几篇 HIG 来做译。

上周的一篇“暗黑模式设计原则浅谈”泛泛地介绍了一些背景与高层原则,而官方的指南更侧重于细节层面,虽然篇幅较短,但仍然可以帮助你在真正上手新系统及深色设计之前,对相关设计原则,特别是颜色的适配机制与方法进行了解。同时也建议各位观看本次 WWDC 相关讲解视频,理解会更加全面。

本文译自 iOS Human Interface Guidelines

iOS7第三方应用重设计的解决方案及案例参考 »

10月3日,似乎是假期的第三天了,日子已经过到无可名状的样子了。把小病猫从医院接了回来,病情稳定了些,至少眼下还没有继续恶化下去。每天喂5种药,并且将猫粮泡成浆糊强行喂食。那么像现在这样可以在间歇当中抽些时间出来专心打几个字,更新一下博客,已经变成了奢侈的享受,很珍惜。

不知这样的日子什么时候可以结束,希望是以好的方式逐渐恢复正常。但不知哪里来的勇气,在这样的状态里却悄悄鼓起了一些力气,一方面尽力维护小猫的状态,一方面努力珍惜分分秒秒空闲的时间看些书,做做事。总会好起来的。不过还是买了瓶JD陪着自己,这种时候还是需要一些的,半口下去头疼就能好些。另外也真心感谢在微博和微信里给小猫祝福,给我鼓励的各位朋友们。

那么就来看本周译文呗;之前的几篇都是资源和参考方面的更新,今天恢复一下常态吧。

这里开始译文。乍看上去,“为iOS7重设计”无非就是新的应用图标、无边框按钮、与导航栏配色相匹配的状态栏等等。不过如果你再深入挖掘一些,便会发现很多耀眼的地方都体现着iOS7的三大设计主题,即“依从、清晰、纵深”。

对于某些应用来说,这些改变带来了设计上的极大改善,而另外一些则甚至比从前还要糟糕,不仅可用性被破坏,而且品牌识别效应也大打折扣。本文会围绕着iOS7 UI过渡指南当中提出的一些关键性的设计解决方案,介绍一些比较有代表性的应用案例。如果你正计划着升级自己的产品,或是以iOS7风格为准绳从零开始设计应用,那么这些例子可能会帮你更好的起步。

导读文摘130906 - App体验记录、更多iOS7设计规范译文 »

周五晚上还算精神,既没有一周工作结束后的轻松与愉悦,也没有摧枯拉朽的疲劳与无力;平常心。

于是临时来一发导读;不过眼看着已然10点半了,今天能不能发上来还两说的;平常心。靠在沙发上,看着傻猫猫仰面朝天的睡着,偶尔抖抖爪子,然后自己抱住自己的小脑袋瓜,也许是在做梦吧;听着Foo Fighters,完全是去年这个时节的节奏,仍是秋高气爽,却物是人非。

今次的导读包括两篇已经放在Beforapps上面的App体验记录(均为投稿作品,欢迎各位投稿或瞎聊呗,发coda7210的gmail或者到微博联系我都好),以及我目前所在团队中几位交互设计师翻译的若干章节的iOS7设计规范;个人认为是HIG中最关键的几个章节,关于各类栏、控件的外观、交互规则等方面。

哦另外说,最近试着在这边一些页面侧边增加了一个“推广”,链到一笔一画的iPhone5草图本;她家还有其他一些不错的本子,喜欢的朋友可以看看呗。

iOS7界面设计规范(13) - UI基础 - 与iOS的系统整合 »

突然就到了周日傍晚。你永远不会知道自己的生活在接下来的一周当中能够发生多少变化;各种不可预知性所带来的更多是快感还是焦虑与不安,冷暖自知。相比之下,白天工作当中那些需求列表与排期文档就显得那么可爱了,哪怕有各种临时任务或需求变更,也最多只是让人在身体上疲劳一些而已。但有些事就远没这么简单了。

无名无状的话说到这里。今天的这篇更新是iOS7界面设计规范预发布版本第一章的最后一个小节了;我这边的汉化工程暂时告一段落。正如之前提到的,接下来会有我现在的一些同事参与进来,大家一起贡献更多的力量。届时,相关内容可能会首发到团队博客当中。那,眼下先感谢各位最近两周的鼓励与支持呗;从下周开始,没有意外的话,Beforweb会继续回到各种UX文章的更新上来。

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

译文最后更新时间:2013-06-30

iOS7界面设计规范(12) - UI基础 - 品牌 »

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

译文最后更新时间:2013-06-29

Pages