<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[图月志]]></title> 
<link>http://iconmoon.com/blog2/index.php</link> 
<description><![CDATA[JJ Ying 的界面设计博客，博主同时也是设计播客 Anyway.FM 的主播]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[图月志]]></copyright>
<item>
<link>http://iconmoon.com/blog2/apple-podcasts-embed-player/</link>
<title><![CDATA[苹果播客支持网页内嵌播放器]]></title> 
<author>jj.ying &lt;yingjunjiu@gmail.com&gt;</author>
<category><![CDATA[网摘分享]]></category>
<pubDate>Thu, 19 Nov 2020 02:55:37 +0000</pubDate> 
<guid>http://iconmoon.com/blog2/apple-podcasts-embed-player/</guid> 
<description>
<![CDATA[ 
	继 Apple Music 之后，苹果播客的内容也可以直接在网页上内嵌了，而且比起音乐播放器，应该功能还更完整一点儿，支持单集和整个播客两种形式，让我来试试看：<br/><br/><p align="center"><iframe src="https://embed.podcasts.apple.com/cl/podcast/118-%E6%B2%A1%E4%B9%B0%E5%88%B0-iphone-%E5%92%8C%E4%B8%8D%E6%89%93%E7%AE%97%E4%B9%B0-iphone-%E7%9A%84%E4%BF%A9%E4%BA%BA%E5%8F%88%E8%81%8A%E8%B5%B7%E4%BA%86-iphone/id1053786200?i=1000499252789&amp;itsct=podcast_box&amp;itscg=30200" height="175px" frameborder="0" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" allow="autoplay *; encrypted-media *;" style="width: 100%; max-width: 660px; overflow: hidden; border-radius: 10px; background: transparent;"></iframe><br/><br/><iframe src="https://embed.podcasts.apple.com/cl/podcast/anyway-fm-%E8%AE%BE%E8%AE%A1%E6%9D%82%E8%B0%88/id1053786200?itsct=podcast_box&amp;itscg=30200" height="450px" frameborder="0" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" allow="autoplay *; encrypted-media *;" style="width: 100%; max-width: 660px; overflow: hidden; border-radius: 10px; background: transparent;"></iframe></p><br/>Tags - <a href="http://iconmoon.com/blog2/tags//" rel="tag"></a>
]]>
</description>
</item><item>
<link>http://iconmoon.com/blog2/joined-xd/</link>
<title><![CDATA[「新东家」和「Figma」]]></title> 
<author>jj.ying &lt;yingjunjiu@gmail.com&gt;</author>
<category><![CDATA[随意吐槽]]></category>
<pubDate>Mon, 02 Nov 2020 23:02:33 +0000</pubDate> 
<guid>http://iconmoon.com/blog2/joined-xd/</guid> 
<description>
<![CDATA[ 
	此刻在去团建的路上，到机场太早了所以想起来到自己博客上除除草……<br/><br/>经过几个月的求职之后我终于离开了工作了八年的百度，新东家是做游戏的<a href="https://xd.com" >心动</a>，虽然新团队第一个 sprint 都还没跟完没有充分的发言权，但这头三个礼拜的入职体验还是挺不错的，心动是一家员工账号用 Google、门禁兼容 Apple Watch、正在全员推 Slack 同时可以随意看到其他团队组织架构的千人规模公司，我也不知道为啥在介绍新公司的时候先说这些，但我承认在一个略（fei）微（chang）「传统」的公司待久了之后对这些内容还是很心水的（再括号一下此处我没有喷前东家的意思，对于百度我还是心怀感激的）。总之我感觉心动还算是一家从上到下比较 open、做事和管理方法比较「西式」的公司。用老板黄一孟所崇尚的 Netflix 企业文化新书的标题来说就是：<br/><br/><div class="quote"><div class="quote-content">No Rules Rules</div></div><br/><br/>说实话，这次求职过程虽然面的公司不算很多，但总体有个感受就是 Figma 的普及率比我想象的高很多，很欣慰我现在也可以每天用 Figma 干正经工作而不是只能用来偷偷 side project 了，最近他们更新的 Variants 功能还是挺让人惊艳的，倒不是 Variants 给工作带来多少效率提升，而是 Figma 官方在上新功能时候对很多现成组件和功能的继承简直让人感动……依然保持了「<strong>很多功能我也不会用，我猜大概是这样的结果随便一试还真就是的</strong>」的特性~<br/><br/>刚进新公司还是适应阶段（摸鱼少了）所以节目更新最近会变慢~ 连我们的五周年直播也推迟了两周到 <strong>11 月 21 日</strong>了，请大家海涵~<br/>Tags - <a href="http://iconmoon.com/blog2/tags/%25E5%25B7%25A5%25E4%25BD%259C/" rel="tag">工作</a> , <a href="http://iconmoon.com/blog2/tags/%25E5%25BF%2583%25E5%258A%25A8/" rel="tag">心动</a> , <a href="http://iconmoon.com/blog2/tags/figma/" rel="tag">figma</a>
]]>
</description>
</item><item>
<link>http://iconmoon.com/blog2/anyway-new-theme-minimal-coffee/</link>
<title><![CDATA[Anyway.FM 官网新主题上线 × 2]]></title> 
<author>jj.ying &lt;yingjunjiu@gmail.com&gt;</author>
<category><![CDATA[个人作品]]></category>
<pubDate>Thu, 09 Apr 2020 09:41:01 +0000</pubDate> 
<guid>http://iconmoon.com/blog2/anyway-new-theme-minimal-coffee/</guid> 
<description>
<![CDATA[ 
	跟<a href="http://iconmoon.com/blog2/anyway-fool-2019/" >去年愚人节</a>一样，这次给 Anyway.FM 官网也上线了一个节日主题，只不过更恶搞了一点儿，拿<a href="https://uxcoffee.com/" >敌台</a>开了个玩笑。同时跟上次类似，这过完节觉得不要浪费，所以就把他做成新的主题再加上另外一个「性冷淡」风格的一起上线了~<br/><br/><img src="http://pic.yupoo.com/yingjunjiu_v/4d19f3b6/d457a8ce.jpg" class="insertimage png-bg" alt="图片载入中..." title="" border="0"/><br/><br/>因为我台官网 CSS 里用了不少<a href="https://css-tricks.com/css-custom-properties-theming/" >自定义属性</a>，所以简单主题实现起来很快，比如科比逝世（😭）当天我一边跟女儿玩一边就能五分钟调出一个主题来，不是通过 CSS 的 filter() 来去色换色啥的，而是可以精细调整颜色，就像下面这样（感谢<a href="https://twitter.com/Kimi_Godward/status/1221993669345120258" >听众 Kimi</a> 截图，我当时懒得提交代码，本机都无法复现了）：<br/><br/> <img src="https://pic.yupoo.com/yingjunjiu_v/dff26c55/7565ad7f.jpeg" class="insertimage png-bg" alt="图片载入中..." title="" border="0"/><br/><br/>所以三月初我想起来愚人节恶搞「敌台」<a href="https://uxcoffee.com/" >UX Coffee</a> 的主意就跟 Leon 提了，当时其实差不多已经调出了一个简单的换色、换 logo 版本主题来了：<br/><img src="http://pic.yupoo.com/yingjunjiu_v/3c066adb/aa3d046a.jpg" class="insertimage png-bg" alt="图片载入中..." title="" border="0"/><br/><br/>不过 Leon 第一时间给否了，他表示看不惯 MBE 风格的图标（🤣对不起敌台主播，no offense）并当即表示要玩大一点儿，他来重新设计一个融合的 logo 并当即亲自撰写了文案：<br/><br/><div class="quote"><div class="quote-content">国际媒体集团 Anyway 单方面宣布恶意收购竞争对手 UX Coffee，并进行资产重组推出全新设计类播客 Anyway.Coffee，从此科技界有了两个 AC，AppleCare+ 关怀你的设备；Anyway.Coffee 关怀你的心灵</div></div><br/><br/>这次 Leon 还挺起劲的，没有拖延太久就设计出了「触手系」+「咖啡杯」的新 logo，看他如此认真那我也就配合一下，给我们的原 logo 和新 logo 的触手设计了动效。虽然看起来感觉触手的动作还是太显「匠气」，但毕竟我也第一次做类似这种动画，觉得很好玩的同时也原谅了自己~<br/><br/><video src="https://s.anw.red/video/anyway.fool.2020.mp4" controls width="100%" loop></video><br/><br/>同时为了对得起这额外的努力，主题还是稍微打磨了一下，用上了大圆角、粗壮下划线以及一款和 UX Coffee <a href="https://uxcoffee.com/images/logo.png" >本来 logo</a> 里有点儿相似的偏几何风格的西文字体 <a href="https://horizontype.com/acherus-grotesque-typefamily" >Acherus Grotesque</a>，为了能尽量模拟一点儿敌台的味道：<br/><br/><img src="https://pic.yupoo.com/yingjunjiu_v/804971f2/8362be46.jpg" class="insertimage png-bg" alt="图片载入中..." title="" border="0"/><br/><br/><br/><br/>而另一款「反正很简单」主题的灵感其实来自于<a href="https://Anyway.News" >我台时报</a>副主编 <a href="https://twitter.com/designedbyclu" >CLU</a>，他最近经常给我「洗脑」地发 minimal 风格的设计，哈哈哈。而我正好有个做一款「让别人一眼看不出你是在上 Anyway.FM 摸鱼」主题的想法（我不会告诉你我主要是做给自己用的），所以就索性结合了一下。<br/><br/>为了保证在整体布局和尺寸都不调整的前提下空出更多留白，我就在这套主题里尝试了完全取消粗细字体的对比来减少灰度，嗯，并不是因为西文字体太贵我买不起两个字重。而这里用到的西文字体（唉，卑微地说说，确实挺贵的）是 <a href="https://www.colophon-foundry.org/typefaces/basis-grotesque/" >Basis Grotesque</a>，和本博客所使用的 <a href="https://www.colophon-foundry.org/typefaces/apercu/" >Aperçu</a> 同出自于字体工坊 <a href="https://www.colophon-foundry.org/" >Colophon Foundry</a>，啊，我确实很喜欢他家的作品~ 特别是这个 Basis Grotesque，乍一看是挺标准的 Grotesque 味道，简单、像空气一般，很配合主题，但在数字以及部分小写字母里的弯曲笔画却又不那么「无聊」，我台官网毕竟有相当多的数字，包括目录和参考链接的时间之类的，所以这款字体我是试了一小下就掏钱包了！<br/><br/><img src="http://pic.yupoo.com/yingjunjiu_v/5bed965c/91f11ebd.jpg" class="insertimage png-bg" alt="图片载入中..." title="" border="0"/><br/><br/>在图标上同样进行了「瘦身」，同时用很多线条来做区隔以抵消粗细对比的缺失，就成了现在这个样子了~<br/><br/><img src="https://pic.yupoo.com/yingjunjiu_v/60595300/258e432c.jpg" class="insertimage png-bg" alt="图片载入中..." title="" border="0"/><br/><br/>目前我台已经有了 7 款自定义主题，有兴趣的朋友请<a href="https://Anyway.FM/member/" >前往官网</a>体验~（hai，我也知道主题这玩意儿没人关心，但我乐意，哈哈哈哈）<br/><div class="drop-shadow"><br/><video src="https://s.anw.red/video/anywy.themes.mp4" controls width="100%" loop></video></div><br/><br/>Tags - <a href="http://iconmoon.com/blog2/tags/%25E4%25B8%25BB%25E9%25A2%2598/" rel="tag">主题</a>
]]>
</description>
</item><item>
<link>http://iconmoon.com/blog2/anyway-news-released/</link>
<title><![CDATA[Anyway.News 网站上线]]></title> 
<author>jj.ying &lt;yingjunjiu@gmail.com&gt;</author>
<category><![CDATA[个人作品]]></category>
<pubDate>Tue, 18 Feb 2020 03:52:38 +0000</pubDate> 
<guid>http://iconmoon.com/blog2/anyway-news-released/</guid> 
<description>
<![CDATA[ 
	虽然本博客荒废已经很久了，但最近在尝试把 Newsletter《安妮薇邮报》升级成集合邮件订阅、RSS 订阅、网站浏览形式于一体的《安妮薇时报 Anyway.News》的时候，我意识到，《图月志》的精神延续出现了吧，哈哈哈哈。<br/><br/>目前网站比较简陋，只有浏览、「手气不错」的功能，但之后会慢慢完善，增加诸如评论和开发内容提交等等，欢迎大家前往关注~~<br/><br/>http://<a href="https://anyway.fm/news.php" ><strong>Anyway.News</strong></a><br/><br/><img src="https://s.anw.red/anyway.fm/anyway.news.preview.png" class="insertimage png-bg" alt="图片载入中..." title="" border="0"/><br/>Tags - <a href="http://iconmoon.com/blog2/tags/%25E7%25BD%2591%25E7%25AB%2599/" rel="tag">网站</a>
]]>
</description>
</item><item>
<link>http://iconmoon.com/blog2/zdog/</link>
<title><![CDATA[伪 3D 的 JS 立体渲染引擎 Zdog]]></title> 
<author>jj.ying &lt;yingjunjiu@gmail.com&gt;</author>
<category><![CDATA[设计工具]]></category>
<pubDate>Wed, 29 May 2019 18:17:21 +0000</pubDate> 
<guid>http://iconmoon.com/blog2/zdog/</guid> 
<description>
<![CDATA[ 
	最近两年伪 3D 的效果在世界范围内都好流行（我实在是很不情愿叫 2.5D），这两天有个「萌萌哒」的国外作者 <a href="https://desandro.com/" >David DeSandro</a> 开发了一个伪 3D 引擎 Zdog。说他「萌萌哒」是因为<a href="https://zzz.dog/" >这个引擎的官网</a>设计、简介以及 <a href="https://zzz.dog/#about-zdog" >Zdog 这个名字的由来</a>都非常有意思~ 作者对 Zdog 的定义同样非常精简干练：<br/><br/><div class="quote"><div class="quote-content">Round, flat, designer-friendly pseudo-3D engine for canvas & SVG<br/>圆头圆脑、纯平质感、对设计师友好的 canvas + SVG 伪 3D 引擎</div></div><br/><br/>被官网范例所吸引去尝试了一下，确实如作者所说这个引擎的效果还是非常初阶的，因为 Zdog 是完全用 2D 对象投射到 3D 物体所在位置来渲染，所以 Z 轴层叠问题基本无解（当然官网也<a href="https://zzz.dog/extras" >介绍了一些方法</a>来缓解 Z-fighting）。但毕竟这就是一个未压缩也只有 28KB、不追求精确但求好玩的 JS 库，还要啥自行车呢~<br/><br/>我把我台另外两位主播的头像作为范例进行了简单尝试，效果如下~<br/><br/><p class="codepen" data-height="448" data-theme-id="light" data-default-tab="result" data-user="jjying" data-slug-hash="RmYmNb" data-preview="true" style="height: 448px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Yuki + Leon"><br/>&nbsp;&nbsp;<span>See the Pen <a href="https://codepen.io/jjying/pen/RmYmNb/"><br/>&nbsp;&nbsp;Yuki + Leon</a> by JJ Ying (<a href="https://codepen.io/jjying">@jjying</a>)<br/>&nbsp;&nbsp;on <a href="https://codepen.io">CodePen</a>.</span><br/></p><script async src="https://static.codepen.io/assets/embed/ei.js"></script><br/><br/>试用下来觉得确实还算对设计师友好，位移旋转变形基本上像是在写 CSS 和 SVG，绑定父对象、建组、动画之类的基础功能也都有，虽然支持的形状略少，建复杂模型不方便但还是值得玩一玩~<br/><br/><strong>Zdog 官网</strong>：<a href="https://zzz.dog/" >https://zzz.dog/</a><br/>Tags - <a href="http://iconmoon.com/blog2/tags/zdog/" rel="tag">zdog</a> , <a href="http://iconmoon.com/blog2/tags/js/" rel="tag">js</a> , <a href="http://iconmoon.com/blog2/tags/3d/" rel="tag">3d</a>
]]>
</description>
</item><item>
<link>http://iconmoon.com/blog2/lametric-cuigeng/</link>
<title><![CDATA[LaMetric + IFTTT 实现「一键催更」]]></title> 
<author>jj.ying &lt;yingjunjiu@gmail.com&gt;</author>
<category><![CDATA[个人作品]]></category>
<pubDate>Thu, 16 May 2019 08:34:32 +0000</pubDate> 
<guid>http://iconmoon.com/blog2/lametric-cuigeng/</guid> 
<description>
<![CDATA[ 
	很早就看到票圈里有朋友入手了 <a href="https://lametric.com/" >LaMetric</a> 这个像素风格、可扩展性比较强的桌面智能钟，但因为价格比较高国内也没有直接购买渠道所以就只停留在种草阶段。最近一阵略爱折腾（也可能是因为最近老婆的零花钱给多了一点点）所以心一横我自己也买了一台。<br/><br/><img src="http://pic.yupoo.com/yingjunjiu_v/cd3fa442/8f01bb9b." class="insertimage png-bg" alt="图片载入中..." title="" border="0"/><br/><br/>总体来说感觉产品的做工一般，LED 像素风格灯的均匀程度以及实际刷新率都一般。但在软件部分我觉得还是让人比较满意的，无论是自带的 App，还是和 IFTTT 等服务的联合完成度都算比较高，可自定义的东西也算丰富。为了让这个「摆样子」的产品更有价值，所以我蛋疼地尝试用 IFTTT 的 Webhook 接口链接 LaMetric 的推送，实现了 Anyway.FM 官网会员页面上的「一键催更」功能，Demo 类似这样~<br/><br/><video width='100%' height='auto' controls poster=''><source src='https://s.anw.red/anyway.member/cuigeng.mp4' type='video/mp4'>你的浏览器不支持视频播放</video><br/><br/>催更功能已经上线，同时也增加了本期节目制作进度的展示，Anyway.FM 会员们可以<a href="https://anyway.fm/profile.php?tab=cuigeng" >直接去体验一下</a>~<br/>Tags - <a href="http://iconmoon.com/blog2/tags/ifttt/" rel="tag">ifttt</a> , <a href="http://iconmoon.com/blog2/tags/%25E7%25A1%25AC%25E4%25BB%25B6/" rel="tag">硬件</a> , <a href="http://iconmoon.com/blog2/tags/%25E6%2595%25B0%25E7%25A0%2581%25E4%25BA%25A7%25E5%2593%2581/" rel="tag">数码产品</a> , <a href="http://iconmoon.com/blog2/tags/anyway-fm/" rel="tag">anyway-fm</a>
]]>
</description>
</item><item>
<link>http://iconmoon.com/blog2/anyway-fool-2019/</link>
<title><![CDATA[Anyway.Fool]]></title> 
<author>jj.ying &lt;yingjunjiu@gmail.com&gt;</author>
<category><![CDATA[个人作品]]></category>
<pubDate>Mon, 01 Apr 2019 05:13:37 +0000</pubDate> 
<guid>http://iconmoon.com/blog2/anyway-fool-2019/</guid> 
<description>
<![CDATA[ 
	最近拖更严重的我台在这次愚人节没法像多年前一样专门弄个 <a href="https://anyway-design.github.io/Anyway.Fool/" >mini-site</a> 了，但还是在我们的<a href="https://anyway.fm/about.php" >关于页面</a>上给大家准备了一个小惊喜，桌面端打开之后按键盘上的某个字母可切换（再按另外一个字母或者等上两天即可恢复~）<br/><br/><img src="http://pic.yupoo.com/yingjunjiu_v/bb3dc876/98ab6da6.png" class="insertimage png-bg" alt="图片载入中..." title="" border="0"/><br/>Tags - <a href="http://iconmoon.com/blog2/tags/%25E6%2584%259A%25E4%25BA%25BA%25E8%258A%2582/" rel="tag">愚人节</a>
]]>
</description>
</item><item>
<link>http://iconmoon.com/blog2/anyway-tv-2/</link>
<title><![CDATA[Anyway.TV  第二弹：信仰之书]]></title> 
<author>jj.ying &lt;yingjunjiu@gmail.com&gt;</author>
<category><![CDATA[网摘分享]]></category>
<pubDate>Tue, 26 Mar 2019 08:10:47 +0000</pubDate> 
<guid>http://iconmoon.com/blog2/anyway-tv-2/</guid> 
<description>
<![CDATA[ 
	第二期节目比预期的来得早了一点点……因为我预感大概率本周 Anyway.FM 是要拖更了……<br/><br/><iframe src="//player.bilibili.com/player.html?aid=47386363" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="500px"> </iframe><br/>Tags - <a href="http://iconmoon.com/blog2/tags/%25E8%25A7%2586%25E9%25A2%2591/" rel="tag">视频</a> , <a href="http://iconmoon.com/blog2/tags/%25E4%25B9%25A6/" rel="tag">书</a>
]]>
</description>
</item><item>
<link>http://iconmoon.com/blog2/anyway-tv-released/</link>
<title><![CDATA[Anyway.TV 来啦~]]></title> 
<author>jj.ying &lt;yingjunjiu@gmail.com&gt;</author>
<category><![CDATA[网摘分享]]></category>
<pubDate>Mon, 11 Mar 2019 04:09:09 +0000</pubDate> 
<guid>http://iconmoon.com/blog2/anyway-tv-released/</guid> 
<description>
<![CDATA[ 
	跟 Leon 设想了很久的视频节目终于开播啦~ 台名自然而然就是 Anyway.TV 啦~ 第一集已经登陆<a href="https://space.bilibili.com/21903017" >哔哩哔哩</a>，跟大家介绍一本字体排印相关书籍，头一次露手特写，有点儿紧脏，而且我们经验不足，直接用了自动对焦画面稍微有点儿闪乎，请多担待，哈哈哈哈哈~<br/><br/><iframe src="//player.bilibili.com/player.html?aid=45967063&cid=80538111&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="500px"> </iframe><br/>Tags - <a href="http://iconmoon.com/blog2/tags/%25E8%25A7%2586%25E9%25A2%2591/" rel="tag">视频</a>
]]>
</description>
</item><item>
<link>http://iconmoon.com/blog2/hello-2019/</link>
<title><![CDATA[Hello 2019]]></title> 
<author>jj.ying &lt;yingjunjiu@gmail.com&gt;</author>
<category><![CDATA[随意吐槽]]></category>
<pubDate>Tue, 01 Jan 2019 16:28:12 +0000</pubDate> 
<guid>http://iconmoon.com/blog2/hello-2019/</guid> 
<description>
<![CDATA[ 
	实在是太久没有更新博客了，趁着这个辞旧迎新的时机来拔拔草~<br/><br/>翻开在 Things 上自己建的「年度 To-do」历史记录，完成了 3 个，变更了 1 个，剩下 2 个只能……拖到 2019 来做了……虽然整体完成度只有 50%、自己的这个博客全年只更新了 16 次创下了<a href="http://iconmoon.com/blog2/archive.php" >历史新低</a>，但和以前几年不太一样，目前心态平稳并不懊悔，因为经历了很多「计划外」但还算新鲜的事情，比如正式开始给 Anyway.FM 尝试<a href="https://anyway.fm/profile.php" >会员项目</a>、比如开始用野生且极端业余的代码水平写除了单纯静态页面以外的东西、比如坐飞机被砸坏了托运的行李（误），总体来说生活非常平稳但成就感还算满满，当然其中很大一部分来自小朋友的成长~<br/><br/>此刻继续打开 Things 开始写 2019 的列表，犹豫不决地想要把「关了图月志博客」写进去，但不管怎样，我在 Anyway.FM 以及（可能的）Anyway.TV 的分身应该不会停更~~~<br/><br/>新年好~<br/>Tags - <a href="http://iconmoon.com/blog2/tags/%25E6%2597%25A5%25E8%25AE%25B0/" rel="tag">日记</a>
]]>
</description>
</item>
</channel>
</rss>