十年了，Beforweb

十年了，呃。此时此刻翻看着2011年9月25日晚间在刚刚上线的 beforweb.com 发布的第一篇内容，“关于 Beforweb”，心情却平静的有些出乎意料。 理应来上那么一句“弹指一挥间，转眼就十年了呢简直毫无察觉”一类。然而并不是。无论从哪个角度回头看这十年，“时光”这东西都充满了存在感。成长着，起伏而波折着，旅途一般前行着…丰盛着。 时光真疯狂。 彼时的自己历经了作为网页设计师与前端工程师的五年，刚刚转入交互设计岗位。彼时的行业里“UED”的概念才开始普及开来，而自己连何时用草图沟通何时用线框稿演示方案都还分不太清。彼时的自己刚刚开始关注移动端设计，在资讯匮乏的环境中每天抱着 Apple 的 Human Interface Guidelines 狂学，周身每一个细胞都在无所不尽其极地享受着吸纳新鲜信息的快感；而十年后已将“设计布道师”作为职业而每天为开发者们传授解析着这套HIG。...

4w

把工作当作兴趣爱好也没什么问题

如果工作本身足够有趣、有意义、有群体价值、有影响力输出、有各种挑战及关于未来的可能性，那么我把工作当作兴趣爱好也没什么问题，这才不是什么“无趣无聊”“不懂生活”；不得不从事着让人终日想要依靠各种方式去脱离和逃开的工作，却把那些方式称作“爱好”，才是令人难过的吧。同好共勉。 产品设计前端观点工作兴趣爱好

5w

About a Designer (5) “基础”不简单

Beforweb 重新开动的时候说起“About a Designer”也会继续，那么我们继续。 ​ 前情回顾下？去年 12 月完成了第一章内容，关于我“从手机销售到网页设计师”的转行历程——从第一代触屏智能手机，到野蛮自学立志转行，到艰难维生进退维谷，最终幸运地抓住机会成为网页设计师，故事告一段落。 然而在最初的“广而告之”当中，预计会叨念的还不止这些；接下来的更多内容应该会试着围绕一个个话题展开，而不再以流水账大故事作为驱动了。 “基础”不简单 几周前收到一份 widget 的设计稿。形式很简单，medium 规格，上下两组内容单元，各自包含一行标题和一行描述，逻辑如下： 标题 A 描述 A 标题 B 描述 B ...

Oct 2020

有限开放且逻辑美好的小世界

我庆幸自己在多数时候是个只需和设计、技术，及一群只喜欢和设计、技术打交道的人打交道的人。 我们喜欢这样一个小世界，一个有限开放且逻辑美好的小世界。我们的产出在一些时候就像我们和更大的花花世界的接口，让我们在需要或必须的时候，可以相对从容地和这个大世界进行理性或感性层面的交流；而当交流变得过于纷繁，信息即将过载，这接口可以保护我们回到安静很多的小世界。 ​ 譬如我此刻试着通过键盘和对面的不曾谋面的你们交流；又譬如年复一年习惯成自然的周末跑去公司在清净时光中继续工作。不，这些时候我完全不感觉孤独，这些是无比美好的时光；工作也非工作，而是构建我的自由世界的砖瓦。 就很舒适，不是吗。 构建这样的小世界，无论是设计、开发产品，还是写字，约莫都有些像这秋天夜里盖的薄被子——它有某种开放性，不至于让你闷到做一夜的压抑噩梦；但又有着向内的符合逻辑的安全性，让你能安心地把自己裹起来半梦半醒地感到很暖很甜，这样子。...

Sep 2020

设计 Widget - Logo 与品牌识别

今晚熬个夜呗。那上次聊过了避免功能化的问题，今天简单聊下 logo 与品牌识别，这也是在实践当中非常容易出现状况的小地方。 首先，关于 logo，主要涉及两个点： 要不要加 logo？ 如果要，如何加？ 官方的内容资源对这两个问题都给到了明确的指导建议。对于第一个问题，WWDC20 “设计绝妙组件” 视频（注1）的 14:58 处： “仅当你的 app 聚合了来自不同来源的内容时，才应该在 widget 中使用 logo，例如下列案例：” 注意目前的 beta 版本样式已有所变化，例如“音乐”。 图中包括音乐、播客、新闻和 Twitter，均属于聚合了来源不同之内容的产品；通过明确地放置平台自身 logo 来帮助用户快速识别这个 widget...

Sep 2020

设计 Widget - 避免“功能化”

Beforweb 从这里开始突然就继续了。 今后也不想再像过去那样开篇先码出约莫八千字的意识流。尝试尽快进入主题。若必须念叨些有的没的，也一律写在主题内容之后好了。 从今年新的 widgets，即“小组件”说起。公布已有两个多月，想必各位不再陌生。从目前了解到的一些基于真实产品而设计的 widgets 来看，大家多多少少都会遇到一些典型问题；确实难免，本就是新的特性，每个 app 都需要摸索试探，即便 HIG（注1）提供的设计原则也难以覆盖到所有真实产品可能涉及到的特定问题。 这些问题大体包括核心信息的选择、界面功能化的表现、信息布局合理性、logo 与品牌识别元素、场景与类型设计，等等方面。我约莫会时不时地挑出一个来念叨，就像现在这样。希望保持在从前随笔的轻量篇幅以内，而不会成为长篇累述。...

Sep 2020

回来了，我们继续

​我是 C7210。回来了，我们继续。感谢你们还在。 距离小别已半年有余，时间过好快，各位都好？Beforweb自从在架设的那天起就不曾搁置这么久；眼看快到九周年，寻思着差不多是时候重新开始了。 这里删掉约么两万字来解释中间发生了什么。两万字倒也谈不上。简而言之，职业发生变化，专注设计布道；不便于广泛讨论很多话题，更不便于轻易表达很多想法。因此权衡之间暂作摸索和观望。这一权衡下来便是八个月。 但我没有一天不在想着何时可以重新开始我的 Beforweb，没有一天不在想着何种情况下可以继续我这个建设了将近九年的属于自己的小天地。 所以摸索清楚该以怎样的姿态与视角继续产出内容了吗？并没有。我只大致限定了一个安全的范围，然后设定了目标：只要我想到的内容不超出这个范围，一切随我性，无论主题，篇幅，形式，频率，时间...

Sep 2020

小别

​Hello 各位，还有一周就是春节了，给大家拜个早年。十二生肖轮回到起点，很好的寓意，是全新的开始。 由于接下来工作及个人方面的一些原因，我决定暂时停下 Beforweb，包括公众号和博客在内，都会在一段时间内稍作休整；同时所有的 WireframeKit 也会下架，且暂时不再提供更新，还望理解。 是休整而非关停，这还请各位放心。这边所有的过往内容，包括公众号和 Beforweb.com 都还在。只是接下来的工作方向相比于过去十多年会稍稍有些变化，可能会更多地聚焦在面向开发者的交流协作方面。我个人需要一些时间去调整和适应，同时也要考虑清楚如何让 Beforweb 更契合新的方向。 新的“麦田守望者”徽章。依然在路上。 只是想想看如果连个招呼也不打就那么默不作声地暂停输出，对将近十年来一直支持我的各位来说实在难以交代，所以今天做一个像样的告知吧。我不会离开这个江湖很远，说不定还会看得更清晰全面，并且为更健康的设计开发生态建设贡献更多力量和价值。这是我的愿望，一路未变。...

Jan 2020

基于机器学习的产品体验设计 (4) 输入的设计

了解过界面输出的一系列设计要素与原则，接下来我们要探讨关于“输入”的设计。 人们会与界面输出进行互动，期间系统所接收到的反馈信息即为“输入”。我们可以有意识地通过这些反馈来优化模型并提升功能体验。 ​第四部分：输入的设计 了解过界面输出的一系列设计要素与原则，接下来我们要探讨关于“输入”的设计。 人们会与界面输出进行互动，期间系统所接收到的反馈信息即为“输入”。我们可以有意识地通过这些反馈来优化模型并提升功能体验。 输入（Inputs） 我们将要探讨四种类型的输入： 校准设置：获取基本设置信息，使功能进入运作状态。 隐性反馈：潜移默化地从人们的行为当中获取反馈信息。 显性反馈：允许人们直接对输出进行反馈。 手动修正：允许人们自主更正模型产生的错误输出。...

Jan 2020

基于机器学习的产品体验设计 (3) 输出的设计

聊过了机器学习的基本原理及模型层面的设计要素，即“数据”和“指标”，接下来我们将探讨界面层面的设计。 优秀的机器学习体验一方面取决于底层模型的质量，另一方面取决于界面能否帮助人们以符合直觉的方式与信息互动。 模型的处理结果会经由界面转化为易于人们认知和互动的信息，即“输出”；模型从人机互动过程中接收到的，可以被用于模型优化的反馈信息，即“输入”。 第三部分：输出的设计 聊过了机器学习的基本原理及模型层面的设计要素，即“数据”和“指标”，接下来我们将探讨界面层面的设计。 优秀的机器学习体验一方面取决于底层模型的质量，另一方面也取决于界面能否帮助人们以符合直觉的方式与信息进行互动。 模型的处理结果会经由界面转化为易于人们认知和互动的信息，即“输出”。 模型从人机互动过程中接收到的，可以被用于模型优化的反馈信息，即“输入”。...

Jan 2020