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

原创翻译

图文版 WWDC 设计分会:基础设计原理 - 可见性与一致性 »

此刻是周一凌晨。刚刚过去了一个略有趣的周日。被斑斑咬出伤口,去医院打疫苗撞到电线杆上,回去漫咖啡的路上因司机在车内吸烟而向滴滴做了投诉。台风之后的天气立刻恢复了暴晒的面目,简直不留一丝余地。

幻想一个家。在 store 里观察着顾客,渐渐就开始自顾自地被家装和物件吸引着而开始出神了。每个人的脸上都洋溢着幸福与期待,每个人都值得拥有爱与美好。这是个旅途。一个叫做命运的茫茫旅途。

继续上期主题,即 2017 年 WWDC 之“基础设计原理”设计分会,演讲人是 Apple Evangelist 团队的 Mike Stern。在上期当中,我们了解了导航与反馈,错过的朋友不妨回看;今天的话题聚焦于“可见性”与“一致性”。

图文版 WWDC 设计分会:基础设计原理 - 导航与反馈 »

Hello 各位,到了傍晚时分仍然一副炎热盛夏的面目,树叶仿佛也被阳光压的喘不过气,动也不怎么动的样子。

到了夏天就越发喜欢看冷兔。运营了九年的品牌,形象和内容都越发多样和有趣,还衍生出了可爱的冷兔宝宝家族,超喜欢。同样八、九年,我的 Beforweb 甚至谈不上运营,偶尔想想也只觉得在年复一年做着同样的事情,什么也没怎么变,就这样做啊做的。捂嘴笑。

之前做过两期 WWDC 设计分会全图文,关于 iOS 13 设计特性,错过的朋友不妨回看。今天翻出 2017 年的一场重要的分会,演讲人依然是 Apple Evangelist 团队的 Mike Stern,以一系列基础而重要的设计原理为主题;我看了好多好多遍;里面有真智慧,不是说笑的。

图文版 WWDC 设计分会:iOS 13 设计新特性(2) »

​Hello 周三午安,热了哦。从小到大每到这种季节总会幻想被一缸冰镇酸梅汤从头浇到尾的样子,高兴了还张嘴喝几口,冰块稀里哗啦地碎了一地那样。

上周开始尝试通过全场译文及对应关键帧截屏的方式对 WWDC 期间一些重要的设计分会进行记录和解析。我个人还蛮喜欢这种形式,可以充分挖掘官方设计团队提供的重要信息,又可以图文并茂。

第一期当中,我们跟随主持人 Mike Stern 了解了 iOS 13 深色模式的相关要点,包括语义化颜色、材质、控件新样式、SF Symbols 等,错过的同学不妨稍作回顾。今天继续,来了解新的卡片风格面板与情境化菜单。

图文版 WWDC 设计分会:iOS 13 设计新特性(1) »

Hello 各位,好久不见。近一个多月来个人事务繁多,更新较慢还请见谅。

话说今年 WWDC 期间看到一些设计方面的分会视频,便萌生想法要做这样的中文图文版本。其实过去每年的 DC 分会都有几场不错的设计主题演讲,印象里包括 2017 年的基础设计原则专题,以及 2014 年的快速原型专题等等,都非常值得学习。

或许是因为 WWDC 分会视频的获取成本较高,且多是缺乏字幕的英文原声,所以一直以来没见到太多同学在关注,也蛮遗憾的。现在我来推一下好了,就从今年的“What's New in iOS Design”开始。

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

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

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

本文译自 iOS Human Interface Guidelines

暗黑模式设计原则浅析 »

黑夜给了我黑色的眼睛什么的。周三夜间,明天之后便是端午假期,提前祝各位安康。

iOS 13 不出意外地带来了暗黑模式。我的第一反应是:待到九、十月份系统正式推送的时候,WireframeKit 组件库要做超大更新了;连同“iOS”、“Social”及近期可能上架的新库应该都会包含在内;如果不出意外,同样会是一如既往的免费升级。

还不了解 WireframeKit Sketch 组件库的朋友们可以到这边稍做了解先

接下来说正事儿了。近来正好读到这样一篇文章,关于暗黑模式设计原则的一些探讨,值得一读;今天便带来译文。话说年底要上映的最新一部《终结者》叫做“Terminator:Dark Fate”,黑暗命运,也很妙呢。

Google Translate 改版经验谈 »

问各位周一午安,真的快要六月份了。天就这么嗡的一下热起来了,神经质一般的风雨怕是没太多机会任性了,接下来的梅雨季又是另一种脾气了吧。

上周稍忙碌,没有发文,抱歉先。其实有帮优设写一篇工作习惯方面的分享。关于质效习惯、知识管理一类,总想写些什么出来,然而想到框架庞大,心里便弱弱地拖延了下去;这次搞不好也是个起步的契机。

周末得空做篇译文,来自 Google Translate 团队设计师的改版经验分享。今年前几个月有太多译文出自合作作者,近来重新开始自己做译,每次都感到轻松畅快、简单有趣;这才像事情应该有的样子。下面进入译文。

设计师如何应对负面反馈 »

编者按:慢慢恢复更新节奏,不懈怠,不急迫。近来每天从早到晚只听一个团,以至于连续多日睡梦中不停地循环他们的歌曲。强迫自己多出来的一些睡眠时间却被音乐侵蚀着质量,且并非真实的音乐,而是头脑中的回放,想来突然觉得可爱的有些好笑,真正 Killer Queen。

本周的译文,来自合作作者 Esther,“一直走在设计路上的文艺青年一枚”。主题很落地,并且让我想到了之前一篇随笔,关于如何避免通过高保真原型进行前期探索的话题;本文中的一些建议值得留意借鉴;请春天认真地温暖起来吧~ - 编者人格的 C7210

产品从零到一的四个发展阶段 »

编者按:春困春乏春拧巴。谁给对个下联加个横批?春天的印象总是亚健康,有心做很多很多事啊,时间、网速和身心状态总像是羁绊。我这么说着就想起了 EVA 来,最后大家都那样了,变成芬达了,再没有力场阻隔着身心,不是很好么。

听歌,揉猫,做事,放译文,来自合作作者 Qmy 同学,原文作者 Julie Zhuo,非常非常干的干货。我超爱 SuperDry。- 编者人格的 C7210

项目沉淀 - 维基百科页面预览的设计体悟 »

编者按:今天看掉《阿丽塔》,被节奏带的心砰砰跳,但戛然而止的结局还是难以买账。周日夜间此刻更应只是听着缓和的音乐放空,准备迎接新一周的忙碌;现实则是一边用威士忌抚慰着疼到心烦的三叉神经,一边编辑公众号。你很难断言这两种状况哪一个更有趣些。

今天还发现一个名叫 i·Tattoo 的好去处,综合了纹身、酒吧餐饮、潮牌与画廊的地方,花臂小哥们的服务也很到位。我很喜欢他们的 Slogan:"Our Art,Your Story!",范儿。

来自新合作作者贾斯汀·比比的译文,维基百科设计师的项目沉淀。比比同学,“视觉交互,能写会画,眉毛胡子一把抓”,译文风格很稳,希望能为各位带来参考价值;有意合作的朋友也可以到公众号“Beforweb”联络我。- 编者人格的 C7210

Pages