我自己平常用 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

HP ePrint Center 网站设计

2013 年 10 月 29 日个人作品
在老东家的一些旧作,去年开始 HP 更新了整个品牌的设计语言,从以前的黑不溜秋改成了如今这种以 Bright 作为关键词之一的新风格,在经历了植入 WebOS 风格失败之后这次全新的品牌形象更新还是比较大胆的,连用了多年的 Futura 也被全新设计的字体 HP Simplified 所代替,可惜 12 年年中就离开了惠普,没有经历更完整的执行过程。

图片载入中...
Update: 最近新浪的样式更新过一阵之后 Sinalicity 皮肤就出现了错位,根据新的样式做了调整,之前有用这款皮肤的需要更新一下。

V5 版新浪微博推出之后和往常一样我自己动手用 Stylebot 进行了深度自定义,去掉很多我个人从来不点不看的区块并利用一些 CSS 的 transition 动画对很多元素进行了彻底的重新设计,整体的思路就是将最大的空间留给主 timeline,不常用但必须的操作区域尽量不显性化。本来想做得完整一点再发布,但人懒一直保持着半成品的样子,眼看着再不发出来新浪又要改版了,所以如果有朋友喜欢这种极简风格的就拿去吧~
图片载入中...
Page 1 of 13       下一页 »