Hi，我是Zoi，来喂你【设计网站】系列第三期啦！
本次分享的三个网站主题分别是渐变色、样机、在线字体
从配色、主图、文字三大要点入手，让你的设计在颜值上产生质的飞跃
一.渐变色便利店
https://webgradients.com/
Webgradient是Itmeo设计官网提供的渐变配色网站，拥有180种线性渐变色卡，用户可以保存png图片，或直接复制色码应用在平面设计中
网站主页↓ 扑面而来的仙气
/使用方法
（1）右上角直接下载png图片
（2）右下角复制一串色码，得到如：
background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%)
将 #fad0c4 和 #ffd1ff 两种颜色复制在相应调色区即可
/举个栗子
1.背景铺色（插图来自Islide图库）
（年轻 活力 激情）
（清透 温柔 未来）
2.图形套色
（海洋 几何 UI风）
/Zoi Tips/
没灵感时来色彩网站逛逛。根据内容氛围选好配色，背景铺满，再选主题色适配插图/辅助元素，最终定字体排文本，大功告成！
二.在线样机
https://magicmockups.com
样机能把本地图片嵌入在真实场景中，常用于PPT效果呈现、产品设计、包装设计、UI设计等
之前我们推出过一篇详细介绍样机的文章，点下图传送↓
本次分享的网站着重“免费”“实时”“秒出图”
用户可以直接在网站界面上传本地图片，立即看到嵌入效果，选择尺寸下载图片
网站主页↓
/使用方法
1.选择图片，点击样机屏幕，弹出本地文件窗口
（尽量选择和提示尺寸相似的图片，否则将自动裁剪）
2.立即看到嵌入后效果
（点选左侧任意样机，直接套用图片，方便快速选择）
3.下载图片，尺寸建议选1600*1067，完全够用，再大就不能白嫖
/举个栗子
《美女推荐》
《套娃》
《继续套》
《次元套》
三.在线字体
http://www.piaofangw.com/
想拥有海量字体素材，又怕装多了太卡或翻半天找不到？那交给在线字体网站叭！
/使用方法
在文本框输入待转换文字，浏览选择字体类型。可选字号大小，文本/背景颜色，自定义背景图片，图幅长宽等，可导出透明背景的jpg图片
也可以先浏览站内提供的字体库，再点击进入，编辑文本
部分字体展示↓
/举个栗子
【新蒂雪山体】
【奇思废墟体】
(友情针对交大学子）
今天的安利就到这里啦，大家还有哪些效率工具/资源网站的需求可以在评论区留言，有亲测好用的网站也可以留言分享给其他同学~
我是Zoi，一如既往，期待再会。
本期作者：长得还行设计更行的Zoi
-更多值得一读的好文章-
《那些年，曾让我们熬秃过的海报》
《30天！陪你走完从PPT小白到大神的进阶之路！（中）》
《用新拟态风格做的交大招生PPT，你见过吗？》
网友评论