免费素材资源与线上工具整理,2022年09月号

2022年09月份给设计创作者的乾货来了,里面全都是能帮你拉升生产力的各种设计工具和新鲜素材!请大家慢慢享用,若觉得内容不错,欢迎分享给身边的人

【免费字体】辰宇落雁体

这是一款免费的繁体中文手写字体「辰宇落雁体」这类型的手写字体很多人都觉得字一定要写很美才能制作分享,但是介介觉得,每一种中文手写字都有它独特的风格与魅力,这套字体是由两位台湾学生所制作,一位负责书写,一位负责字体的制作,辰宇落雁体采用 OFL 1.1 授权开源释出,所以不仅能用於个人使用还能用於商业用途使用,目前这款字体放置在 github 提供大家免费下载,这边小小提醒一下由於 Windows 版的 Word 并未支持不等宽字型格式,所以会有叠字的问题,可以改下载等宽的版本,字体的作者也针对大家的建议陆续做了许多版本,包含了字的微调与补字,所以大家要下载时,记得要下载最新版本的,拿来应用起来会更为合适喔,如果喜欢的话也可以赞助少许金额支持一下他们。

【线上工具】Flexclip

随着影音世代的来临,介介介绍一个很容易入门的工具,Flexclip 是一个非常好用的线上影片制作平台,透过简单的步骤就能快速产生动态图,介面就像 PPT 一样简单好上手,有提供免费服务可以直接体验制作,而且有非常多的版型、转场特效过、影片与声音素材,甚至还有一些不错独立的功能像是添加 Logo 浮水印到影片、压缩影片大小、影片转档、萤幕录影、合并多个影片、旋转影片、制作影片拼贴等… Flexclip 用来应付一些社群贴文的影片就非常好用了,当然也可以付费解锁出更多的更能,像是解除影片中的浮水印、可以制作超过10分钟的影片、更高的画质与更多的高质感素材,官方目前有跟介介合作提供给大家专属折扣代码,透过连结注册後,输入【JieidvFC】价格直接打8折。

【线上工具】Happy Hues

这是一个线上配色的参考网站,里面有主要有 17 组的配色建议,每一组配色建议里都包含了 5 种颜色与背景色组合,点击配色组合就能直接在网页上看到它们的应用效果,每个色彩元素所运用的颜色色码都会贴心地标示列出,直接点击颜色就可以复制颜色的代码,另外这个网页除了提供配色组合之外,也分享了一些有关於色彩学的一些名词解释,像是专业术语中的色调、色相、饱和度、明度、彩度等等…以及每一种色彩中常用的情境与适合的用途,像是红色是一种非常情绪化和视觉上强烈的颜色,它实际上可以通过提高人体的新陈代谢、呼吸、心率以及让他们感到饥饿等等…对於身体产生明显的影响,再加上红色非常引人注目,所以你会看到红色很常被所有快餐连锁店的品牌拿来使用,对於新手设计师来说,是个网站是一个蛮不错的资源来源。

【线上工具】Designevo

这个线上工具可以帮助你快速设计一款商标 Logo,透过分类能快速找到商标类型,比如服饰店、书店、餐厅等等…选好分类後输入您的品牌名称就会列出数百款商标样式供您选择,Designevo 有提供免费版,不过免费的会有一些限制,没有原始档案,图片解析度只有 300×300 像素,当然透过付费後可以取得 DesigmEvo 进阶服务,最高阶版本的费用约 1,500元台币,可以获得 Logo 原始向量格式,以及商标上面的字体档案,未来也可以任意编辑该商标。
关於商标合法性,第一要付费取得官网授权,再来台湾商标法,图片与文字的部分是分开的,文字注册商标比较简单,但图片若相似度太高是无法被注册成商标,介介测试将平台上设计好的 …

教你打开 Edge 浏览器新分页的 Office 侧边列,快速使用免费线上版 Word、Excel、PowerPoint

现今 Office 系列的价格还是不便宜,也因此对於口袋有限的朋友来说,一定下不了手,而改用 Office 免费线上版。如果你平常使用的浏览器是 Microsoft Edge,那这篇就要教你一个还蛮方便的小技巧,打开新分页就能快速进到 Office 免费线上版,不用再像以前要 Google 搜寻关键字、还是从我的最爱里面打开,操作上更加方便快速。

教你打开 Edge 浏览器新分页的 Office 侧边列,快速使用免费线上版 Word、Excel、PowerPoint

这功能仅限 Microsoft Edge 浏览器,其他浏览器都没有,另外不只是 Windows,Mac 作业系统也支援,安装连结如下:

  • 点我前往微软官网下载安装

首先,打开浏览器的新分页,右上角会看到一个 “设定” 图示(小铃铛图示旁边),请点击它:

接着会跳出 “页面设定” 选单,往下滑就会看到「Office 提要栏位」,预设为关闭状态,请将它开启(打开後会变成蓝色):

左边就会立刻出现 Office 功能工具列,未来有需要使用时,就打开 Microsoft Edge 的浏览器新分页,点击左边就会快速进入该 Office 工具网页:

按左上方三条线可展开,有 …

Git/GitHub下载>上传>存挡纪录,学会再也不用害怕-马克熊

Git是一个非常好用的技能,其实不只是写程式,只要我们想要做「存档纪录」,想要有机会让档案变回曾经的样子,都可以使用git的技能。然而程式尤其需要,所以也变成开发者们的基础技能,然而当初自己想学的时候,爬文爬了好久还是失败,现在我就来分享git最重要的概念。

重要概念

git最重要的不是那些指令,而是他整体的概念。指令都只是达成目的的方式而已。

如果是新手,非常建议直接下载github desktop版本,让这些UI介面的软体引导你快乐使用git,不然刚开始如果指令不熟一直下错,是很容易产生「git好恐怖」的不好印象的。

虽然说是存档,但是他有自己的一套流程,用来完整这套存档流程,以免错误出现。

重点顺序:

从零到一:

1.在GitHub上建立专案> 2.在自己的电脑用clone复制线上的该专案到自己电脑里> 3.在本地端做了一些修改後commit(提交修改)> 4.综合所有的提交修改,确认无误後,push(推)到线上的专案完成合并

从别人修改过线上的档案或自己直接在线上修改:

1.在自己的电脑fetch(抓取资料)看一下是线上档案更新了什麽> 2.确认後pull(拉)下来,与自己电脑里的专案结合(原本自己只有写A功能,但好帮手已经写好B功能并上传,这时候pull完毕,电脑里就会是有A功能与B功能的最新版本)>再次写好(假设写了C功能)>commit>push。

很重要的一点是clone,先复制网路上的专案下来,在开始撰写,这样遇到冲突或是bug的状况就会少很多。…

ImageResizer 免费图片修改线上工具,压缩、放大、裁切等功能都有

有时候多少都会碰到一些需要调整图片的情况,而你的电脑很可能没有相关软体,虽然网路上有不少免费修图软体,但要安装到电脑,还是蛮麻烦的,特别是你只是偶尔才会用到。其实没必要安装,如果你只是需要放大、裁切、压缩、旋转等基本调整的话,这款 ImageResizer 免费线上工具就能满足你,上传图片之後就能在网页中调整,也支援读取图片网址。

ImageResizer 免费图片修改线上工具介绍

  • 点我前往 ImageResizer

ImageResizer 是国外的线上工具,虽然没有中文,但操作还蛮容易的。进到网站之後,预设为图片调整大小功能,就把你要修改的图片拖曳到网页中:

点击右下 Use The URL Uploader 可改成读取网页图片,每一个修改功能都支援网页图片,这我觉得还不错:

进入调整介面後,有四个功能,预览、裁减、翻转与旋转:

下面还有指定图片的宽、高、百分比,以及储存选项,如果想要顺便压缩图片大小的话,可以在 Target File Size 中输入你希望的 KB 数,储存格式有 JPG、PNG 两种选择:

Image Enlarger 为图片放大功能,效果如何我就没测试:

Image Compressor 则是压缩图片,可大幅降低图片的档案容量,压缩效果非常不错:

我测试这张图片,原本是 789.6KB,压缩之後变成只剩下 50.6KB,压缩高达 94%:

下载之後比对也确实如此,尺寸依旧维持在 1958×1212:

Image Cropper 为图片裁剪功能:…