这是啥字体?

3 月 20 日 • 2017理论 & 教程
只要是个视觉设计师,那你肯定问过或者被问过这个问题吧~ 反正我是碰到过很多,但无奈,对于庞杂的西文字体世界,我只是个门外汉,大部分问上来的字体,我都没法一眼看出来然后回答,所以帮朋友/自己找某个地方用到的字体到底是哪一款成了一件经常需要做的事情。

其实这种问题放到知乎之类的地方问是很容易被人说无脑的,那我就简单说一下碰到这种问题我有点啥思路自己去找字体,大家如果有所启发,也许以后就不用一直求人了。当然,凡事也不用那么功利,即使最后没找到,也是可以享受一下这个过程的。



1. 网页 / 软件里出现的程序绘制的字体

这种往往比较简单,因为凡是系统程序渲染出来的字体,那最后必然会落到一个字体文件上,只不过形式不一样。我们的目标就是找到这个字体文件,或者更寻常的,就是找到这个字体名字就行了。

1.1 网页上的 Web Font
有很多浏览器插件(比如 WhatFont)装上去之后就能点哪里看哪里,一下子就知道用的是啥字体了。当然因为所采用 web font 的提供商的技术不同,以及开发者自己的习惯,这里的名字其实是可以在 CSS 里随意写的,所以也有可能不一定准确(比如你可以看到在 Anyway.FM 的官网上,所用字体的第一个顺位是「Anyway Type」然而事实上这是我瞎写的),那还有个办法,就是利用浏览器的控制台,查看实际下载的那个字体文件的名字(一般是 WOFF、TTF 等格式)
Anyway.Review 的第三期节目,我们从「Bear」这个精致的 Markdown 写作工具来聊聊 App 订阅付费制那点事。

另外,提醒大家本站(终于)增加了可选「当前页面」or 「新开窗口」打开参考链接的功能啦~ 至于为啥以前不加请参见 JJ 的「借口」博文

第一次办知乎 Live

2 月 28 日 • 2017理论 & 教程
言简意赅一点:我和 Leon 要第一次办知乎 Live 啦~

本期主题:转行做 UI 设计真适合你吗?
举办目的:为了赚钱,oh 不对,为了分享经验
适合人群:考虑想要转行过来做 UI 或者还没正式踏入设计师岗位的「年轻朋友们」
不适合人群 1:心理承受能力不强的朋友,因为我们不想光说鸡汤,我们也会泼冷水
不适合人群 2:已经成为设计师的你不是很推荐收听,我们理解你想赞助我台的心情,但我们讨论的更多的将是「转行过来做 UI」

活动时间:2017 年 3 月 14 日 晚上 9:00 到 11:00(对的,白色情人节)
详情 & 参与方式:前往知乎 Live

UI 和 AI

2 月 22 日 • 2017随意吐槽
从上一个时代(我指六七年前,为什么叫上一个时代?因为那时没有培训班)过来的 UI 设计师很多都爱画小图标,就是那种 16 像素的 favicon 尺寸,原因也很简单,因为这种极小尺寸下的图标充分体现了 GUI 设计的几个精髓:在各种限制下做文章细节力求精致内容要讲求主次和取舍

所以每当有人问出「为什么图标一缩小就模糊,有没有什么办法能让他清晰一些?」这类的问题,我们的第一反应是「切」的一声嘲笑,第二反应是大脑中的一句「兄弟!那根本不是机器生成的缩小,要靠人肉调的好不好!」,第三反应(在有空的时候)就是撸起袖子把题主贴出来的范例拖进 Photoshop 然后新建个 16 × 16 的文档给出自己的方案,比如我自己前写的一个教程,又比如方迟的这个回答。整个过程其实就好像一个老司机看见自家小区门口有个新手侧方怎么也停不进,然后他热情地坐上驾驶座,两把调整直接倒进前后加起来六十公分空隙的车位。

图片载入中...
方迟那个回答里的原图和大家尝试的各种小尺寸版本


当然后来技术的指数级发展让单像素一夜间来到了肉眼无法识别的大小。小图标,尤其是极小图标的存在已经意义不大了,在这个充满 Retina 屏的新世界,我们(好吧,我只是说我自己)依然抱有一些幻想,虽然这门技术现在是用不上了,但是里面的核心思想其实是可以举一反三的,靠着这些「老本」我还是能混口饭吃的,以前学的东西并不是完全没用的。

直到有一天,我看到了 AlphaGo,围棋界过了没多久就被彻底击败了,UI 界或许也不远了。上次在节目里提到有个神经网络系统被训练出来用于通过学习书法笔迹来生成完整的字体,当时还还跟 Leon 开玩笑说以前我也想找我司的 RD 搞一个算法,分析每天 Dribbble Popular 榜单上的 UI 作品的配色、布局、字体然后「生成」一个虽然无法落地,但能凑满 800 × 600 画面的「图」,看看有没有人去 like,后来 Leon 表达说 UI 跟围棋不一样啊~ 这是一门技术+艺术的结合,机器能学习、能统计、能预测但是真的擅长创造吗?(大意是这样,我记错的话你们不要告诉他 😔)我并没有跟他深入辩论,只是觉得他说话的口气其实跟柯洁没差,哈哈哈哈。作为一个理科生(当然,其实在大学里挂过的科比没挂过的多,现在绝大部分也已经还给了老师),我更相信技术的力量,也敬畏技术迭代的速度,做艺术、做 UI 这类的还没有被 AI 大规模侵袭可能只是因为对于技术人员来说这个挑战性/成就感不够大吧。

今天在 GitHub 上看到 Dingyi 关注了一直挺喜欢的一个设计师 Ollin一个项目(感觉最近上 GayHub 比 Dribbble 和 Behance 多了肿么破……),是一个优化小尺寸图标的卷积神经网络。以前一直挺喜欢 Ollin 的图标的,虽然用 Leon 的话说「看起来油腻腻的」,虽然不是每个人都喜欢他的风格,但是用 macOS 的朋友多少都有见过一两个用了他设计的图标的 App 吧。以前好像只是喜欢 Ollin 的作品,但没特别关注过他的背景和博客,现在才发现他还是个主修计算机的学生。这个名为 HintBot 的项目还很基础,只能处理 32 × 32 的图片,目标尺寸只能是 16 × 16,甚至如作者描述,连「像素精确」这点都还没有习得,整体效果只能说很一般:

图片载入中...
从左至右为软件直接缩小的结果、HintBot 处理的结果和 Ollin 自己人肉调整的结果


但是见识过 AlphaGo 飞速的发展之后我再也不敢说「还早,还早」了。也许过不了多久,常泡知乎的我真的需要问一个这样的问题「只会做 UI,因为 AI 的发展已经好久找不到工作,生活应该如何继续?」
大家好,由于另外一些「可抗力」的影响,本来应该上周发布的节目延期到今天了,当然,还好上周我们发出了第一期的安妮薇邮报,好歹把「每周都有 Anyway 陪伴你」这句话暂时落实了下来。

本期节目目测又是一个大坑,我们有点自说自话但没有自弹自唱的聊了点本该友台《字谈字畅》里出现内容,说的不对的地方,烦请指正,我们一定听,不一定改。
有好多朋友问过我们在 Anyway.FM 节目中用到的音乐是哪里来的,今天我就简单地总结一下吧。

1. 从未更改的那个片头音乐
其实我们的片头音乐也是难产了蛮久的,主要因为我跟 Leon 对于音乐偏好的一致程度比起我们对设计的认同度要差很多,哈哈哈哈。从 Jazz 到电子乐,我们彼此 propose 了很多音乐片段但都难以达成一致。最后还是 Leon 找的这段「The Beach」算是一个折衷方案(其实主要也是因为再不确定就上不了线了哈哈哈哈)。这段音乐是在 AudioJungle 上买的,而 AudioJungle 是 envato 旗下众多素材网站之一,他们家的特点是性价比高,质量一般,当然最近他们也在改版,至少在照片这块说是要重塑质量,把一般的照片剔除掉(别问我是怎么知道的,我在上面卖的照片因为质量太低不达标被他们从网站上删除掉我会说?)废话说了这么多,The Beach 的链接在这儿:
https://audiojungle.net/item/the-beach/13303155,价格 19 刀。


2. 第一阶段用的间奏曲
同样是在 AudioJungle 上买的,名叫 Jazz Blues,话说这名字实在是太没创意了……sigh,链接在这儿,价格也是 19 刀:https://audiojungle.net/item/jazz-blues/13653630

这一阶段间奏曲就只用过这首,,因为一开始我和 Leon 只想小本经营,买两段意思意思 😂


3. 百花齐放的第二阶段
作为两个喜新厌旧的男人,这简单的间奏曲不但听众觉得单调,我们也有点受不了,所以后来又去买了两打,oh 不,是两段,虽然也用上了,缓解了一丢丢单调,但是感觉这样下去也不是法子啊,这一段就是几十刀,银子不够花啊我的天,所以 Leon 同学开始翻找各种免费音乐库,最终……他找到了这个:Audio Library,其实就是 YouTube 上一个专门收集各种免费音乐的帐号,试听觉得不错就可以去源站下载了,全部都是免费,但也需要注意版权信息,有些可能要求署名。
上周在知乎的这个问题下面被一个匿名朋友给喷了,现在他的回答不知是自己删了还是被举报了,没法引用当时也没截图,大意是说我在 Dribbble 上虽然粉丝有 6k 多,但其实名不副实,大部分作品质量都不高,点赞数很低,跟浏览数一比就更低了。他的话虽然不好听,但我接受他的批评,因为他说的都是事实 😂

不过他的这个想法倒是给了我一定的启发,Dribbble 上的确有不少人像我这样,加入得早并且平时社交网络上比较活跃,但其实作品一般,应该可以利用除了粉丝数以外的其他的数值或比例来建立一个模型,客观地描述一个 Dribbbler 真正的参与度和活跃度。于是花了一个周末利用 Dribbble API 做了一个 Demo:

Dribbble 综合评价系统 - Analytttics



界面比较简单,输入用户名(就是登录用的那个 username)之后得到 5 个不同纬度的分数和一个总分:

图片载入中...
Page 1 of 155       下一页 »