在春运回家的路上，让我们用声音陪你一个小时好了 ? 以及，我们的 2017 年度总结网站还能再玩个几分钟：Anyway.2017 本期播客里煽情的话有点儿多，这里的文字就废话不多说了，祝大家新年快乐！？ # 内容提要 00:20 · 不要慌，上海话播音到此结束 01:25 · 郑重向您介绍一下我司 003 号员工 05:49 · 久违的听众反馈 19:15 · 我们的 2017 年底总结 34:52 · 你以为我们在聊国家队？其实我们想聊聊三体 52:54 · 看了一眼时间线，这个感谢感的有点长 # 参考链接 1. 第 3 号员工的玉照请参见 Leon 的 Instagram 2. 两年前我们的「节前特刊」 3. Google Material Design 中关于图标的那一页 4. 高效使用搜索引擎的一些高级技巧 5. 热心听众艾痴痴痴在上期节目中的留言推荐 6. Coverr 是一个免费视频资源聚合站（适合做 Keynote 背景的那种） 7. 前几天 Dribbble 上的一个高赞作品就是 Sketch 的暗色皮肤，但以我的拙见，完美实现的可能性几乎为零，大家还得多 stay tuned 一会儿才行 8. 我台前年的年度总结页面 9. 今年的年度总结页面：Anyway.2017 10. Leon 推荐的两个在 iPad 上的 Adobe 软件：Illustrator Draw 和 Photoshop Sketch 11. Alan Kay 的那句话：People who are really serious about software should make their own hardware. 12. 李如一关于「某书店」的原推 # 特别感谢 本期 BGM 来自 Kevin MacLeod，封面图来自 Ambreen Hasan

在这个信息爆炸的年代，每个职人都必须学会「善用搜索」才能保证自己不被时代淘汰，设计师尤是如此。接项目、做需求的时候我们每时每刻都需要「搜索」，而搜索的内容包括但不限于参考资料、竞品的方案、素材甚至是八卦等等等等，今天就让我们一起拿起放大镜，好好来探讨一下设计师应该如何去「搜索」。 本期节目的录制其实非常曲折，第一遍快录完的时候 QuickTime 软件崩溃了，大家现在听到的已经是第二遍了，虽然我们提到说要趁着说过一遍的热乎劲让本期成为「废话最少」的一期，但我们还是情不自禁在后半段节目里玩起了「现场游戏」，到底是啥好玩的东西呢？请慢慢听我们道来~ # 内容提要 00:23 · 「事故」经过详解与反思 03:33 · 除了 Dribbble、Behance、 Pinterest 和站酷这四大金刚，还有哪些网站能帮助我们找参考资料？ 13:42 · 你有没有遇到过想搜一种视觉风格但叫不出名字的时候？ 21:43 · 高能预警之「超牛 B」 25:04 · 搜照片素材之 Flickr & Unsplash 38:02 · 搜图标素材也有个好地方 42:57 · 帮人鉴别字体其实和柯南破案是一样一样的 50:49 · 在说字体前先玩个游戏~ # 参考链接 1. JJ 推荐的第一个网站：用来创建情绪板的 Niice.co 2. 非常火的 GIF 聚合网站 Giphy 3. 常被叫做「2.5D」或者「轴测图」的插画风格用英文「isometric」作为关键词来搜索会得到比较精确的内容 4. 「MBE」风格这个名字其实就来源于一位法国设计师 Elvis 的昵称「Made by Elvis」 5. 活用 Dribbble 之按 tag 浏览、按颜色搜索、查看别人的分类收藏夹（也就是 bucket）、按地区和技能找人 6. JJ 在发出「超牛 X」感叹时候所面对的 Garageband 界面 7. 昔日的摄影社区霸主 Flickr 的高级搜索界面 8. JJ 个人广告之「我的 Unsplash 页面」以及历来我台从 Unsplash 上找的封面图合集 9. CC0 许可协议的含义就是你可以随意使用，包括个人和商业，以及任意修改随意重新发布，甚至也不用署名 10. JJ 推荐的那个专门下载「纯形状」图标的网站 The Noun Project 11. 找参考链接的时候，我们惊奇地发现 Iconfactory 的现成图标库售卖网站 StockIcons.com 依然还在「营业」 12. 另一个极其经典（当年）的现成图标库作者：IconDrawer 13. 知乎上的「字体鉴别」话题 14. 看起来非常古老但对于搜索西文字体来说相当好用的网站 Identifont.com 15. 同时，JJ 以前也写过博文介绍了其他部分搜字体的方法：这是啥字体？ 16. 两位主播玩得不亦乐乎那个游戏名叫 Akinator # 特别感谢 本期 BGM 包括 Santo Rico、Redwood Highway、Light Thought var 3、Chorale No. 1 来自作者 Twin Musicom、Audionautix、Kevin MacLeod，封面图来自 Mari Lezhava。

进入 2018 年的第一期，请让我们回归一下本原，从 GUI 设计师的立命之本——设计工具这个主题来开始全新的一年~ 我们聊了 Figma 的使用体验，也一起「八卦」了 Figma 和 Sketch 背后的团队，伴随着毫无意外的、来自 Leon 的、全程不断的对 Sketch 的 diss，希望大家能够和我们一起度过这个「原点」~ # 内容提要 02:31 · 在这里我们有个请求…… 07:45 · 作为一个设计了当世相当大比例产品 UX 的软件，Sketch 本身的 UX 其实有待提高 17:58 · Figma 的出身真是又「红」又专 30:25 · 现阶段的 Sketch 就像当年的 FireFox 33:24 · 老一辈 GUI vs. 新一辈设计师 43:29 · Sketch 背后的 Bohemian Coding 公司 51:45 · Sketch 到底是让「图形设计界工业化」开始萌芽，还是「劣币驱逐良币」？ 54:02 · 从「深色皮肤」到「夜间模式」 62:35 · 我们很怀念 Flash 68:02 · 一次真诚的感谢 # 参考链接 1. 我台新的往期存档页面 2. 我台的 Apple 播客评论通道 3. 本期提到的几个设计软件：Sketch、Figma、Framer 和还未正式上市的 InVision Studio 4. 2016 年底我台的年度总结页面 Anyway.2016 5. Figma 的 CEO 是 Dylan Field 6. 对不起，一向小心眼的我提到一次就必须贴一次这个八卦贴：Bohemian Coding 的黑历史 7. Figma 在发布不到半年的时候就换过一次 logo 8. Figma 官网所用的一款颇有复古气质的字体 Aperçu 9. 看完黑暗版，再来读一下 Bohemian Coding 的「正史」以及早期几个软件 10. Bohemian Coding 早期的大部分设计来自Laurent Baumann 11. Bohemian Coding 目前的设计合伙人Emanuel Sá 12. Everaldo 加盟 Sketch 团队的官推 13. 来看看 2011 年左右的 Panic 的博客的页面设计 14. 以及，后来 JJ 在自己的博客里也加入了这种不同分类不同样式的设计 15. Sketch 的前身 DrawIt 的界面截图 16. 配色巨「娘炮」的另外一个设计软件 GravitDesigner 17. 目前还比较粗糙，但做了部分官方应该做的事情的一个 Sketch 暗色界面插件：Midnight 18. 为 Sketch 加入时间轴进行 GIF 和视频输出的插件 Timeline 19. 当年的《科幻世界》杂志 # 特别感谢 本期 BGM 包括 Backed Vibes Clean、Prelude No. 20、Eastminster、Far Distance、Acoustic Blues、Aces High，分别来自Kevin MacLeod、Chris Zabriskie、JewelBeat 和 Audionautix

作为 UI 行业已经不太年轻的两个从业者，在此 2017 即将结束之际，请允许我们回顾一下历史上的各种「人机交互方式」和「输入设备」，这第一期就让我们从鼠标、触控笔和各种触摸屏开始，这些看似「基础」的设备是我们如今各种交互方式的基石。 PS. 2017 年即将走完，感谢大家一年以来的陪伴、鼓励和建议，我们明年一定会填(wa)更多的坑~ 大家 2018 见了~ # 内容提要 00:17 · 我台与 UX Coffee 进行了友好会晤 03:49 · 听众反馈 05:00 · 今天的主题是「交互」 06:45 · 两个「牛 X 哄哄」的实验室 11:48 · 今天的第一个话题是……鼠标！ 23:23 · PC vs. Mac 32:05 · 鼠标滚轮 43:15 · 上古时代的 GUI 46:18 · UI 设计师会不会有朝一日变成民间艺术家？ 48:23 · 今天的第三个话题：触控笔 61:19 · Anyway.科普杂志之触摸屏的技术分类 # 参考链接 1. 第 19 期安妮薇邮报 2. CCTV 10 的经典栏目《第十放映室》 3. 上期节目的一个超长的听众评论，来自艾痴痴痴 4. 乔布斯偷师施乐实验室的 GUI 概念的轶事 5. 贝尔实验室 6. 电话键盘的诞生 7. 施乐帕克研究中心 8. 施乐的第一台个人电脑 Alto，你没看错，他的屏幕就是竖着的 9. WIMP：视窗、图标、菜单、鼠标指针 10. 介绍各种古董操作系统的网站 GUIdeBook 11. GUIdeBook 上的一张图形图表：历代各类操作系统中的主要图标的演变和汇总 12. GUIdeBook 的作者 Marcin Wichary 目前供职于 Medium 13. 被戏称为「小奶头鼠标」的Mighty Mouse 14. JJ 表示从来也没用过的「纵横双滚轮鼠标」 15. 历史上重要操作系统的「滚动条」控件样式 16. 纪录片《我在故宫修文物》 17. Palm 公司的创始人 Jeff Hawkins 18. 他所发明的 Graffiti 英文手写输入法 19. Palm OS CJK 巨硬拼音输入法的作者有个梨UGlee 20. 国内骨灰级 Palm OS 用家的社区 Hi!PDA PalmOS 板块 21. 电阻屏 22. 电容屏 23. B&N 出品的电子书产品 Nook # 特别感谢 本期 BGM 包括 Canon and Variation、Prelude No. 19、Luminous Rain、Dark Hallway、Light Thought var 4、Amazing Grace 2011 和 Eternal Hope 来自Twin Musicom 、Chris Zabriskie 和 Kevin MacLeod，封面照片来自 Markus Spiske @ Unsplash

Amigo~ 有一搭没一搭的聊聊电影，跑跑题的新一期（也可能是一堆）节目来了！本期节目将花费您 70 分钟左右的时间，请合理安排尿点。节目虽好听，但也要及时上厕所哟！（其实上厕所时也是可以继续听的嘛！） 算算时间，年底前还有一期，酝酿好了的对大家一年来的陪伴的感谢生生忍住，到 54 期再说吧~ 今天就先来谈谈……对，看封面图你就应该知道是聊谁的电影了~ # 内容提要 01:01 · 首先，先来安利一家敌台 02:14 · 同时，也要勘误一个问题 05:21 · 去他妈的「一首歌走天涯走穴艺人型用户体验设计专家」 07:02 · 本期我们聊电影，先从刚看完的 Coco 开始 16:45 · 这期的主线应该大概是聊蒂姆 • 伯顿 24:52 · 万圣节王子想做圣诞老人！ 31:49 · 超现实主义魔幻风格的电影都是我的最爱 39:50 · 是《大鱼》不是《大鱼海棠》！ 49:09 · 不管是强尼还是约翰尼，就是那个德普 69:09 · 以下请 JJ 桑聊聊日本魔幻超现实主义人文科教片，18 岁以下在成人陪伴下收听 # 参考链接 1. UX Coffee 的 Rokey 采访节目 2. 我台北京线下活动后记 3. 皮克斯新作 《Coco》 4. 1998 年的迪士尼动画片《花木兰》 5. 2008 年的梦工厂动画片《功夫熊猫》 6. 以真实到爆炸的的 CG 效果（当年的）为卖点的《最终幻想 8》 7. 1990 年的神作《剪刀手爱德华》 8. 能载入史册的诺兰版蝙蝠侠三部曲之《黑暗骑士》 9. 1989 的蒂姆·波顿版的蝙蝠侠 10. 本期封面「致敬」的对象：《大鱼》 11. 1993 年的木偶剧《圣诞夜惊魂》 12. 《圣诞夜惊魂》创作过程的纪录片 13. 让-皮埃尔·热内的代表作《天使爱美丽》 14. Leon 墙裂推荐的《黑店狂想曲》 15. 1996 年的电影《猜火车》 16. 约翰尼·德普早年的作品《来自地狱》 17. 开膛手杰克 18. Leon 墙裂推荐电影之二：《维多克》

本期的四个主题看似是没啥联系的，其实……真的没啥联系……作为 JJ 从牢小黑屋里放出来之后录的第一期，今天我们就先集中聊一下在 JJ「消失」的几个礼拜中发生的一些设计热点新闻吧~ 特别抱歉的是其中一个主题 Keynote / PPT 在后半阶段当中因为涉及太多八卦，最后只得剪得几乎不剩了……希望等哪天两个主播都离职的时候看看能不能放出来吧~ 请注意本期 26:50 左右有高能，虽然已经调低了音量，但还是善意提醒一下容易被吓到的听众~如果阁下因此而收到伤害，我台只负部分责任哦~ # 内容提要 00:15 · 「想死你们了」 04:15 · 两个都没有拿到真机的人开聊 iPhone X 20:48 · 了不起的鹅厂出了一套中文斜体 26:52 · 高能预警，三声「Bi~Bi~Bi~」 34:59 · 大洋彼岸的 IBM「也」设计了一套品牌字体 40:55 · Connecting dots 47:18 · JJ 关小黑屋的经历 56:55 · 第一期 Anyway.Academy 已经报满 # 参考链接 1. 可爱又强大的 Palm Veer 的官方宣传视频 2. Leon 有一句说错了，形式取决于功能 Form follows function 这句话的历史在这里 3. 腾讯的品牌字体官方介绍文章 4. 视频：腾讯字体——设计背后的故事 5. Co.Design 上的文章：IBM’s Quest To Design The “New Helvetica” 6. 当年方正起诉暴雪侵权事件的新浪专题 7. Facebook 新旧 logo 对比 8. YouTube Sans 字体 9. IBM Plex 简陋的首页以及在 GitHub 上的简介、下载和源码 10. 事实上发布不久之后，iA Writer 就利用 IBM Plex 做了一套很特别的的编辑器专用字体 11. 友台字谈自畅新一期也提到了 IBM Plex 12. 乔布斯在斯坦福大学的著名演讲 # 特别感谢 本期 BGM 来自Audionautix 和 Noble Hunter，封面照片来自 Natalia Y @ Unsplash

讲道理，我先来道个歉，本期节目鱿鱼种种原因，延误了一周多，让大家久等了，实在不好意思。 上上周的时候，JJ 和我趁都在北京出差就一路杀去了知乎位于 768 的公司总部，我们和贵乎视觉设计团队的两位小姐姐一同在录音室里完成了这次超过 2 小时亲切友好的谈话，双方本着友好睦邻诚信互利的原则，进一步加强了两国的友谊...编不下去了，大家直接听节目吧 :) 节目中聊到的一些优秀设计师的姓名和作品详见本期参考链接末尾。 # 本期嘉宾 安奇: 视觉设计师 球拍: 视觉设计师 # 内容提要 00:01 · 你没进错节目，我们的 BGM 会在 09:18 分响起 08:55 · 今天我们在知乎 12:55 · 很多福利的知乎也在招人 25:48 · 走进不科学为您揭露知乎清新自然的插画风格背后的故事 56:45 · 灵感的来源们 62:26 · 第八艺术的魅力 77:35 · 小姐姐们推荐的插画师们 85:30 · 喝点心灵砒霜 # 参考链接 1. 知乎招聘网站 2. Netflix 出品的关于设计的纪录片 Abstract: The Art of Design 3. Leon 老师灰常喜欢的今敏 4. 球拍同学推荐的《凯尔经的秘密》 5. CRT 时代的翘楚：索尼特丽珑显像管 6. 在 Instagram 上用模型小人和日常物品拍摄创意微观场景的田中達也 Tatsuya Tanaka 7. Christoph Niemann 8. Lorraine 9. Vincent 10. Lisk Feng 11. virginie 12. Timothy J 13. Bodil Jane

国庆回来，我们就先来翻翻这 7 天里的「旧账」，聊聊跟我台有莫大的联系的同步工具 Dropbox 更新品牌战略的事。 此外，我台成立两周年的生日派对将在 10 月 28 日于杭州举办，购票链接如下：wx.duohui.co/event/1668 此此外，我台线下小班培训计划正式启动，详细介绍以及办理入学方式如下：Anyway.Academy # 内容提要 00:18 · 莫知莫觉，我台也年过半百了 01:50 · 杭州线下生日派对?的报名正式开始！ 03:16 · 第 50 期的效率就是高 05:00 · 聊聊 Dropbox 15:20 · Dropbox 的设计 17:34 · 瞬间感觉错过很多广告费 26:45 · Dropbox 的感性基因 31:45 · 工具将人从繁琐的日常解放出来，给了你追求更美好事物的可能，而不该是大行其道的懒惰和倒退 37:35 · 油爆里提到的「Design Thinking is BULLSHIT !」 41:37 · 终于聊到 Dropbox 的 re-branding 了 67:43 · 广告时间 # 参考链接 1. 杭州线下活动 2. Dropbox 新版首页 3. 诠释 Dropbox 新品牌形象的官方介绍 4. 我台曾经的赞助商：数码荔枝正版软件商店 5. 2015 年 JJ 去 Dropbox 等硅谷公司访问的游记 6. 前 Dropbox 设计师 Tim Van Damme 7. Jon Ying 以及 Dropbox 团队早期插画作品 8. Dropbox 在 Dribbble 上的团队账号 9. Sketch 47 版，新增了「共享组件」功能 10. 另一位 Dropbox 团队插画师 Brandon Land 11. Design Thinking is Bullshit 视频分享 12. 知乎上关于「全链路设计师」的讨论 13. 2012 年伦敦奥运会的品牌设计 14. Brutalist Websites：「野兽派」风格网页设计聚合 15. Dropbox 新品牌字体 Sharp Grotesk

长假马上到来，相信大家已经屁股坐不住了，那就来听一听我们聊聊设计规范吧~ 不知从啥时候开始，出一套属于自己的设计控件/规范/语言/系统成了各个公司的时尚，好像没一套这样的规范就不好意思说自己做过设计一样了。 那这些设计规范/语言/系统的存在意义到底是啥？我们应该怎么去用？让我们从三大厂的规范聊开来。 # 内容提要 00:51 · 勘误 × 2 05:00 · 无责任八卦诺基亚 08:00 · 究竟什么是「设计规范」 13:35 · 我们真的需要那么多「轮子」么？ 25:25 · Apple Design Evangelism Team 28:41 · Apple 对于设计的控制力到底是在减弱还是增强？ 40:45 · Material Design 的「伟大」 49:05 · Material Design 的「活力」 59:04 · 用 G 家的东西像念小学，A 家是念高中，M 家……简直就是混大学 66:21 · 广告 & Ending # 参考链接 1. frog 从 Nokia 挖来的 Jan Chipchase 2. GitHub 上有人收集整理的部分 Design System 以及他们的比较 3. YouTube 的品牌规范网站 4. iPhone X 出来之后的新规范 5. 给上面那个视频配音的 Mike Stern 的 Twitter 和 LinkedIn 6. 细处解析 iOS 11：苹果还像过去一样在意细节吗？ 7. 早先来自民间的 iOS 的 PSD 模板 8. Fluent Design System 官网 # 特别感谢 本期封面照片来自 Joshua Hibbert @ Unsplash

今晚在 Apple 全新的办公场地，新一代（好吧，应该是两代）的 iPhone 就要发布了，但请允许我们在此良辰之际调转时间的箭头，回顾一下从上世纪末期开始的搞「机」历史，作为数码产品把玩达人，Leon 将展开为期若干辑的回顾，感慨科学技术发展迅速的同时也能发现很多「轮回」一般的变化。 哦，对了，今晚「极」有可能是我台第一次进行「完整」的直播，9 月 12 日晚上 12 点，我们在陌陌和你不见不散~ 陌陌号是 8214769 # 内容提要 00:15 · 关于上一期的「致郁」 04:08 · 滚滚长江东逝水 06:14 · 一代神机 PSP 19:15 · 一条神奇的马路：虬江路 24:24 · 当年的卖点沦为了掣肘 31:44 · 「PDA」这个词你还记得吗？ 35:18 · 胎死腹中的 Windows Mobile 7 39:34 · 「F」开头的设计公司和 iPhone 4 的故事 47:55 · iPhone X # 参考链接 1. 少数派上汇总的新 iPhone 泄露分析 2. 以及来自 Hi-ID 的分析 3. 爱立信 T20 & T39 4. 诺基亚 3105 5. 索尼 Z28 6. 索爱 K700C 7. 虬江路 8. iPhone 初代发布会上那个照片 9. 索爱 P900 10. 胎死腹中的 Windows Mobile 7 11. 诺基亚 N-Gage 接电话的样子 # 特别感谢 本期 BGM 来自 Bensound & LEMMiNO & incompetech

其实本来我想写的标题是「惊！俩男主播竟惨遭面试官多次蹂躏！」，可是被 Leon 给拦住了，说太低俗，哈哈哈哈。Anyway，本期的主题是面试，但和我台建台时的那次专题不同，今天两位主播重点是想要自曝，跟大家说说自己之前或成功或失败的面试经验。 另外，本期的片头和片尾，我们还要聊聊 Medium 的新 logo、杭州线下活动、Apple 发布会直播以及接下来我们想做的培训，对，就是培训，你打我脸吧~ # 内容提要 00:16 · 深圳线下活动回顾 05:32 · 本期 Leon 情绪不高的原因 07:27 · Medium 又又换标了 18:15 · 简历/作品集终究是面试的第一步 30:46 · 噔噔噔噔！自暴环节开始！ 31:05 · 「到目前为止我几乎没有在面试环节失败过」 36:03 · Leon 因为一块主板选择了小米 39:42 · JJ 的「耻辱」经历 45:17 · 「三个字母」公司面试设计师的趣味环节 61:50 · 居然有人比 Leon 还拽 66:03 · 3 more things… # 参考链接 1. 深圳活动的开场问答题 2. Medium 历史上三个版本的 logo 3. 怀旧时间之我台的第一期节目 4. 2010 年的 GAP 换标风波 5. Eli Schiff 喷 Medium Logo，好吧，这两天主要是集火喷 YouTube 中 6. Medium 新 logo 是基于 Noe Display 字体 7. 隐藏了「玄机」的 Leon 的招聘图 8. 我台培训计划的初步调研表格 9. 杭州线下活动志愿者报名表

Dine 是一个合伙人制的专注品牌和产品设计的……我写不下去了……嘉宾给的稿子太严肃了，在主播眼里 Dine 是一家挺特别的（超）小型设计工作室，他们的客户量不多也未必名气多响但作品都带给人小而美的精致感、在执行落地上也算拿的出手，同时在沟通、协作、产出、展示等一整套工作流里，他们对工具的选用几乎有点儿洁癖。 趁着人都在北京，JJ 和 Leon 与杜潇一起进行了一场「有的没的」的闲谈，从移动时代开端时的那些 App 聊到远程协作和设计工具，最后又回到了生活……不知道他的经历和体验是不是会让你对「开一个工作室」有了全新的认识？ # 本期嘉宾 杜潇: Dine 联合创始人 # 内容提要 00:25 · 很硬很硬的开场…… 01:00 · Dine 工作室的「起源」 06:43 · 初 · 移动时代让人激赏的那些 App 09:28 · 品牌设计的迷思之：从大到小还是从小到大？ 13:30 · 远程协作 ≠ 异地办公 19:19 · 小型设计团队的工作流和工具选用 35:40 · 改变了杜潇一生的一条 Tweet 44:54 · 虾米是个好公司（主播语）！ 49:20 · 杭州不是个好城市（嘉宾语）！ 51:08 · 也不知怎么聊起了 V2EX 55:46 · 别的嘉宾聊摄影聊音乐，今天的嘉宾偏要聊「小家电」 # 参考链接 1. Dine 工作室官网 2. 杜潇的 Twitter 3. 杜老师在网易云音乐上的「每周荐碟 」，已经 200 多期了！ 4. Dine 的早期作品，包括知乎、唐茶、PingWest 等 5. 极度拟物化的初代 Camera+ 主屏 6. 同样在 UI 和产品思路上非常拟物化的拍照应用 Hipsmatic 7. 几乎已成事实标准的工作沟通工具 Slack 8. 同上，这个也人尽皆知，但还是凑数加个链接吧：Zeplin 9. 结合了 Git 概念来对源文件进行版本管理和同步的工具 Abstract 10. 这期滥竽充数的比较多：Dropbox 11. Avocode 出品的的 PSD 转 Sketch 工具 12. 曾经的明星级项目管理工具 Basecamp 13. V2EX