始于颜值——高端实用设计网站分享

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，你见过吗？》