<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by JJ Ying on Medium]]></title>
        <description><![CDATA[Stories by JJ Ying on Medium]]></description>
        <link>https://medium.com/@JJYing?source=rss-ca1c3c07fdfb------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*P0Yb2FPVMf74m-JeCYAFgw.png</url>
            <title>Stories by JJ Ying on Medium</title>
            <link>https://medium.com/@JJYing?source=rss-ca1c3c07fdfb------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sat, 14 Nov 2026 12:26:29 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@JJYing/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[Anyway.2017 设计 & 制作后记]]></title>
            <link>https://medium.com/@JJYing/anyway-2017-%E8%AE%BE%E8%AE%A1-%E5%88%B6%E4%BD%9C%E5%90%8E%E8%AE%B0-45fd11ae6db5?source=rss-ca1c3c07fdfb------2</link>
            <guid isPermaLink="false">https://medium.com/p/45fd11ae6db5</guid>
            <category><![CDATA[web-development]]></category>
            <category><![CDATA[2017]]></category>
            <category><![CDATA[website-design]]></category>
            <dc:creator><![CDATA[JJ Ying]]></dc:creator>
            <pubDate>Tue, 13 Feb 2018 19:29:09 GMT</pubDate>
            <atom:updated>2018-02-14T05:40:12.183Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*Ie0Q9yB8O6YD4dIfnsIhkg.png" /></figure><p>其实从去年十月开始，我和 Leon 就策划要继续做一个 2017 年的 Anyway.FM 年度总结了，最初的想法其实很简单，就是做一个直接滚动的页面，只不过外面套一个模仿 GameBoy 的壳子，做成类似纵版滚轴游戏的样子，而视觉风格是手绘的感觉，因为 Leon 说这样比较省事儿，他「<strong>随便一画就是一张出来了</strong>」，内容上想做成大事记，每个月选取一个事件。很快，我们就把前 10 个月的事件都想好了，并且分头行动，我 P 了一个 GameBoy 出来，他画了一些顶 45° 视图的人物草稿：</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*w-ekJIZYRrwFBBCdHHjTkQ.png" /></figure><p>然后</p><p>……</p><p>然后</p><p>……</p><p>日历飕飕地向后翻了两个月</p><p>期间我写了一小半的代码，等美术资源的同时蛋疼地从 jQuery 换到了 Vue，而 Leon 因为工作非常繁忙（后期是因为沉迷《荒野之息》），场景始终停留在第一幕而木有动静。嗯，我和 Leon 两个缺少执行力的家伙经常能非常快地从 0 进行到 0.1（此阶段包括但不限于画图标、取名字、买域名等），而 0.1 到 1 就……哈哈哈哈哈</p><p>后来为了能把难产的年度总结在至少春节前给做出来，我想了一个折中的可以帮 Leon 一起绘制场景的方法，那就是和我们的 <a href="https://anyway.fm/2016/">2016 版年度总结</a>一样用像素风。手绘我不行，像素的至少还能画画，而且网上找到一些非常厉害的 8-bit 免费资源库，于是在一月底一个月黑风高的夜晚，我完成了一份非常糙的原型丢给了 Leon：</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/500/1*zGZP96Rrf6jvKKFMZEYcUw.gif" /></figure><p>眼看再不做完就得黄了，所以我们就直接朝这个方向走了下去。</p><p>然而</p><p>……</p><p>然而</p><p>……</p><p>人算不如天算，后来换成了我开启加班模式，因为公司春节活动的需要，连着两个礼拜又没动过这个页面了哈哈哈哈</p><h3>节前的爆发</h3><p>好在最近几天一切归于平静，忙完公司的活动终于可以做自己的了，在阉割了多达七个场景之后（想来还好没有做那么多，否则真的又臭又长了）终于把地图给「拼」完了！</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/220/1*gtCCAD6TsUR5fqCodk4SYQ.png" /></figure><p>此处用了「拼」而不是「画」，因为场景里面很多元素都来自于国外一个论坛 <a href="https://opengameart.org/">OpenGameArt</a>，这个网站看起来非常古老，像上世纪的产物（为啥我老是推荐这样的网站？），但里面的内容非常丰富，都是好心人士上传的游戏美术资源，从像素到 3D，从人物八个方向行走的逐帧动画到可以平铺的场景地图，而且 CC 协议的占大多数，实在是令人激赏。</p><h3>关于像素化</h3><p>之前在做 <a href="https://anyway.fm/2016/">2016 版年度总结</a>的时候，为了保证像素风的图片不会在放大过程中变模糊失去硬边，我是很傻地在设计完页面之后用 Photoshop 保留硬边成倍放大，然后输出超高分辨率的图，保证在各种分辨率下都留存「像素风」。一直到前几个月前，在那个我曾经推荐过的「点像素」社区 <a href="https://colorglyph.io/">Colorglyph</a> 的页面上，点开他的实现方式我才知道 WebKit 是有一个私有属性直接支持以「像素化」或者说「保留硬边」的方式放大图片的。所以这次的 Anyway.2017 就直接使用了这个属性，但好像还不是事实标准，FF 上略有不同，但毕竟以手机为主，所以下面这样也就直接够用了（偷偷地说其实最后一行效果咋样我不知道，Windows 平台完全没测过……），终于所有的图片都可以 1：1 输出了，节省了很多体积和导出的麻烦。</p><p><strong>pixelated </strong>{<br> <strong>image-rendering: </strong>-moz-crisp-edges;<br> <strong>image-rendering: </strong>pixelated;<br> <strong>-ms-interpolation-mode: </strong>nearest-neighbor;<br>}</p><h3>关于地图的实现</h3><p>一开始为了省事儿，我和 Leon 的约定是人物只在中间走，所有的物品和场景主要内容都摆在道路两边，这样就减少了遮罩的麻烦。但是后来发觉这样限制太多，很多场景做出来就没意思了，所以加了第二层地图，也就是罩在人物顶上的遮罩，这里既能实现「穿门而过」时，门梁显示在人物上方，也能加一些「下雪特效」等。后来为了加上行走时候的「雪中脚印」等元素，又加了第三张地图，也就是专门叠在人物身后这片区域上，比如第二个场景就是下面这三张图：</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/220/1*p-OR9Ip1kR6I8Wn6X6npeQ.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/220/1*n2jbL7fbkvYSZWHamE6dRA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/220/1*IEvJ5Uf3v-s2eCCxmehdRg.png" /></figure><h3>关于操作</h3><p>第一版的操作很简单，纯纯的普通的网页 scroll，但是后来心有点儿黑了，想要全面仿真 GameBoy 的交互，包括移动是长按 ⬇️ 键，其他 A、B 键也都有反馈等等。这期间遇到了很多实现问题，因为没啥做「长按」操作的经验，所以花了很多精力处理桌面端 &amp; 移动端的事件处理区别。包括长按方向键会弹菜单、快速双击会放大窗口、Vue 好像没法方便地控制音频等等。还好有伟大的 Google 和 Stack Overflow，基本上现在还是在桌面和移动端都能用的状态。所有的代码和资源都在 GitHub 上，有兴趣的朋友可以参考一下，不过还木有整理过：<br><a href="https://github.com/Anyway-Design/Anyway.2017">Anyway-Design/Anyway.2017</a></p><h3>关于人物</h3><p>前期在反复调整的工作（或者说还算做得比较细的方面）其实就是三个主要人物（「你」有三个可选角色，所以总共有 5 种人物），尽管偷懒没有做「往下」以外的其他行走方向，但还是有「站着」、「走路」、「说话」、「听别人说话」等 4 个姿态，这每个人物 9 帧的动画其实迭代了不少版本，毕竟是画面的中心。还少的一些细节是「站着」以及「听别人说话」状态下的动画，本来想着要给我自己加点「抠鼻」、给 Leon 加上「抖腿」啥的，嗯，等我有空了再做吧~</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*d_vInUKD-XDYHKWXYEE_7Q.gif" /></figure><h3>关于素材</h3><p>最后还是要特别感谢贡献了宽松免费授权的伟大的原创者们，虽然他们很多都声明不一定需要提他们的名字，但还是请允许我列一下完整的 credits：</p><ul><li>背景音乐：<a href="http://ozzed.net/">Ozzed.net — 8-Bit music to the Masses!</a> （他写了很多 8-bit 风的音乐，推荐）</li><li>第一个魔法女巫 &amp; 第三个黄衣商人角色：<a href="https://opengameart.org/users/diamonddmgirl">Svetlana Kushnariova</a></li><li>第二个「绿巨人角色」：<a href="https://opengameart.org/users/cobralad">CobraLad</a> &amp; 我自己（原版只有一帧，哈哈哈哈）</li><li>第一个场景：<a href="https://opengameart.org/users/mrbeast">MrBeast</a> &amp; <a href="https://opengameart.org/users/sharm">Sharm</a> &amp; <a href="https://opengameart.org/users/dragondeplatino">DragonDePlatino</a></li><li>第二个场景：<a href="https://opengameart.org/users/sharm">Sharm</a> &amp; <a href="http://www.lorestrome.com/pixel_archive/main.htm">Hyptosis</a> &amp; 知乎刘看山</li><li>第三个场景：<a href="http://www.lorestrome.com/pixel_archive/main.htm">Hyptosis</a> again &amp; <a href="https://opengameart.org/users/redshrike">Redshrike</a></li><li>第四个场景里的人物们：<a href="https://opengameart.org/users/diamonddmgirl">Svetlana Kushnariova</a></li><li>用到的西文字体：<a href="https://fonts.google.com/specimen/VT323">VT323</a></li></ul><p><a href="http://anyway.fm/2017">Anyway.2017</a></p><p>大家新年快乐，明年继续在 Anyway.FM 等你哦~</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=45fd11ae6db5" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Evaluate Dribbble Activities beyond Followers Counts]]></title>
            <link>https://medium.com/@JJYing/evaluate-dribbble-activities-beyond-followers-counts-de5df4a9b512?source=rss-ca1c3c07fdfb------2</link>
            <guid isPermaLink="false">https://medium.com/p/de5df4a9b512</guid>
            <category><![CDATA[design]]></category>
            <category><![CDATA[designer]]></category>
            <category><![CDATA[dribbble]]></category>
            <dc:creator><![CDATA[JJ Ying]]></dc:creator>
            <pubDate>Mon, 13 Feb 2017 16:45:13 GMT</pubDate>
            <atom:updated>2017-02-13T17:36:46.612Z</atom:updated>
            <content:encoded><![CDATA[<p>Last week I was inspired that maybe we can find a better way to evaluate a dribbbler’s activities and contributions to the community, for example, <em>likes/views</em> rate is a better metric than just likes counts. So to have fun with it, I spent a weekend digging deeper on this idea with Dribbble API and other tools.</p><p>And here is <a href="http://anyway.design/analytttics/index.php"><strong>Analytttics</strong></a>.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*CgqRbpJsRBweRQvRF2yS-w.png" /><figcaption>Some designers’ profile in Analytttics</figcaption></figure><h3>How It Works</h3><p>I’ve come up quite a few different models in the very first place, but due to the limitations of Dribbble API (and my poor programming skills), in the end I used these 5 metrics to build a rough image of a Dribbbler:</p><ul><li><strong>Appreciation</strong>: based on <em>( favs + buckets ) / views</em> for recent shots.</li><li><strong>Attractions</strong>: based on <em>the percentage of followers who have 100+ followers</em>.</li><li><strong>Diligence</strong>: based on <em>total shots / total years </em>since joined Dribbble.</li><li><strong>Engagement</strong>: based on <em>( comment + rebounds ) / views</em> for recent shots.</li><li><strong>Influence</strong>: based on <em>followers / total years </em>since joined Dribbble.</li></ul><p>And the <strong>Total Score</strong> is a weighted mean of the 5 scores above.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ep4OstZw4d63pG1I2AxMXA.png" /><figcaption>Who doesn’t love Maxvoltar!</figcaption></figure><p>I know this system is really subject, and doesn’t reflect lots of aspects, please be free to advice me for better ideas. 😁 You can find the project and source code on GitHub: <a href="https://github.com/JJYing/Analytttics">https://github.com/JJYing/Analytttics</a></p><p>Hope you have fun with it just like me: <a href="http://anyway.design/analytttics/index.php"><strong>http://anyway.design/analytttics/</strong></a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=de5df4a9b512" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[小程序给视觉设计师带来怎样的变化]]></title>
            <link>https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%BB%99%E8%A7%86%E8%A7%89%E8%AE%BE%E8%AE%A1%E5%B8%88%E5%B8%A6%E6%9D%A5%E6%80%8E%E6%A0%B7%E7%9A%84%E5%8F%98%E5%8C%96-ecc970d93cc1?source=rss-ca1c3c07fdfb------2</link>
            <guid isPermaLink="false">https://medium.com/p/ecc970d93cc1</guid>
            <category><![CDATA[chinese]]></category>
            <category><![CDATA[ui-design]]></category>
            <category><![CDATA[wechat]]></category>
            <dc:creator><![CDATA[JJ Ying]]></dc:creator>
            <pubDate>Mon, 09 Jan 2017 08:29:02 GMT</pubDate>
            <atom:updated>2017-01-09T08:29:21.878Z</atom:updated>
            <content:encoded><![CDATA[<p>微信小程序虽然是今天才正式发布的，但最近好像很多次被问到「小程序的到来会给设计师带来怎样的变化」这样的问题，说实话，我被问一次就懵逼一次，每每使劲转着小脑瓜想要罗列个 123 出来都失败了……显然因为我不是个善于总结、提炼、沉淀的人，而这背后我也觉得问题本身哪里不太对劲儿……</p><p>小程序这样战略级平台产品的出现虽然是挺轰动性的，他对于腾讯/微信/创业者/开发者的意义相信各位已经看过十几二十篇分析文章了，我不再深入讨论，但好像对于视觉设计师来说真算不上神马啊……从业这几年，印象当中能谈得上「带来大变化」的时间节点或者里程碑式的产品/服务并不多，我印象当中有这么几个（对不起，我不是划年代的大师，我的点也很杂很细很奇怪，请勿怪）：</p><p><strong>Alpha 通道的普及</strong><br>这个挺难找到确切的时间点，毕竟是个循序渐进的技术升级过程，但对我们那个年代的「死美工」来说记忆犹新啊，不需要管掩码色了、不需要背常用半径的圆角矩形的边缘像素排列了、甚至还能尝试各种毛玻璃反光等等效果了，有如昨天还在骑摩拜单车，今天直接开越野吉普了，不但省力很多，有时候更是有种 UI 设计也能上天入地的错觉（笑）。</p><p><strong>App Store &amp; iPhone 的出现</strong><br>为啥是 App Store 而非 iPhone 呢？因为说起来现在市面上这么多的 UI 培训是要拜「App 红利时代」所赐啊（我知道「App 红利时代」这个词很烂，听起来也没有 O2O、IOT 啥的那么专业，但是我想不出更直接的，你打我啊~）！移动时代造就了一大批形形色色的人（包括我）从各行各业挤破头进了互联网圈子，只要会点图形软件的临摹个几套作品都摇身一变成了 UI 了。后来想想也特码奇怪了，七八年前那会儿的 App 设计也就是把屏幕弄小点、文字弄大点、按键不用悬浮态了，怎么就一夜之间所有人都的 title 都成了 Mobile Designer 了呢（汗颜了，又包括我自己）？不过不管怎么说，这一波的变化确实巨大，对于 UI 设计师来说不亚于福特 T 型车的出现，UI 设计 &amp; 设计师的需求量几何级数增长、UI 设计和实现的过程慢慢变得像流水线一样了。</p><p><strong>多分辨率</strong><br>突然之间，DPI 不是一个固定不变可以忽略的数字了，突然之间我在电脑上 1:1 像素显示都没法展示整个手机界面了，突然之间我出图需要出 n 套了，又突然之间，设计稿都要出 n 套了，在这些年里不光是屏幕有了 Retina、分辨率有了 xxxhdpi，连网页设计也是需要结合很多「想象」才能跨过设计到实现的鸿沟，这部分我也不展开了，详细讨论可以参见参见 Anyway.FM 第 18 期《<a href="http://anyway.fm/retina-display/#title">ˈrɛtnə</a>》</p><p><strong>后现代工具时代的来临</strong><br>在过去的不到两三年里，我相信不管是交互设计师还是视觉设计师，都能感受到些许程序员才有的「特权」，那就是工具（程序语言）的迭代、更替速度超级快。跟很多「老一辈」的视觉设计师聊天往往谈到他们最喜欢用的 Photoshop 是哪个版本，图标哪个样子的 blablabla。我自己也有真切的感受，7.0 用了好久不舍得换，一来顺手，二来后续版本也没有啥「非用不可」的更新。但这种一个版本用到死的情况现在很难重现了，提高效率、效果的软件、工具、插件层出不穷，说得不好听点，你不学点新东西连切图仔都干不了了。</p><p><strong>VR/AR</strong><br>大家都说这波 VR/AR 热潮很虚，2017 年更是眼看着要暂时退潮了。确实在应用和硬件层面上都没有准备好，但对于做内容和 UI 的设计师来说已经能看到很多不一样的地方了。所见即所得地进行设计变得不是那么容易了，再用我们熟悉的传统思路和工具去创作的话那真的有点像直接用汇编语言来编写大型软件了，理论上当然是可以，但难度大大提高。</p><p>比起上面这些，小程序对设计师来说的变化真心不大啊，用户基本还是那些、承载的硬件设备都一样、图形技术上没啥变革、设计风格的指导意义与新趋势的涌现目前还看不到（最多就是进一步加了很多限制，需要平常多阅读一份设计规范），甚至市场容量和需求无非就是 A 倒到 B，B 倒回 A，实在让我感受不到有啥「巨大的变化」</p><p>我承认我「思维方式已经老了拒绝接受变化」，但真心觉得与其大谈阔论「小程序给设计师带来了什么样的改变」还不如老老实实多体验体验，哪怕实际项目没涉及到，规范也多看几遍。万一哪天出现个「30 天小程序 UI 设计包会包分配」的教程别盲目报名啊！</p><p>当然肯定有朋友说：你丫的格局和视野好 low，只知道纯视觉，对啊，我就是个纯 GUI，你打我呀~</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=ecc970d93cc1" width="1" height="1" alt=""><hr><p><a href="https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%BB%99%E8%A7%86%E8%A7%89%E8%AE%BE%E8%AE%A1%E5%B8%88%E5%B8%A6%E6%9D%A5%E6%80%8E%E6%A0%B7%E7%9A%84%E5%8F%98%E5%8C%96-ecc970d93cc1">小程序给视觉设计师带来怎样的变化</a> was originally published in <a href="https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon">图月志 • IconMoon</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[生成中文假名的 Sketch 插件]]></title>
            <link>https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon/%E7%94%9F%E6%88%90%E4%B8%AD%E6%96%87%E5%81%87%E5%90%8D%E7%9A%84-sketch-%E6%8F%92%E4%BB%B6-6a1921b4cc10?source=rss-ca1c3c07fdfb------2</link>
            <guid isPermaLink="false">https://medium.com/p/6a1921b4cc10</guid>
            <category><![CDATA[chinese]]></category>
            <category><![CDATA[sketch]]></category>
            <category><![CDATA[plugins]]></category>
            <dc:creator><![CDATA[JJ Ying]]></dc:creator>
            <pubDate>Thu, 08 Dec 2016 02:26:17 GMT</pubDate>
            <atom:updated>2016-12-08T02:26:17.720Z</atom:updated>
            <content:encoded><![CDATA[<p>我自己平常用 Sketch 处理一大堆条目的时候，工作流肯定是基于复制一堆 Symbols 然后逐个改写 Overrides 的，有时候东西多了效率就比较低，所以我一直想做一个给 Symbols 用的随机内容生成插件，可以选中一堆 Symbols ，然后随机生成内容写到 Overrides 里，但似乎目前 Sketch 的插件接口还没法实现，所以就先把目前做完的生成假的人名这部分做一个单独的插件发粗来吧~ 用到的姓和名没有完全按照我国各种名字的完全统计来，但应该也够用了~</p><h3><strong>使用方法</strong></h3><ol><li><a href="https://github.com/JJYing/Fake-Chinese-Name-for-Sketch/archive/master.zip"><strong>点击下载</strong></a>之后解压</li><li>运行（直接双击）<strong>Fake-Chinese-Name.sketchplugin</strong>文件即可完成安装</li><li>在 Sketch 文档中选中想要生成姓名的文本框（一个或多个）然后点击菜单栏中的「<strong>Plugins &gt; 生成人名</strong>」，对应的快捷键是「<strong>Control + Option + R</strong>」</li></ol><figure><img alt="" src="https://cdn-images-1.medium.com/max/550/1*CB-0IW5Vm6CbGcmfbHUvdQ.gif" /></figure><p>代码在 GitHub 上：<a href="https://github.com/JJYing/Fake-Chinese-Name-for-Sketch">https://github.com/JJYing/Fake-Chinese-Name-for-Sketch</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=6a1921b4cc10" width="1" height="1" alt=""><hr><p><a href="https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon/%E7%94%9F%E6%88%90%E4%B8%AD%E6%96%87%E5%81%87%E5%90%8D%E7%9A%84-sketch-%E6%8F%92%E4%BB%B6-6a1921b4cc10">生成中文假名的 Sketch 插件</a> was originally published in <a href="https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon">图月志 • IconMoon</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[「后扁平化时代」的 i18n 和 L10n]]></title>
            <link>https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon/%E5%90%8E%E6%89%81%E5%B9%B3%E5%8C%96%E6%97%B6%E4%BB%A3-%E7%9A%84-i18n-%E5%92%8C-l10n-a2561c66175f?source=rss-ca1c3c07fdfb------2</link>
            <guid isPermaLink="false">https://medium.com/p/a2561c66175f</guid>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[l10n]]></category>
            <category><![CDATA[i18n]]></category>
            <dc:creator><![CDATA[JJ Ying]]></dc:creator>
            <pubDate>Sat, 30 Jul 2016 16:20:10 GMT</pubDate>
            <atom:updated>2016-07-30T16:20:10.048Z</atom:updated>
            <content:encoded><![CDATA[<p>先解释一下 i18n 和 L10n，他们是 Internationalization 和 localization 两个词的缩写，中间的数字代表了省掉的英文字母数量，简单而粗俗地翻译过来，就是「国际化」和「本地化」，详细定义可以移步<a href="https://en.wikipedia.org/wiki/Internationalization_and_localization">维基百科</a>。这个话题源自昨晚我司的工作群里，视觉设计师 @<a href="https://www.zhihu.com/people/qian-teng">钱腾</a>童鞋发了下面这个 Airbnb 手机 App 的搜索界面截图：</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*Xxo_yfW0wgmtBNfx.jpg" /></figure><p>他坦言说这套设计实在是太素了，连性冷淡这个词都已经无法描述这个界面的惨白，简直「比交互稿还交互稿」。而且 Airbnb 新 App 的整套设计他都不太喜欢，跟 Apple Music 神似的大粗标题和「白兮兮」的视觉风格实在不是他的菜。事实上 Airbnb 这套新的设计应该在今年四月份就已经上线了，但是我之前都没有完整体验过，哪怕中间还订过一次房似乎也没注意到，所以一边跟大家讨论我一边试用了一下。抛开之后群里讨论这套设计到底是否好看不谈，我在对比了其中的一些界面之后突然意识到一件事儿：<strong>如今视觉风格越来越趋向于「突出内容而弱化 UI」，在需要做国际化和本地化 的时候，UI 设计师遇到的挑战非常严峻。</strong></p><h3>关于那些长长的文字</h3><p>在 HP 为打印机操作屏设计界面的时候，第一次接触到了 i18n 的相关工作，每次要在设计里对各种长短不一的信息呈现进行各种取舍的时候都纠结不已。依稀记得各种需求文档里最头痛就是一个「String Table」，这个动辄十多兆的 Excel 表格里罗列了界面中所有文字在全世界所有发售地区支持的十几种语言的各种翻译版本（你可以理解为某部电影的包含十几种不同语言的字幕文件），就拿主界面上最常见的一个「打印照片」功能的文案来举例：</p><p>照片 / Photo / Fotografije / Φωτογραφία</p><p>同样一个词在不同地区长度差别实在太大，用当时我们常用的一个宽度单位「W」（就是一个 Arial 字体下的 W 字母宽度）来粗略计算，从 2W 到 6W 不等，对于一个按钮来说这个长度的差别足以影响视觉设计上的平衡乃至布局了。但现实情况下，不可能为每个语言出一套适配方案（当然，希伯来语和阿拉伯语是例外，Style Guide 经常要照顾一下他俩，而且所有牵涉到箭头等方向感的图标也需要重绘）。当然这些大体上只是对视觉的影响，在其他方面 i18n 和 L10n 甚至会影响整个交互体验，比如我记得因为德国特殊的法律，所有的打印机不能自带复印功能，所以需要引导用户先扫描，再打印……好像扯远了，先说回来。</p><h3>关于字体</h3><p>回到 Airbnb，我自己体验了新版之后感觉其实整套设计不如钱同学说得这么「冷淡」，至少他贴出来的搜索界面只是所有主要 UI 当中最简单的一个，其他的大家可以简单感受一下：</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*iYoTrfIDA4GJ2f9F.jpg" /></figure><p>而整个搜索流程前前后后其他界面的风格基本也还不至于那么「惨白」：</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*2yhKmm8mlJxQoMiN.jpg" /></figure><p>但是，从搜索模块主界面的简洁程度来看，英文版下通过品牌字体传递的仅剩的一点点「气质」在中文版界面里也全部流失掉了：</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*ArtSAQ1bu5ESgaLk.jpg" /></figure><p>应该庆幸的是现在 iOS 至少有了苹方，好歹粗细变化是可以的，要是放以前只有华文细黑的话就是下面这个效果，连基础的文字对比度都要缺失了：</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*QXdSQElGRZgSRDJ5.jpg" /></figure><p>Airbnb 现在 App 上的默认字体，用的是他们家在 2014 年那次非常成功的 re-branding 中选定的 <a href="https://lineto.com/The+Fonts/Font+Categories/Text+Fonts/Circular/">Circular</a>（logo 上的文字是 <a href="https://lineto.com/The%20Fonts/Font%20Categories/Text%20Fonts/Brown/">Brown</a>，其他印刷以及线上的文字都是 Circular，两者都是 <a href="https://lineto.com/">Lineto</a> 出品的）。以前做了一次外部的分享，Q&amp;A 环节中有朋友问了我一个问题：你平时做项目的时候怎么挑选字体的？我回答说最基础的肯定要考虑字体基本的 readability、legibility、字符是不是完整等属性，然后在我心目中对常用的那些字体有个非常感性的分类，不是按照字体有没有衬线，偏几何还是偏人文来分，而是更多像下图所示这样，从「现代-经典」和「严谨-有趣」两个纬度来选择，根据项目中的实际需求进行取舍，一些常见的英文字体在我的坐标里大概是这样的（说了非常感性的，如果大家觉得跟你的判断不符，请不要来辩~）：</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*wB2-Dc_Xgw8Hshbb.jpg" /></figure><p>总之，我觉得这款品牌字体 Circular 还算是比较「好玩」的，略略有些「味道」的（关于它的基本介绍可以参考<a href="https://www.zhihu.com/people/linkzero">Linkzero Tsang</a> 的这个知乎回答：<a href="https://www.zhihu.com/question/34454389/answer/58713235">在 Alphabet 网站 (abc.xyz) 出现的 LTCircular 是种什么字体?</a>），一定要比喻的话，我觉得它有点像麦当劳的红豆派，基本上填得饱肚子，吃起来虽然比较清淡但其实还是有点回味的。而 Airbnb 的这个中文版界面其实就像麦当劳来到中国之后突然在套餐里把红豆派换成了白馒头，虽然依然吃得饱，也符合本地传统，但口味差了很多（好吧，我只是随便举了个例子，美国的麦当劳到底有没有红豆派其实我也不知道，求别打脸！）。</p><p>随着技术和时代的发展，现在各种企业的品牌字体选用都非常谨慎，但一旦确定之后使用的深度和频度都比以前高了太多，但像 SONY 这种敢为了推新品牌字体而直接做了全新设计覆盖 93 个语言版本的情况毕竟是少数（好吧，其实 <a href="http://www.sony.net/SonyInfo/design/works/projects/sst-font/">SST</a> 在 CJK 里也只覆盖了日文，依然任重道远）。所以跨国企业一个很常见的问题是一旦经过本地化之后，原先花大力气定义的品牌调性都因为字体的问题有所缺失，而在 UI 上问题更严重，因为现在的 UI 风格都越来越趋向简单、直接、突出内容，字体经常成了设计中非常重要的一部分。而就像前面那个搜索界面的例子，很多品牌个性在本地用户手机上都不见了……</p><p>最近要码很多 PPT，请允许我继续未完待续一下……</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=a2561c66175f" width="1" height="1" alt=""><hr><p><a href="https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon/%E5%90%8E%E6%89%81%E5%B9%B3%E5%8C%96%E6%97%B6%E4%BB%A3-%E7%9A%84-i18n-%E5%92%8C-l10n-a2561c66175f">「后扁平化时代」的 i18n 和 L10n</a> was originally published in <a href="https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon">图月志 • IconMoon</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[What the new Mastercard logo will look like in China]]></title>
            <link>https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon/what-the-new-mastercard-logo-will-look-like-in-china-1c6da1f2eb8f?source=rss-ca1c3c07fdfb------2</link>
            <guid isPermaLink="false">https://medium.com/p/1c6da1f2eb8f</guid>
            <category><![CDATA[mastercard]]></category>
            <category><![CDATA[branding]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[JJ Ying]]></dc:creator>
            <pubDate>Fri, 15 Jul 2016 05:39:08 GMT</pubDate>
            <atom:updated>2016-07-15T05:43:13.011Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/500/1*5TqC7ksJSGpCJ_DiHyi0gg.jpeg" /><figcaption>Image from ‘<a href="http://www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_mastercard_by_pentagram.php#.V4h1_5N95p8">Brand New</a>’ blog</figcaption></figure><p>In Brand New blog, the new Mastercard is described as:</p><blockquote>the logo is easily identifiable and stands out from whatever is around it</blockquote><p>Well, I was quite convinced by the official photo like below:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/500/1*muFjGAHlut5qygTwZ-8yQw.jpeg" /><figcaption>also from <a href="http://www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_mastercard_by_pentagram.php#.V4h1_5N95p8">Brand New blog post</a></figcaption></figure><p>But thinking about the actual scenes happens in millions of stores in China nowadays, I gotta say, THIS is actually the real version of ‘<strong>stands out from whatever is around it</strong>’:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/500/1*q4gEmuqhHEoy8cLVBmEhrw.jpeg" /></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=1c6da1f2eb8f" width="1" height="1" alt=""><hr><p><a href="https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon/what-the-new-mastercard-logo-will-look-like-in-china-1c6da1f2eb8f">What the new Mastercard logo will look like in China</a> was originally published in <a href="https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon">图月志 • IconMoon</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[遗失的美好 (1)]]></title>
            <link>https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon/%E9%81%97%E5%A4%B1%E7%9A%84%E7%BE%8E%E5%A5%BD-1-bc242b2b49c4?source=rss-ca1c3c07fdfb------2</link>
            <guid isPermaLink="false">https://medium.com/p/bc242b2b49c4</guid>
            <category><![CDATA[design]]></category>
            <category><![CDATA[china]]></category>
            <category><![CDATA[typography]]></category>
            <dc:creator><![CDATA[JJ Ying]]></dc:creator>
            <pubDate>Tue, 07 Jun 2016 05:12:05 GMT</pubDate>
            <atom:updated>2016-06-07T05:13:04.442Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*9szL46ajkPmrlBOSCNKS-A.jpeg" /></figure><p>首先友情提醒一下，这篇博文的名字只是刚好想到的，跟张韶涵那首歌没啥关系，请大家不要打开播放器搜索「遗失的美好」来播放，不是很搭，也请不要问我为什么知道不搭 &gt;.&lt;</p><p>说回正题，自从某一期「字谈字畅」里被安利过之后就顺手买了一本《<a href="https://book.douban.com/subject/26281097/">上海字记</a>》，一开始以为只是作者搜罗的一些旧画报之类的纯视觉内容，所以也就随便翻了几页，感慨一下「唉，还是过去的商标、路牌和字体好看啊，每个都是设计过的」之后也就丢在一边了。但是最近重新翻开之后细细读了其中对几位老一辈的设计以及印刷从业者的采访，文字虽然很简短，但还是能透露出从解放后到现在老中青几代人的不同思路。</p><p>整本书的装帧很适合平摊开来慢慢看，节奏也不错，差不多按照时间顺序在各种老的插画、包装、排版艺术当中插入采访，整体的节奏很像当年那部纪录片《<a href="https://movie.douban.com/subject/1937190/">传奇字体 Helvetica</a>》，看着书，回忆（或者对于更多没有经历过那么久远的历史人来说是探索）以前那些「古朴」时代的设计，真的蛮有意思的，强烈推荐。随手摘了一些感想如下：</p><ul><li>很多老师傅其实也不是对设计多感兴趣，就是一份职业，时代决定命运，当然他们自己的水平也还是很不错的</li><li>从姚体的设计师的阐述看起来，他自己其实是有「原子弹飞机驾驶员」那种内疚的心态的。但是看得出来，他是真的喜欢写字、刻字、设计字体</li><li>直到 2014 年（变形金刚第四部）的时候，上海郊区的电影院墙外依然有手工绘画的电影海报</li><li>之前在 TIB 上就看到过的一张图（如下），也是时代的无奈，让不识字的阿姨来评判设计</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/1*RFKa-48GwlS28XnZRSEDgQ.jpeg" /></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=bc242b2b49c4" width="1" height="1" alt=""><hr><p><a href="https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon/%E9%81%97%E5%A4%B1%E7%9A%84%E7%BE%8E%E5%A5%BD-1-bc242b2b49c4">遗失的美好 (1)</a> was originally published in <a href="https://medium.com/%E5%9B%BE%E6%9C%88%E5%BF%97-iconmoon">图月志 • IconMoon</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Anyway.FM #16: 向左走，向右走]]></title>
            <link>https://medium.com/anyway-fm-%E8%AE%BE%E8%AE%A1%E6%9D%82%E8%B0%88/anyway-fm-16-%E5%90%91%E5%B7%A6%E8%B5%B0-%E5%90%91%E5%8F%B3%E8%B5%B0-871eab1509b7?source=rss-ca1c3c07fdfb------2</link>
            <guid isPermaLink="false">https://medium.com/p/871eab1509b7</guid>
            <category><![CDATA[chinese]]></category>
            <category><![CDATA[podcast]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[JJ Ying]]></dc:creator>
            <pubDate>Wed, 27 Apr 2016 07:16:30 GMT</pubDate>
            <atom:updated>2016-04-27T07:16:30.730Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*19Snl0-Da3Tpxf_6XI3r-A.png" /></figure><p>作为旅游季结束后回归的第一期节目，大家久等了。一段日子没有录节目，聊着聊着就忘记了时间，竟然又把节目时长拉到了 50 分钟以上，我们对此深感抱歉，今后一定注意！！！</p><h3>本期内容提要</h3><p>× 新 • 开场白<br>× 作为一家负责任的电台…<br>× 从听众反馈开始<br>× JJ 说他要讲故事了<br>× 第二个故事，关于 Tim 的<br>× 老司机说说自己的体会<br>× 不负责任推荐之列表计分法<br>× 面对物质要求，坦率一点更好<br>× 不新的新闻之 HP 新品牌形象<br>× 国际友人 Eli Schiff 又来喷了<br>× 很热的热点之 Supercell 新游戏</p><h3>收听方式</h3><p><a href="http://www.lizhi.fm/1824901/2530724482192050182"><strong>荔枝 FM</strong></a> × <a href="http://music.163.com/#/dj?id=786269765"><strong>网易云音乐</strong></a> × <a href="https://itunes.apple.com/cn/podcast/anyway.fm-she-ji-za-tan/id1053786200?l=zh-CN-&amp;mt=2"><strong>iTunes Podcasts</strong></a> × <a href="http://anyway.fm/rss.xml"><strong>RSS</strong></a></p><h3>参考链接</h3><ol><li><a href="http://www.teehanlax.com/">来自加拿大的 Teehan + Lax 设计工作室</a>（公司名字即来自两个主要创始人 <a href="https://about.me/gteehan">Geoff Teehan</a> 和 <a href="https://www.linkedin.com/in/jonlax">Jon Lax</a>）</li><li>关于 Teehan 和 Lax 关闭工作室加入 Facebook 的始末，可以查阅<a href="http://www.teehanlax.com/story/our-next-act/">他们的博客原文</a>或<a href="http://www.ifanr.com/484545">爱范儿上的简报</a></li><li>对于包括我在内的广大伸手党来说，Teehan + Lax 最出名的就是那个<a href="http://www.teehanlax.com/tools/">「基友牌」iOS 控件 PSD 素材</a></li><li><a href="http://iconmoon.com/blog2/ios-9-psd-sketch-mockups/">即使在加入 Facebook 之后这个优良传统也还在继续</a></li><li>今年 Teehan 写的怀旧文：<a href="https://medium.com/habit-of-introspection/i-miss-my-partner-afbc8996d131#.1qfrikk2a">I miss my partner</a> （需翻墙）</li><li><a href="http://www.teehanlax.com/story/medium/">Teehan + Lax 工作室给 Medium 做的第一版设计的完整 case study</a></li><li>第二个故事的主角：<a href="http://timvandamme.com/">Tim Van Damme</a></li><li>Tim 先后效力的几家公司：<a href="http://36kr.com/p/65406.html">Gowalla</a>、Instagram、Facebook、Dropbox</li><li><a href="https://dribbble.com/search?q=dropbox+illustration">感受一下 Dribbble 上的 Dropbox 插画风格</a></li><li><a href="http://iconmoon.com/blog2/visiting-silicon-valley">JJ 在 2015 年参观硅谷科技公司时的见闻随录</a></li><li><a href="http://tv.sohu.com/20120827/n351644878.shtml">老友记 S02E08：清单</a></li><li>百度交互设计师 <a href="http://alanux.lofter.com/">Alan</a> 分享的<a href="http://www.jianshu.com/p/6528d04108c0">设计方案记分对比法</a></li><li><a href="http://www.theverge.com/2016/4/20/11457746/hp-new-logo-spectre-13-moving-brands-interview">The Verge 上的 HP 新 logo 发布通稿</a></li><li><a href="http://pic.yupoo.com/yingjunjiu_v/Fvn7e6Lq/KGx96.jpg">HP logo 的历代变迁</a></li><li>操刀了最新这个 logo 的<a href="http://www.movingbrands.com/">英国设计公司 Moving Brands</a></li><li><a href="http://www.elischiff.com/">大喷子 Eli Schiff 的博客</a></li><li>他的三部曲 You Could Almost Do Anything <a href="http://www.elischiff.com/blog/2016/4/12/do-almost-anything">第一部喷了 HP 新 logo 和麻省理工学院出版社的 logo</a></li><li><a href="http://www.elischiff.com/blog/2016/4/20/do-almost-anything-ii">第二部又喷了同样由 Moving Brands 操刀的 deviantART 新 logo</a></li><li><a href="http://supercell.com/en/">Supercell</a> 今年最新的现象级手游<a href="https://itunes.apple.com/cn/app/id1053012308?mt=8">部落冲突：皇室战争</a>（Clash Royale）</li><li><a href="http://baike.baidu.com/link?url=XHsZLXQ-NvOPzEnQ_YUCVAJoBdjU9fCqOpZRWWE7YKmJfoST1WUTfi2LSHVMzj-SbjAYWJWxMoxIJfCKthUe4a">Alan Kay</a> 的名言：People who are really serious about software should make their own hardware.</li><li><a href="http://www.brainyquote.com/quotes/authors/a/alan_kay.html">面向对象编程和图形用户界面开创者 Alan Kay 的名言有很多，简直就是电脑科学界的米兰昆德拉</a></li></ol><h3>联系我们</h3><p>× 邮箱：hello@anyway.fm</p><p>× 网站：<a href="http://anyway.fm/">http://Anyway.FM</a></p><p>× 微博：@<a href="http://weibo.com/anywayfm">Anyway-FM</a></p><p>× Twitter：@<a href="https://twitter.com/Anyway__FM">Anyway__FM</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=871eab1509b7" width="1" height="1" alt=""><hr><p><a href="https://medium.com/anyway-fm-%E8%AE%BE%E8%AE%A1%E6%9D%82%E8%B0%88/anyway-fm-16-%E5%90%91%E5%B7%A6%E8%B5%B0-%E5%90%91%E5%8F%B3%E8%B5%B0-871eab1509b7">Anyway.FM #16: 向左走，向右走</a> was originally published in <a href="https://medium.com/anyway-fm-%E8%AE%BE%E8%AE%A1%E6%9D%82%E8%B0%88">Anyway.FM × 设计杂谈</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Anyway.FM #15: 设计师怎样去寻找个人风格？]]></title>
            <link>https://medium.com/anyway-fm-%E8%AE%BE%E8%AE%A1%E6%9D%82%E8%B0%88/anyway-fm-15-%E8%AE%BE%E8%AE%A1%E5%B8%88%E6%80%8E%E6%A0%B7%E5%8E%BB%E5%AF%BB%E6%89%BE%E4%B8%AA%E4%BA%BA%E9%A3%8E%E6%A0%BC-8df5e328fba0?source=rss-ca1c3c07fdfb------2</link>
            <guid isPermaLink="false">https://medium.com/p/8df5e328fba0</guid>
            <category><![CDATA[chinese]]></category>
            <category><![CDATA[ui]]></category>
            <category><![CDATA[podcast]]></category>
            <dc:creator><![CDATA[JJ Ying]]></dc:creator>
            <pubDate>Wed, 27 Apr 2016 07:14:14 GMT</pubDate>
            <atom:updated>2016-04-27T07:14:14.079Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Uoxh6JqEKApTPU5N_OdIkQ.jpeg" /></figure><p>在 Leon 的连载作文之后正片终于来了~ 本期我们把目光聚焦在著名大胡子设计师 Tobias van Schneider 的一篇「美文」上，一起讲述关于设计师的个人风格的故事</p><h3>本期内容提要</h3><p>× Tobias 写了「有的没的」的美文一篇<br>× 背景介绍君出场，科普一下 Tobias van Schneider 的故事 <br>×「风格」应该是跳脱视觉感受之上的<br>× 卡带了……<br>× Tobias 给出的 5 条关于「寻找个人风格」的建议<br>× 在职业生涯初期是不是应该把一种强烈的个人风格发挥到极致？<br>× 高处不胜寒，意见领袖的经历和鸡汤未必适合每个人<br>× Leon 的个人风格养成<br>× Leon 收到的那封律师函<br>× JJ 的回忆录也开始了<br>× 炒冷饭之设计新闻/灵感来自哪里</p><h3>收听方式</h3><p><a href="http://www.lizhi.fm/1824901/2527944813714264582"><strong>荔枝 FM</strong></a> × <a href="http://music.163.com/#/program?id=785738598"><strong>网易云音乐</strong></a> × <a href="https://itunes.apple.com/cn/podcast/anyway.fm-she-ji-za-tan/id1053786200?l=zh-CN-&amp;mt=2"><strong>iTunes Podcasts</strong></a> × <a href="http://anyway.fm/rss.xml"><strong>RSS</strong></a></p><h3>参考链接</h3><ol><li>本期主要讨论的文章：<a href="https://medium.com/@vanschneider/finding-your-own-style-as-a-designer-cecd12cf874d#.jozxzuas7">Finding your own style as a designer.</a></li><li>原文作者是德国裔的设计师 Tobias van Schneider，他的<a href="http://www.vanschneider.com/">个人主页</a>、<a href="https://soundcloud.com/tobiasvanschneider">播客</a>、<a href="https://twitter.com/vanschneider">Twitter</a>、<a href="https://dribbble.com/vanschneider">Dribbble</a>、<a href="https://www.instagram.com/vanschneider/">Instagram</a>、<a href="https://www.behance.net/vanschneider">Behance</a></li><li>JJ 提到的那本书：《<a href="https://book.douban.com/subject/5341100/">超越 Logo 设计</a>》</li><li><a href="http://anyway.fm/famous-icon-designers/#title">Anyway.FM 第二期：当年的那些图标设计师们</a>中介绍过 Leon 一直以来的偶像 David Lanham</li><li>帮助 JJ 在 2006 年获得皮肤设计比赛第一名，从而进入设计行业的桌面主题作品：<a href="http://iconmoon.com/blog2/azenis2/">Azenis 2</a></li><li>JJ 经常上的网站：<a href="https://www.designernews.co/">Designer News</a>、<a href="http://sidebar.io/">Sidebar.io</a></li><li>Leon 经常上的网站：<a href="http://feedly.com/">Feedly</a>、<a href="http://ffffound.com/">FFFFOUND!</a>、<a href="https://www.flickr.com/">Flickr</a>、<a href="https://www.pinterest.com/">Pinterest</a></li></ol><h3>联系我们</h3><p>× 邮箱：hello@anyway.fm</p><p>× 网站：<a href="http://anyway.fm/">http://Anyway.FM</a></p><p>× 微博：@<a href="http://weibo.com/anywayfm">Anyway-FM</a></p><p>× Twitter：@<a href="https://twitter.com/Anyway__FM">Anyway__FM</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=8df5e328fba0" width="1" height="1" alt=""><hr><p><a href="https://medium.com/anyway-fm-%E8%AE%BE%E8%AE%A1%E6%9D%82%E8%B0%88/anyway-fm-15-%E8%AE%BE%E8%AE%A1%E5%B8%88%E6%80%8E%E6%A0%B7%E5%8E%BB%E5%AF%BB%E6%89%BE%E4%B8%AA%E4%BA%BA%E9%A3%8E%E6%A0%BC-8df5e328fba0">Anyway.FM #15: 设计师怎样去寻找个人风格？</a> was originally published in <a href="https://medium.com/anyway-fm-%E8%AE%BE%E8%AE%A1%E6%9D%82%E8%B0%88">Anyway.FM × 设计杂谈</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[ARK Design 联合创始人滕磊先森作客 Anyway.FM，聊聊开车 / 船经验]]></title>
            <link>https://medium.com/anyway-fm-%E8%AE%BE%E8%AE%A1%E6%9D%82%E8%B0%88/ark-design-%E8%81%94%E5%90%88%E5%88%9B%E5%A7%8B%E4%BA%BA%E6%BB%95%E7%A3%8A%E5%85%88%E6%A3%AE%E4%BD%9C%E5%AE%A2-anyway-fm-%E8%81%8A%E8%81%8A%E5%BC%80%E8%BD%A6-%E8%88%B9%E7%BB%8F%E9%AA%8C-4dcfb95c5f13?source=rss-ca1c3c07fdfb------2</link>
            <guid isPermaLink="false">https://medium.com/p/4dcfb95c5f13</guid>
            <category><![CDATA[podcast]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[JJ Ying]]></dc:creator>
            <pubDate>Tue, 29 Mar 2016 08:52:41 GMT</pubDate>
            <atom:updated>2016-03-29T08:58:29.078Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*SSY0yImoFqINdX4laoo71g.jpeg" /></figure><p>第二期 180° 访谈节目的嘉宾是来自 ARK Design 的联合创始人、CDO 滕磊先生。本期节目我们听滕船长娓娓道来他的故事。</p><h3><strong>滕磊</strong></h3><p><em>ID：火山大陆 、ARK 联合创始人兼 CDO</em></p><p>十多年的设计生涯，积累了品牌设计、用户体验和产品设计的丰富经验，曾在微软 Microsoft Windows Phone Design Team 与 Frog 上海 Office 担任用户体验设计师，并作为主设计师设计了 Office for Mac 2011 的品牌概念，创作了全新的 logo 系列,代替使用 10 年之久的上一代经典 logo。致力于创造用户真正热爱的产品，产品才是设计的放大器。</p><h3><strong>本期内容提要</strong></h3><p>× 滕先森的时间线<br>× 关于 Office for Mac 2011 品牌设计的故事<br>× 如何面对设计与产品落地后存在的落差<br>× 人生虽然充满了意外与巧合，但始终应该明白自己要的是什么<br>× 中国产品设计师的黄埔军校<br>× 设计师的身份究竟代表了什么<br>× 面对挫折，别急着失落<br>×「活」在大家的收藏夹里<br>× 人身在世，当日日精进<br>× ARK 的故事<br>× Ammunition<br>× ARK 在寻找新船员，你还在等什么</p><h3>本期赞助</h3><p><a href="http://lizhi.io/?utm_source=anyway"><strong>数码荔枝正版软件商店</strong></a><br>努力让国人以一个容易承受得起的价格，购买优秀的正版软件，并有尊严地使用。面向普通用户、提供特惠但不做团购、提供优质的客服支持，代理并提供特别的中国优惠的软件超过 150 款，包括适合设计师的产品，比如 RightFont，ColorSnapper 等。</p><p><a href="http://pindesign.in/?utm_source=anyway"><strong>PinDesign 移动互联网产品设计周刊</strong></a><br>每周一次的期刊，从应用的产品设计、方法思路以及设计师职业能力等方向来分享从业多年的相关经验。网站有提供试读文章，大家可以先看看。</p><p><a href="http://inboardapp.com/?utm_source=anyway"><strong>灵感和素材收集工具 Inboard</strong></a><br>Mac 上的灵感和图片素材收集和管理 App，整合 Dribbble 的收藏功能，由独立华人独立开发者<a href="http://xhacker.im/">柳东原</a>开发。</p><h3><strong>收听方式</strong></h3><p><a href="http://www.lizhi.fm/1824901/2525340180189786630"><strong>荔枝 FM</strong></a> × <a href="http://music.163.com/#/program?id=784988543"><strong>网易云音乐</strong></a> × <a href="https://itunes.apple.com/cn/podcast/anyway.fm-she-ji-za-tan/id1053786200?l=zh-CN-&amp;mt=2"><strong>iTunes Podcasts</strong></a> × <a href="http://anyway.fm/rss.xml"><strong>RSS</strong></a></p><h3>参考链接</h3><ol><li>火山大陆滕磊的<a href="http://weibo.com/hxxland">微博</a>和<a href="http://zhuanlan.zhihu.com/arklei">知乎专栏</a></li><li>Office for Mac 2011 的<a href="http://anyway-web.b0.upaiyun.com/images/office-mac-final.jpg">最终版 Logo</a> 以及滕磊设计的概念稿<a href="http://anyway-web.b0.upaiyun.com/images/office-mac.png">一</a>、<a href="http://anyway-web.b0.upaiyun.com/images/office-mac-excel.png">二</a>、<a href="http://anyway-web.b0.upaiyun.com/images/office-mac-powerpoint.jpg">三</a>、<a href="http://anyway-web.b0.upaiyun.com/images/office-mac-word.jpg">四</a>、<a href="http://anyway-web.b0.upaiyun.com/images/office-mac-packaging.jpg">五</a></li><li><a href="http://www.frogdesign.cn/">Frog Design 跨国设计与战略咨询公司</a></li><li><a href="http://zhuanlan.zhihu.com/arklei/20381915">「问问自己，想要什么」出自 Y-Combinator CEO</a></li><li>《<a href="http://www.huxiu.com/article/114352/1.html">走进微软、“设计”微软、离开微软……中国设计界的“微软帮”</a>》，文中介绍了<a href="http://weibo.com/u/2109416493">Robin</a>、<a href="http://weibo.com/rokeyzhang">Rokey</a>、<a href="http://tokenx.com/weblog/">Token</a>、<a href="http://weibo.com/hxxland">滕磊</a>、<a href="http://weibo.com/alienwang1980">Alien</a>，当然其他还有 <a href="http://weibo.com/dexterren">Dexter</a>（@小米）、<a href="https://dribbble.com/brisy">Brisy</a>（@小米）、<a href="https://dribbble.com/glengao">Glen Gao</a>（@摩托罗拉）、<a href="http://weibo.com/rayzha">张磊</a>（@ZUK）等等等等</li><li><a href="http://iconmoon.com/blog2/erik-spiekermann-on-dribbble/">老一代字体设计师 Erik Spiekermann 对 Dribbble 的评价</a></li><li><a href="http://anyway-web.b0.upaiyun.com/images/icok-cover.jpg">当年滕磊制作的 icok 杂志已经完全 404 了，只能欣赏一下某期的封面缅怀一下~</a></li><li><a href="https://zh.wikipedia.org/wiki/%E7%A8%BB%E7%9B%9B%E5%92%8C%E5%A4%AB">稻盛和夫</a>的《<a href="https://book.douban.com/subject/10575377/">活法</a>》</li><li><a href="http://www.arkdesign.cn/">ARK Design</a></li><li><a href="http://9to5mac.com/2016/03/14/jony-ive-charlie-rose-interview/">需要番羽土蔷观看的 Charlie Rose 对 Jony Ive 的采访</a></li><li>前 Apple 工业设计总监，<a href="http://www.ammunitiongroup.com/">Ammunition 设计工作室</a>创始人 <a href="https://en.wikipedia.org/wiki/Robert_Brunner">Robert Brunner</a></li><li>ARK Design 招交互 &amp; 视觉设计师，简历/作品集投递邮箱：career@arkdesign.cn</li><li>JJ 提到百度 MUX 上海团队招交互设计实习生，简历/作品集投递邮箱：yingjunjiu@baidu.com</li></ol><h3><strong>联系我们</strong></h3><p>× 邮箱：hello@anyway.fm</p><p>× 网站：<a href="http://anyway.fm/">http://Anyway.FM</a></p><p>× 微博：@<a href="http://weibo.com/anywayfm">Anyway-FM</a></p><p>× Twitter：@<a href="https://twitter.com/Anyway__FM">Anyway__FM</a></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=4dcfb95c5f13" width="1" height="1" alt=""><hr><p><a href="https://medium.com/anyway-fm-%E8%AE%BE%E8%AE%A1%E6%9D%82%E8%B0%88/ark-design-%E8%81%94%E5%90%88%E5%88%9B%E5%A7%8B%E4%BA%BA%E6%BB%95%E7%A3%8A%E5%85%88%E6%A3%AE%E4%BD%9C%E5%AE%A2-anyway-fm-%E8%81%8A%E8%81%8A%E5%BC%80%E8%BD%A6-%E8%88%B9%E7%BB%8F%E9%AA%8C-4dcfb95c5f13">ARK Design 联合创始人滕磊先森作客 Anyway.FM，聊聊开车 / 船经验</a> was originally published in <a href="https://medium.com/anyway-fm-%E8%AE%BE%E8%AE%A1%E6%9D%82%E8%B0%88">Anyway.FM × 设计杂谈</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
    </channel>
</rss>