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

设计

图文版 WWDC 设计分会:跨平台设计 (1) 平台选择 »

风扇的声音承载着夏天的味道。然而明明已是九月中旬,暴躁的阳光却依然一马平川地肆虐在大地上,将一切映照得如此刺眼。

过去一两周稍作休息,本周继续“图文版 WWDC 设计分会”,进入新的系列。

开始之前我们稍作回顾。目前已经完成的两个系列包括:“iOS 13 设计新特性”,涉及深色模式、SF Symbols、卡片面板及情境菜单等话题,错过的朋友不妨回看,毕竟新系统将会在近两日正式推送。在“基础设计原理”当中,演讲人通过一场夏威夷之旅带领我们了解了一系列重要的设计原理,包括一致性、可供性、心智模型、渐进呈现等等,深入浅出,老少咸宜,强烈推荐。

图文版 WWDC 设计分会:基础设计原理 - 小结与设计建议 »

周四晚间,珍惜一日秋爽。傍晚在楼外看着雨,甚至感到穿短袖有些凉意。然而秋天怕是没这么容易入,必须苟延残喘到九月底吧。多下些雨,外面的小猫小狗也好有些水喝。

本期篇幅很短了,作为 WWDC 设计分会之“基础设计原理”的收尾。这场时长约为一个小时的讲演,被我们拆解为五期图文;期间,我们跟随 Apple 设计布道者团队的 Mike Stern 老师一起了解了十项基本设计原理,包括导航、反馈、可见性、一致性、心智模型、邻近性、映射、可供性、渐进呈现、对称性。

不知各位感觉如何,我自己从来都能从这类“基础性”的内容当中得到很多,或是汲取新知,或是巩固以往。正如 Mike 在讲演开始时所说,“或许你会觉得这些原理看起来非常基础或是显而易见,但在很多时候,意义最为深远的,往往正是那些看上去非常简单的东西。”

图文版 WWDC 设计分会:基础设计原理 - 渐进呈现与对称性 »

周二夜间。冲了个澡出来竟然听到了滚滚的雷声,滴滴答答的雨也落了下来。强弩之末的夏季,疯狂高温高湿的日子,如此结束倒也有了些许戏剧性。

两个半月的个人事务忙碌状态也终于在本周暂时画上了句号。很多在从前完全不敢设想的挑战和难关,也不得不逐一面对和战胜,回头看看我甚至觉得有些懵逼。这个夏天到底发生了些什么。并不确定。

刺眼的阳光,湿热的空气,窒息的压力 - 回望这些日子,记忆中大约只有如此的印象。一个人面对世界的善意或冰冷或挑战或不屑的能力在变强,但到了夜里又开始全身心想要“喝两口”的欲望是怎么回事。

图文版 WWDC 设计分会:基础设计原理 - 映射与可供性 »

大约周四午安。此刻是周三晚间,坐在七点多就已然空旷无人的公司茶水间,窗外每隔几分钟便有轻轨驶过。我目送那一众乘客渐行渐远,不久之后四下又宁静了起来。

你是否有着那么一些不大敢于听起的歌曲,一些前奏一旦响起就会在眼前跑马灯似的浮现出那些人那些事的歌曲,如《麦田守望者》的最后一句“你千万别跟任何人谈任何事情。你只要一谈起,就会想念起每一个人来。”

我甚至会因此而不大敢于去听任何或新或旧的音乐,似乎任何值得忆起的时光终究会成为从指缝中悄然溜走的过往。于是我决定每晚都弹一些即兴的小段子,录下来,像是把材料存在抽屉里,说不定会化学反应出美好的、不会溜走的声音或记忆。意识流嘎然而止。

图文版 WWDC 设计分会:基础设计原理 - 心智模型与邻近性 »

周日夜间,窦唯,黑梦。你且吟唱,我且执念于不安与不满。仍在路上。

白天还在逛直播支架那种东西。好早以前就叨念着要做黑胶唱片直播 - 对着旋转播放着的唱片,直播。为何一直在拖延。可能因为我不会。我不知在什么平台做如此平淡无聊的直播,也不知道该用怎样的设备。

如果哪位朋友有过直播经验,或了解相关的话题,还望赐教;留言或直接小窗都好。

然后说正经的。继续上期主题,即 WWDC 之“基础设计原理”设计分会,演讲人是 Apple 设计布道者团队的 Mike Stern 老师。在上期当中,我们了解了“可见性”与“一致性”,错过的朋友不妨回看;今天的话题聚焦于“心智模型”与“邻近性”。

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

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

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

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

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

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

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

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

WireframeKit for Sketch 免费更新 »

​Hello 各位,WireframeKit for Sketch 更新喽,Social、iOS 12、Impart 都有涉及,老朋友们可以关注一下;一如既往,更新全部免费。还不了解 WireframeKit 组件库的朋友可以参考后文的简介。

这次更新主要针对的是 Sketch 在大版本 53 当中提供的一项重要功能,即 Symbols 覆写管理功能(Manage Overrides)。

图文版 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”开始。

Pages