打工人/新媒体小编/设计师常用工具整理

本文首发于我的公众号「效率工具指南
作者/彭宏豪

Hello 各位好,这里是效率工具指南。
我是小豪。

古话说「术业有专攻」,说的是每个人专攻一个方向就好了,但在如今啥都「卷」的当下,一个人不会多一点技能,好像就混不下去了。

具体到工作中做一张图,以前是设计师才要干的活,现在好像是个岗位就会有要求:

熟练掌握 PS 的使用(事实上我只精通 PS 的安装与卸载)

回到如何做一张图的问题上,今天的这篇文章将从以下几方面做出一些回答:

  • 获取灵感
  • 设计作品 & 素材管理工具
  • 素材下载
    • 图标 icon
    • 字体

获取灵感

做一张图的工作流,和新媒体小编存在着共性:都需要寻找灵感,一个是寻找设计灵感,一个是寻找文章选题及切入角度。

对于设计灵感,国内外有很多设计相关的网站:

  • Behance
  • Dribbble
  • Pinterest
  • 站酷
  • 花瓣

这些网站对许多设计师来说,应该非常熟悉,就不过多介绍了。

浏览器插件 Muzli

下面介绍一个聚合了多个设计网站内容的浏览器插件 Muzli:

安装插件后,它会替换掉浏览器默认的标签页,在你未进行搜索操作时,页面中央会显示来自不同设计网站的作品。

点击左下角的编辑按钮,打开左侧的编辑面板,可自由选择要查看的设计网站。

将鼠标指针置于网站图标左侧,指针会变成一个小抓手,长按左键拖拽可改变网站上下的顺序,你可以将优先级更高的网站排在列表的前排。

初次使用插件 Muzli,可以选择你想在标签页看到的内容,不局限于设计作品,还可以浏览:

  • 科技 & 代码
  • 新闻 & 商业
  • 文化

Muzli 官网:
https://muz.li/

设计作品 & 素材管理工具

看完别人的设计作品,为了方便后续查找和参考,最好还是要将它们保存起来。

设计作品 & 素材管理工具,主要有两类,一类是采集到在线网站的画板,例如花瓣、Pinterest,一类是采集到本地的管理软件。

花瓣采集插件:https://faq.huaban.com/faq/huaban-plugin-install/

Pinterest 采集插件:https://help.pinterest.com/zh-hans/article/save-pins-with-the-pinterest-browser-button

本地的设计作品 & 素材管理工具:

图标 Icon

有时在制作图片的时候,需要用到一些 App 图标作为素材。

例如我之前做过的一个剪映加字幕的视频封面,需要用到剪映 App 的图标。

直接从搜索引擎找 App 的图标,尤其是国内产品的图标,并不太好找,而且找到的图标清晰度一般都不高。

这里介绍两个获取 App 图标的实用技巧:

在线网站 HQ Icon

输入 App 名称,网站就会返回对应的应用图标,且提供了两种图标分辨率——512px 和 1024px,用起来非常方便。

HQ Icon 网址:
https://icon.yukonga.top/

快捷指令 App 获取应用图标

前面获取图标的方法适用于所有用户,下面的这种方法,只对拥有 iPhone 或 iPad 设备的用户可用。

之前发布过一篇介绍 iPhone 上的快捷指令 App 的文章,介绍过一个获取 App 图标的快捷指令「应用图标抓取」:

错过或忘记的朋友,可以戳下面的文章:

手机自带的多功能百宝箱,没人用真的太可惜了。

其他图标 Icon 网站

前面介绍的两种获取 App 图标的方法,得到的图片都可以称为位图,位图的优点在于色彩丰富,细节清晰,但它也存在一个弊端:放大后容易失真

与位图相对的图像格式,被称为矢量图,它是一种经过多倍放大后,仍能保持原有清晰度的图形格式,广泛应用于 logo 或插画设计中,常见的矢量格式有 svg、eps 和 ai。

前几天整理了 13 个下载图标的网站(主要为矢量图标),制作成了下面的思维导图。

图标网站 矢量图标

获取上面的思维导图链接 🔗,可点击下方的公众号卡片「效率工具指南」,在后台回复【图标】即可。

字体

字体下载

优先推荐各位使用免费可商用的字体,不管是自己的个人项目,还是公司内做的事情,以免之后引来不必要的纠纷。

免费可商用的字体:

  • 思源黑体/思源宋体
  • 阿里巴巴普惠体(推荐)
  • 优设标题黑体
  • 江西拙楷

下载免费字体,可以去下图的网站「猫啃网」,网站提供了单个字体的下载链接,没有把所有免费字体打包在一起,节约下载时间。

更重要的是,下载字体没套路,不需要关注公众号,不需要转发文章在后台返截图。

猫啃网:
https://www.maoken.com/all-fonts

识别字体

除了下载字体,有时我们在海报上看到一个好看的字体,想知道字体的名称,但又联系不上设计师,该怎么办呢?

介绍两款识别字体的工具,用起来非常简单:将想要识别的字体截图保存下来,再上传到下面的网站,一般就能找到字体的名称。

求字体网:识别中文字体
https://www.qiuziti.com/

WhatTheFont:识别英文字体
https://www.myfonts.com/WhatTheFont/

字体版权查询

不确定想使用的字体是否可商用,可以使用下面的字体版权查询工具,输入字体名称,看网站返回的结果是否为「免费可商用」?

360 查字体:
https://fonts.safe.360.cn/

如果这个网站的数据库不包含你想查询的字体,最稳妥的办法,还是去到字体的官网查看相关文档,或者通过社交平台私信字体的作者。

还有一点需要说明的是,有些字体网站虽然把某款字体归为「免费可商用」,但在实际使用还是存在一些坑的:

以「锐字潮牌真言体」为例,它确实可以免费商用,但在未经书面授权的情况下,字体不能用于软件、游戏、数字出版物、拍照、视频剪辑、图片编辑等场景中。

关于免费字体隐藏的一些坑,还可以参考 B 站 Up 主 @doyoudo 出的一期视频:

IMG_1827

今天的分享暂时就到这里,下次有时间且了解了更多东西之后,再看看能不能出第二篇吧。

欢迎关注

以上,就是本次想和你分享的内容,希望能够对你有一点帮助。

公众号:效率工具指南