上周在知乎的这个问题下面被一个匿名朋友给喷了,现在他的回答不知是自己删了还是被举报了,没法引用当时也没截图,大意是说我在 Dribbble 上虽然粉丝有 6k 多,但其实名不副实,大部分作品质量都不高,点赞数很低,跟浏览数一比就更低了。他的话虽然不好听,但我接受他的批评,因为他说的都是事实 😂

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

Dribbble 综合评价系统 - Analytttics



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

图片载入中...

Anyway.Post 页面设计

2 月 8 日 • 2017个人作品
上上篇提到,我和 Leon 计划在 Anyway.FM 节目更新间隔期给大家发送双周更新的邮件「Anyway.Post 安妮薇邮报」,因为 Tinyletter 上的订阅页面地址不太好记,节目里也不方便播报,所以简单做了一个 landing page,请不要问我为啥风格跟主站完全不一样,我任性!

废话不多说了,想订阅的朋友走起:Anyway.Post

图片载入中...
我自己平常用 Sketch 处理一大堆条目的时候,工作流肯定是基于复制一堆 Symbols 然后逐个改写 Overrides 的,有时候东西多了效率就比较低,所以我一直想做一个给 Symbols 用的随机内容生成插件,可以选中一堆 Symbols ,然后随机生成内容写到 Overrides 里,但似乎目前 Sketch 的插件接口还没法实现,所以就先把目前做完的生成假的人名这部分做一个单独的插件发粗来吧~ 用到的姓和名没有完全按照我国各种名字的完全统计来,但应该也够用了~

使用方法
  1. 点击下载之后解压
  2. 运行(直接双击)Fake-Chinese-Name.sketchplugin 文件即可完成安装
  3. 在 Sketch 文档中选中想要生成姓名的文本框(一个或多个)然后点击菜单栏中的「Plugins > 生成人名」,对应的快捷键是「Control + Option + R


  4. 图片载入中...



    代码在 GitHub 上:https://github.com/JJYing/Fake-Chinese-Name-for-Sketch

Podcast RSS 编辑器

2016 年 7 月 11 日个人作品
自从开始做播客我才知道 Apple iTunes 里的播客音频文件都不是放在 Apple 服务器上的,他只负责读取你自己域名上的一个 RSS 文件来查看有没有更新,所有流量都是走播客提供方自己的,所以这个 RSS 文件也是需要内容提供方自己来生成的(当然也有国内一些服务提供 RSS 和文件托管的,代价就是要由他们来控制作者信息了……),我试了一些工具,有的不趁手有的要钱,所以一直是自己用代码编辑器直接手工修改 RSS 文件的,比较麻烦也容易出错。直到有一次在更新时发生了错误,让我下定决心抛弃这种原始的方法……

上个月用很原始的 PHP 写了这个小工具,可以编辑与分析 RSS Feed 里关于该播客的节目信息,有相关需要的朋友可以去 GitHub 上自取,目前比较初步,没法编辑 Channel 信息,主要用来添加新节目相关内容。

https://github.com/JJYing/Podcast-RSS-Editor

图片载入中...

为什么是 PingFang SC ?

2016 年 2 月 19 日个人作品
Anyway.FM 第 12 期里,讨论了一个听众反馈的问题:「Anyway.FM 官网的 font-family 首选了 PingFang SC,而不是系统默认英文字体,应该是个 bug」,然后我发现用纯语言讨论这事情非常蛋疼,口都说干了,Leon 也被我说睡着了,但似乎还木有说清楚,所以特别记录一下这个 bug 的诞生过程,以及在 Anyway.FM 网站设计上线时的完整纠结过程。

先确定一下主要的场景,因为网站上线前我也不知道详细数据,只能假想听众和我自己的博客比较重合,数据大概差不多。事实上后来的实际数据显示 Anyway.FM 的网站用户使用现代浏览器的比例更高一些,Mac 平台的比例也高不少,UV 大致情况如下:

图片载入中...


Round 1

根据上面这些大致的数据,基本上从一开始就是本着「优雅降级」的策略先考虑 Mac 平台的效果,然后再兼顾 Windows 和移动端。策划节目前几期的时候我就设计了网站第一个草稿,好吧,说是设计其实从头到尾也都没有打过啥设计稿,直接码了个静态页面。标题字体选用的是两个 web font,西文部分是 Merriweather,中文部分是邻国日本的 TypeSquare汉仪粗宋,大致效果如下,线上 Demo 在此,不过 Merriweather 尚未加载,只是 CSS 里指定了一下。

图片载入中...

图片载入中...



© 2013 JJ Ying & Topcells


给一款 iPhone 的来电弹屏 App 设计了整套的界面。最近这段时间对于带衬体的英文字体完全没有抵抗力,很幸运在最近的这个实际项目中正好尝试了一下。最终采用的这个提案整体风格很素,除了用户照片之外基本靠字本身的味道来增强品质感。

当然带来的一个大问题是英文版的字体好处理,中文版方面想要找到一款价格低廉可以内嵌、屏幕显示效果 OK 的衬体字实在是太难了,项目过程中也收集了一下目前能免费商用(包括内嵌到 App 内部的一些字体,整理一下稍后发出)  

Chronos 程序图标设计

2013 年 10 月 30 日个人作品

图片载入中...



给一款 Mac 上的时间追踪软件设计的程序图标,更详细的过程动画可以移步我的网盘

客户希望这个 App 的图标能够脱离已经非常普遍的实体时钟形象创造出一个不太一样的新图标,所以前期设计了三个方案:以 bar 来隐喻时间、以碟片上的时间流逝轨迹隐喻时间同时以类似沙漏的外形表明产品的用途、将图标和 Chronos 本身这个名字的原意(Chronos 是古希腊上古神话中的时间之神)联系起来。最终选取了第二个方向,纠结了碟片颜色以及内容很多轮之后完成了设计。

© 2013 JJ Ying & Wetfish

Page 1 of 14       下一页 »