使用免费插画资源网站设计公众号首图

sxkk20082年前知识分享242

前言

插画是网页设计的基石之一。吸引了用户的注意力,也给人留下了专业的印象。

尝试学习一个设计工具并自己完成它可能会销耗大量时间。找一名专业设计师设计又可能消耗你昂贵的一笔。

幸运的是,有免费的在线资源可以帮助你。我已经收集了 16 个很棒的免费资源,你可以在你的下一个项目中使用这些素材。

资源网站

unDraw

unDraw

一个设计项目,带有漂亮的 SVG 图像,您可以免费使用。您可以选择插画的主色,这样您就可以轻松地使它们适应您的设计。

IRA Design

IRA Design

您可以选择、播放和混合 5 种渐变颜色,以适合您想要在项目中使用的每个角色。许多主题可从字符、对象、背景等中选择。

Ouch

Ouch

Ouch 帮助无法绘画的创作者克服了缺乏高质量图形的问题。下载免费的 PNG 和 SVG 插画,以增强您的产品。

DrawKit

DrawKit

令人敬畏的手绘矢量插画和图标资源。插画通过主题包分类,每个包多达 100 幅插画。

Humaaans

Humaaans

混合搭配人物插画。改变发型、上衣、裤子等。随心所欲地旋转和定位你人类的元素。

illu-station

illu-station

一个易于使用的网站,有许多高质量的插画。与 unDraw 类似,用户还可以设置主色以根据项目主题调整插画。

blush.design

blush.design

从多种样式中选择一个集合,尝试各种变化,直到创建讲述故事的艺术,然后下载创作的 PNG 或 SVG。

Glaze

Glaze

插画按人、地点、团队合作、动物、正念、商业、健康、技术等类别分类。免费插画以 PNG 格式提供。

ManyPixels

ManyPixels

各种插画类型,如轮廓、单色、等距、平线和双色。用户可以设置插画的主色,以适应您的特定设计。

Open Doodles

Open Doodles

基于手绘草图的矢量插画的独特集合。下载源文件或使用生成器创建自己的文件。

Storyset

Storyset

为您的下一个项目提供免费的可定制插画。拥有在线编辑功能,你甚至可以给插画制作动画,给它们一些生命。

Skribbl

Skribbl

全球有抱负的创意人士社区为您带来了越来越多的免费手绘插画。

OpenPeeps

OpenPeeps

手绘人物插画。图书馆的工作原理就像由矢量手臂、腿和情感组成的积木。您可以混合这些元素来创建不同的窥视。

Illustratious

一个很好的彩色插画和动画 Lottie 文件的集合。

LukaszAdam Illustrations

Illustratious

下载插画画家创建的插画包, 设计师 和开发者都可以使用 Lukasz Adam个人免费使用,使用 MIT license.

Absurd.Design

Absurd.Design

如果你正在寻找开箱即用的东西,并且想脱颖而出,那么这些插画强烈推荐给你。

英文原文

简单设计

有了上述资源,我们前端工程师也可以做设计了,日常我需要为博客首图设计和公众号设计首图,下面分享下我的设计方法。

  • 第一步

使用 figma 新建一个合适的 frame,比如公众号首图是 900*383

  • 第二步

下载一张合适的插画

  • 第三步

从文章中提取一些关键字

  • 第四步

确定设计图的主色,我们在 https://colorhunt.co/ 可以根据主色搜索,或者插画中的颜色搜索 小马设计的公众号首图

  • 第五步

调整文字颜色和排版,效果如本文首图

选择 frame 在右下角可以直接导出图片,大功告成!

请随意分享,这样其他开发人员也可以从中受益。


以上就是本文全部内容,希望这篇文章对大家有所帮助,也可以参考我往期的文章或者在评论区交流你的想法和心得,欢迎一起探索前端。

本文首发掘金平台,来源小马博客

相关文章

全球AI技术-走向较为完善的发展阶段

全球AI技术-走向较为完善的发展阶段

  人工智能(AI)已经在全球范围内掀起了一场变革,这种技术正在根本性地改变我们的生活、工作和行业的未来。AI技术的发展是迅速的,这是因为越来越多的公司和企业已经意识到了AI...

AI识别技术:现在与未来

AI识别技术:现在与未来

  随着人工智能(AI)技术的迅猛发展,AI识别技术成为了当今社会领域的热门话题。AI识别技术利用机器学习和深度学习算法,使计算机具备了以人类智能处理信息的能力,大大提高了识...

百度AI领航人工智能时代

百度AI领航人工智能时代

  人工智能是当前科技领域最为热门的话题之一,而百度作为国内深度学习先驱,自2010年以来就开始了自主研究,发展了深度学习技术,并利用其海量数据和用户需求场景,不断推出强大的...

人工智能教育:让未来之星掌握技能

人工智能教育:让未来之星掌握技能

  近年来,随着科技的发展和普及,人工智能(AI)日益成为人们关注的焦点。对于未来的孩子们来说,学习和掌握人工智能技能将具有更加重大的意义。因此,人工智能教育成为了教育领域中...

经过一晚上的配置和折腾,花钱不说,虽然可以实现在 iPad 上编程的需求,但体验远却比不上 PC,今天我就来推荐一种新的方式,让你的 iPad 变成真正的生产力工具。

Cloud Studio 简介

Cloud Studio 是基于浏览器的集成式开发环境(IDE),为开发者提供了一个永不间断的云端工作站。用户在使用 Cloud Studio 时无需安装,随时随地打开浏览器就能使用。

Cloud Studio iPad 编程 以上是我用 iPad 浏览器,在 1 分钟内初始化了一个 next 初始化模板,可以说速度比本地开发还快,当我在左侧修改代码时,右侧预览界面便会同步热更新。

Cloud Studio 安装 react snippts

Cloud Studio 可以说是提供了一台云服务器,并且把 VSCode 搬到了线上,我们可以同本地开发一样,在上面安装插件,比如可以在左侧扩展中搜索 react,安装这个 react snippts 扩展,便可以帮助我们提供常用代码片段,快速创建组件。

iPad 编程生产力

前言iPad 有个口号,就是“买前生产力,买后爱奇艺”,使用 iPad,配合 Procreate 来作画体验还可以, 如果你想让你的 iPad 可以编程,你却不得不为之花费时间和精力,我搜了网上的教程...

AI新手入门教程:从零开始掌握人工智能技术

AI新手入门教程:从零开始掌握人工智能技术

  人工智能(Artificial Intelligence,简称AI)是当今科技领域的热门话题,引发了广泛的关注和研究。作为一个AI新手,想要快速入门并掌握这一领域的基...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。