陆陆续续做做停停修修补补改改弄弄了好久终于写出了第一个(其实简单得像个 Hello World 样板一样)Chrome 插件 Anyway.Tab。顾名思义,这个插件非常简单,就是在 Chrome 浏览器的新建标签页中显示我台过往节目和 shownotes 中推荐的内容以及推送新番提示。

图片载入中...

Anyway.Meetup 深圳站

8 月 3 日 • 2017网摘分享
经过漫长的筹备(因为我和 Leon 懒)Anyway.FM 线下聚会深圳站终于登场啦~ 我台的这第三次线下活动定在 8 月 19 日,在深圳南山区和大家一起聚一聚~ 细节如下:


1. 活动内容
  • 主题分享《Anyway,我们快两岁了》
  • 现场特别节目录制
  • 嘉宾主题沙龙

AW #44: 各种图片格式们

7 月 20 日 • 2017Anyway.FM
咳咳,这是被拖更了一周的一期节目,这也是我们使用全新录音设备完整录制的一期节目,姗姗来迟,骚瑞。

---------文风一转的分割线---------
(其实就是换了主播来写)


PNG、GIF、JPG、这些格式和名词大家几乎每天都要接触,但是里面的细节并不一定每个人都了解,有时候也会给工作带来不少麻烦,进入新时代之后,icon font、SVG、PDF 等等更多的新面孔也增加了我们的学习成本,这里面的坑,也是值得聊上一期的……
这是前一阵来自知乎的一个问题「Dribbble 客户端 ZEEEN 是怎么做到详情页颜色是适配的?」,我虽然没有在产品里做过落地的完整方案,但是因为以前想搞个好玩的 side project 第一步就是要提取图片的颜色,所以曾经在 GitHub 上搜索过一阵。有朋友评论说其实在安卓段系统就提供类似的支持,但当时找的这些主要针对其他平台,如果大家有相关功能和需求,希望能提供帮助吧~


1. ColorArt
因为很早就有关注 Panic 这个 macOS 软件开发商,所以这个库以前也有见过,是在 iTunes 某一版更新了「根据唱片封面提取条目背景色和标题、正文文字颜色」的功能之后,Panic 的工程师自己写来模仿的,在他们的博客上也有简单介绍背景:iTunes 11 and Colors

这个其实效果挺好的,但因为是用 Objective-C 写的,我不会,所以当时放在了一边。


2. 然后我尝试了一下 zeke/get-image-colorsthephpleague/color-extractor
因为种种原因(好吧,其实就是因为我的代码能力太弱了)都用不大起来,这两个是 JS 和 PHP 的,网页项目里应用起来应该方便些。


3. 最后我自己使用的是 arcanis/colibrijs
其实算法也是源自在 Stack Overflow 上某个用户去模拟 iTunes 11 的封面颜色提取功能,帖子里有详细介绍实现原理:How does the algorithm to color the song list in iTunes 11 work?

简单来说就是程序把所有像素的颜色都提取出来,然后设定一个阈值,所有像素里颜色区别小于这个值的都归到一坨,数量最多的那几坨就是提取出来的主要颜色。而在 iTunes 唱片封面这个场景下,为了能提取一个背景色出来保证对象图片放上去非常和谐,背景色是对图片边缘单独做一次取色的。而「颜色区别」的实现方式是把 RGB 三个值变成一个三维坐标再进行一个空间变换(作者说是为了符合人类的认知习惯,会有些类似我们做数码设计的时候经常是在 HSB 而不是 RGB 里挑颜色)然后计算两点之间的距离。Again,因为我自己对于这些代码完全是一知半解,所以这部分原理我吃不透,欢迎大家说得更详细一些。

因为这里的主要原理是看哪些颜色占的面积更大,所以其实对风景、人像等照片处理的效果会比较好,但对于很多 UI 作品来说效果一般,我猜测是因为在界面里很多有点睛作用的「细细」的图标和文字虽然颜色和背景差别特别大,但如果单纯用里面的实际像素来算面积的话就微乎其微了。总之,如果把 colibrijs 用来提取 UI 作品颜色的时候效果一般,大家可以看这个 Demo 感受一下:

图片载入中...


这个效果我觉得比 Zeeen 里的差不少,刚刚看到这个问题的时候我厚着脸皮私信问了一下 @Nobtaka,Zeeen 的设计师。他问了他的开发者合伙人表示他们用的就是 Panic 最早时候公开过的 ColorArt

做客 UX Coffee

6 月 30 日 • 2017理论 & 教程
和 Leon 搭档了快两年了,这次头一回抛下他和友台做节目,基友不在,一个人略紧张,不过好在 UX Coffee 的主播们事先准备得非常详细,提纲内容很清晰,让我不至于像自己节目里那样说着说着就跑偏了 😂

很荣幸成了友台第一个越洋录音的嘉宾,从小学聊到了两份工作,那天录了整整录了三个多小时,指数级地增加了他们剪辑的难度,导致最后只能分上下两期,而且发布时间都推迟了,嗯,我的锅。
图片载入中...
Anyway,有兴趣的朋友可以关注 UX Coffee 最近的两期(标题真的不是我起的):

#30:这个公司端午节发粽子吗?
#31:工程文化主导下,设计师如何推动自己想法?
本来以为换了新话筒,可以扬眉吐气的面对嘲笑我台「AV音质」的朋友,谁曾想,由于对新设备特点不熟悉,这次还是「AV」了。等着,下一期一定杨梅吐气!

言归正传,今天请让我们「不务正业」地聊聊声音这个经常被忽视的元素,其实跟 GUI 一样,声音同样是用户体验中的一环,照旧请让我们从会议开始慢慢开启声音之旅。

深圳线下活动暂定在 8 月举办,我们正在招募志愿者,附送的福利请听节目里的介绍,有兴趣申请的朋友请移步这个在线表格

Dribbble 邀请派发日

6 月 22 日 • 2017网摘分享
今天(6 月 22 日)Dribbble 搞了一个活动:Draft Day,说是因为今天碰巧赶上 NBA 的选秀日,其实说白了就是 Dribbble 想要扩大用户基数了(我又被活生生打脸了,前两天还说 Dribbble 太慢,今天他就迈大步了)。活动的详细规则是每个现有的 Player(就是能发作品的会员)都会获得一枚邀请,但是这枚邀请必须要在今天这一天内用掉,过期作废。所以……有需要的朋友赶紧去找身边的朋友要吧~

  1. 我的邀请码已经被瞬秒了,所以不用留言给我了,大家还是找自己身边的人吧,这一波数量应该是足够的 a😀
  2. 最方便的邀请方式是被邀请人先注册一个普通账号,然后邀请人去他的页面点名字旁边的「Draft」按钮
  3. 被邀请人需要在设置里面勾选上「List as Prospect」的选项(详细文案我记不清了 🤣)
Page 1 of 158       下一页 »