俗话说的好:"工欲善其事 必先利其器",做UI设计更是如此。下面10个“十秒作图”的设计神器
让你的工作效率从此提升99%。
1、Blobmaker
几秒创建svg形状
https://www.blobmaker.app/
做设计时我们常常需要用到一些简单的svg形状图像,虽然简单,但打开软件-创建图形-选颜色......还是要浪费不少的时间,Blobmaker是一款帮你快速生成svg形状的在线网站,只需简单设置几个参数,十秒不到就能做出任何你想要的形状。
你可以随意设置形状的颜色、复杂程度和对比度。
▼
右下角的两个按钮分别是刷新和下载功能,如果你对当前形状不满意,还可以点击刷新键看更多的形状生成。
2、Design Camera
样机神器
https://www.designcamera.app/
Design Camera是一款效率超高的UI样机神器,可以让你在几秒钟内快速创建3D模型和演示动画。只需将作品拖入Design Camera 窗口,再进行一些简单的设置,就可以导出使用了,目前支持 PNG、JPG、avi、mov 和 mp4 文件。
简单拖拽一键生成
▼
颜色风格随心变
▼
Design Camera 会根据你作品的颜色,推荐合适的背景色供你选择,当然你也可以选择自己喜欢的颜色来进行设置。除了色彩调节外,你还可以为你的样机添加阴影、和阴影强度等等
视角随意调节
▼
Design Camera 还可以进行360°无死角「拍摄」,让你不放过任何产品细节。
超棒演示方式
▼
Design Camera内置四种预设的镜头角度,从近景局部的移动,到整台 iPhone 翻转旋转,视觉效果都非常棒。如果你对预设的视频镜头角度不满意,还可以手动调整视角。
支持 Sketch
▼
Design Camera还有一个非常强大的功能,那就是它可以读取 Sketch 文件中的各种图层、组件,并让它们形成悬浮效果。
3、 Panzoid
超酷炫的片头生成器
https://panzoid.com/
Panzoid是一款一键生成3D片头的在线网站,内置各种酷炫的效果模板,小伙伴们只需要修改文字、镜头、音乐、舞台大小、特效、背景等选项,分分钟就能制作出一个效果感人的超酷炫片头了~超实用啊!!
小编随便选了几个模板制作,GIF大小有限不能全部录下来,但是实际效果真的非常好!而且模板库内容很多,各种风格和效果都有,小伙伴可以随意选用。
制作界面很简单,根据需要修改数据就好,生成的片头也是可以免费下载的。
4、Cool Backgrounds
五种风格背景生成器
http://s.muz.li/NTFiZjk0ZWFh
Cool Background是设计师 Moe Amaya将5个开源生成器的简化版整理组成的工具集,内置五种背景风格,每一个种风格还提供了简单的参数配置,非常实用~感兴趣的朋友可以点进原生成器网站,体验更多的功能~
低多边形风格
trianglify.io
▼
动态粒子效果
marcbruederlin.github.io/particles.js
▼
渐变
cssgradient.io
▼
渐变层生成器
s.muz.li/NTFiZjk0ZWFh
▼
Unsplash图片集
unsplash.com
▼
5、Dimensions
撸图把握不好物体的尺寸比例?它就是你的百科全书!
https://www.dimensions.guide/
Dimensions是一个综合的尺寸图参考数据库,专门为设计师、学生和其他从业人员提供日常物体和空间的标准尺寸比例。它最大的优点就是范围全而广,从基本的人体数据到植物、动物、城市配置、电子产品、网页元素一应俱全,只有你想不到,没有Dimensions里查不到的数据。
常见的植物尺寸比例
电子产品及页面元素
建筑及设备尺寸
每个物体的尺寸都非常详细,不但有具体的长宽高和重量,还有各个角度的示意图。
不光如此,它还会提供给你一些参考数据让你更加直观的感受物体的尺寸。
所有的数据图像可以免费下载,有jpg、svg、dwg三种保存格式。
6、Perlin Noise
噪音风格背景生成器
https://codepen.io/vcomics/pen/djqNrm
Perlin Noise是一款噪音风格背景生成器,能生成非常酷炫的背景效果,内置很多可调的参数,如果你会编程知识,作者还提供了源码供使用者修改,无论想要什么样的噪音背景,它都可以满足你~UI设计新人学到什么程度才能接私单,如何找私单?
各种调整参数,你可以改变背景的远近、颜色、大小、复杂度、密度、速度等等。
▼
直接右键保存图片,小伙伴们也可以删除源码文字代码后录制GIF。
7、Shader Moon
背景生成器
https://codepen.io/vcomics/pen/ZjMpOe
Shader Moon和 Perlin Noise都是出自编程大神Victor Vergara之手,效果也同样惊艳,虽然Shader Moon所能调整的参数没有 Perlin Noise那么多,但依然够用了,而且也更加容易调出想要的效果。
可调整背景的远近大小、速度、RGB值、和球体的渲染方式等等。
▼
依然是右键直接保存图片~
▼
8、水墨风格背景生成器
颜值超高的神器
https://codepen.io/ge1doot/pen/wPymJv
这是 codepen 上的一位创意编程大神Gerard Ferrandez的作品,只要点击鼠标就会出现颜值超高的随机水墨纹理,生成的图片小伙伴们可以保存下来使用,也可以录制GIF动图。
9、Psychedelic waves
迷幻波浪生成器
https://codepen.io/Yakudoo/full/rJjOJx/
迷幻波浪生成器是epic.net的创意总监和创始人Karim Maaloul 的作品,他是一名网页设计师,插画家,和儿童书籍作者。这个生成器提供了基础的数据调整,有速度、颜色、密度等等,你可以用它来创造出独一无二的迷幻波浪效果,鼠标右键保存图片,也可以录制GIF来当做动态背景。
10、UZER
在线工具集
https://uzer.me/z/apps
出门在外,没有带电脑,随便借一台电脑又没安需要的软件,UZER来拯救你~这是一个包含了十五个应用的在线网站,无论你是想用word编辑文档,用PPT制作演示文稿,还是用PS、AI、CAD作图。都可以在这里找到,并且无需安装,运行不占本地内存,登录账号即可使用,简直就是应急必备神器!
PS
▼
CAD
▼
今天的内容就到这里了~
小伙伴还有什么想法或建议,
记得留言评论哦~