始于颜值-高端实用设计网站分享
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,你见过吗?》