进入 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
本台特约探险家萝卜特杰杰与礼昂蓝灯将带您拨开历史的迷雾，探究我们身边的那些未曾失落，一直伴随左右的神秘符号。 咳咳，另外，好消息好消息！浙̶江̶温̶州̶最̶大̶皮̶革̶厂̶.̶.̶.̶ 安妮薇线下 Meetup 深圳站购票环节正式启动啦，正式启动啦，启动啦，动啦，啦！具体链接请点这里，可用微信支付（某主播于本期节目发布前一日，私自小范围放出购票链接，导致已有近 3 成门票被抢，在社会上造成了我台急吼吼卖票赚钱，吃相难看的负面形象。鉴于此，我们决定在 Meetup 当天由其向在场的各位听众郑重道歉。—— 安妮薇电台运营部） # 内容提要 01:24 · 刻意的开头，我们的新企划来了！ 02:12 · 应姓主播描述他头发还浓密的时候，曾经让他难过伤心的一段往事 03:45 · 听众反馈时间 07:08 · 正片时间 11:54 · 原来我们都不喜欢柯南... 13:01 · 耶稣鱼与反清复明的关系... 22:29 · 开关机符号 30:26 · 东方的阴阳鱼 42:27 · 布鲁吐司和丹麦国王 48:45 · 钱钱们的故事 57:32 · @_@ 68:24 · OneMoreThing 里卖票了！ # 参考链接 1. 深圳线下活动购票窗口开启啦~ 2. 丹·布朗的《失落的秘符》 3. 符号学 4. 耶稣鱼 5. 达尔文鱼 6. 几个常见 UI 符号的来源 7. 万字符 8. 阴阳鱼 9. 古罗马时代的阴阳鱼图形 10. 蓝牙图标的品牌最佳范例和指南 11. 「$」、「￡」和「￥」符号的来源 12. 以色列新谢克尔（₪）这个符号应该是各国货币符号里图形化程度比较高的了 13. 「@」符号
咳咳，这是被拖更了一周的一期节目，这也是我们使用全新录音设备完整录制的一期节目，姗姗来迟，骚瑞。 ---------文风一转的分割线--------- （其实就是换了主播来写） PNG、GIF、JPG、这些格式和名词大家几乎每天都要接触，但是里面的细节并不一定每个人都了解，有时候也会给工作带来不少麻烦，进入新时代之后，icon font、SVG、PDF 等等更多的新面孔也增加了我们的学习成本，这里面的坑，也是值得聊上一期的…… # 内容提要 00:17 · 又来了，道歉🙇 02:04 · 感谢大家的姿慈，我们已经找到了合适的志愿者 03:21 · JJ 说这么快就进入主题很不习惯... 06:55 · 「ACDSee」、「Picasa」、「Photos.app」 14:27 · BMP 24:44 · GIF 34:20 · APNG 35:10 · 论打脸，我还是专业的。这里更正一下，Android 至今未支持 APNG 以及 Animated WebP 38:26 · PNG、JPG 49:48 · JJ 说的精华部分竟然是这个！ 59:31 · SVG 75:58 · 唠叨完了，这里是几乎每期都有的 OneMoreThing # 参考链接 1. ASMR 是什么？ 2. 一套典型的「当年的」图标包 3. 经典的看图软件 ACDSee 4. 已经停止服务的 Google Picasa 5. BMP 图片格式 6. 当年的 Winamp 皮肤，最早还没有异形的形式，只能是矩形的 7. GIF 格式 8. GIF 集合网站 Giphy 9. Windows 下的 GIF 编辑神器 GIF Movie Gear 10. macOS 下的 傻瓜式 GIF 生成工具 Gifrocket 11. 倒吊男的微博 12. 倒吊男的部分作品 13. macOS 下的另外一款 GIF 工具 GIF Brewery 14. 动态格式 APNG 的介绍 15. 技术上更先进的来自 Google 图片格式 WebP 16. PNG 格式 17. 安卓上的 JPG 图片多次保存会变绿的梗 18. JPG 格式 19. Alpha 通道 20. Icon font 格式 21. 名字跟 JJ 个人网站只差一个字母的在线 icon font 服务：icomoon 22. 阿里巴巴的 Icon Font 平台 23. SVG 格式 24. 淘宝 UED 的旧文：图片格式与设计那点事儿 25. 经常被叫做「海龟」的绘图编程语言：logo 语言
与播客爱好者一起交流
播放列表还是空的
去找些喜欢的节目添加进来吧
