图片素材网站:除了花瓣,还有这些!

https://www.yunyingpai.com/work/498982.html

身为运营喵,没有几个好用的素材库傍身肯定不行的。

作者:木木老贼

来源:木木老贼(ID:mumuseo)


前不久知名素材网站花瓣网突然“挂了”

官方宣称网升级维护一个月

花瓣确实是一个非常好用的创意素材库

这么一关损失不小

但是人在江湖飘

没有几个好用的素材库傍身肯定不行

所以今天老贼专门给大家推荐一波

01 Pinterest

Pinterest(www.pinterest.com)这个网站用的人应该比较多,素材非常的丰富,只要输入你要搜索的关键词就可以以瀑布流的形式展现内容,无需翻页,素材自动加载在页面底端。

在Pinterest上你无需把每一张图片下载下来,只需分组收藏保存起来,是不是似曾相似?国内的花瓣网跟这个其实是非常类似的,个人觉得比花瓣要好。

02 Dribbble

如果你是设计师,肯定是知道Dribbble(dribbble.com)。这是一个供设计师展示作品、同行交流、寻找灵感的场所。

Dribbble 的一些优秀作品,有网页设计、APP 界面以及一些配色和排版漂亮的界面,质量都非常不错,大神云集。没思路了就可以去看一看。

别着急!除了花瓣,你还有这些强力素材网站!

03 Howdesign

如何设计(How Design)是一个在国外知名度极高的平面设计资讯网站,每个月都会公布一份设计师们最值得一看的网站榜单,内容覆盖面极广,特别对于商业创意,价值很高,不要错过。

别着急!除了花瓣,你还有这些强力素材网站!

04 BP&O

BP&O是由英国自由设计师兼作家Richard Baird创建,每周更新一次。BP&O三个字母分别代表Branding(品牌)、Packaging(包装)和Opinion(观点)。

如果你需要包装、品牌设计的灵感,可以看看来这个网站看看,上面还有对每个创意的想法和意见。

别着急!除了花瓣,你还有这些强力素材网站!

05 Httpster

Httpster 聚合了世界各地最新最潮最酷的网页创意案例,不仅是设计,创意策划上也可以好好参考。网站上面的作品都按月份和类别进行了很好划分,可以很方便的找到自己感兴趣的案例。

别着急!除了花瓣,你还有这些强力素材网站!

06 TOPYS

TOPYS(www.topys.cn)是中国最受欢迎的创意垂直网站之一,一直分享全球范围内最优秀的创意资讯,包括文案、广告、创意以及商业、设计、艺术等方面。立足为越来越多创意人资讯补给、抢先知晓全球最新鲜、最棒的创意资讯,扩充你的灵感库。

别着急!除了花瓣,你还有这些强力素材网站!

07 Adobe Create Magazine

Adobe Create Magazine 是Adobe旗下的一个创意素材网站,意在提供创意资源与灵感。

网站把一些有趣的作品与系列梳理成图文专题,呈现在这本创意杂志上,赏心悦目。其内容横跨诸多领域,包括平面设计、包装、文字与图标、插画、摄影、电影和壁画等。

别着急!除了花瓣,你还有这些强力素材网站!

08 iTSniceThat

iTSniceThat(www.itsnicethat.com)是一个倡导创意融合的网站,每天更新来自世界各地的创意作品,内容非常有意思,而且创意感十足。

别着急!除了花瓣,你还有这些强力素材网站!

09 Designspiration

DesignSpiration(www.designspiration.net)是一个帮助你发现和分享顶尖创意资源的网站,同样采用瀑布流形式来展示每天更新的资源,非常简洁。这么说吧,基本可以把它理解为小花瓣网。

别着急!除了花瓣,你还有这些强力素材网站!

10 Booooooom

BoooooooM(www.booooooom.com)是国外一个致力于分享电影、摄影、音乐、设计等方面的图片作品网站,类似于flicker和FFFFound这类的图片站点,网站提供的作品质量很高,可以是别具一格。

别着急!除了花瓣,你还有这些强力素材网站!

11 Pexels

Pexels(www.pexels.com)是一提供海量共享图片素材的网站,每周都会定量更新,照片都是有专人在众多图片中精心挑选而来的。你可以按搜索热度,或按颜色等来筛选图片。

Pexels可以说是图片素材界的超级网红了,哪哪都有它,我自己都推荐好几次了。

别着急!除了花瓣,你还有这些强力素材网站!

12 Pixabay

Pixabay(pixabay.com)是一个支持中文搜索的免费可商用图库。

里面有很多不同类型的摄影照片,你可以通过Pixabay去寻找自己想要的图片,简直完美解决各种场合的分辨率要求,绝对是一个图片搜索神器。

别着急!除了花瓣,你还有这些强力素材网站!

13 Unsplash

Unsplash(www.unsplash.com)是一个数量庞大的免费高质量照片的网站,每天更新一张高质量的图片素材,清新的生活气息图片可以应用于各种需要的环境,非常值得收藏。

而且图片更新是一张张排列的,是英文还是中文都没关系。最关键是别人每天就更新一张图,没理由不看看。

别着急!除了花瓣,你还有这些强力素材网站!

14 unDraw

unDraw(undraw.co/illustrations)是一个提供完全免费的 SVG/PNG 扁平化图标的站点,网站不断更新 SVG 图像素材,除了数量繁多之外,每个图标都显得质感十足,并完全免费使用。

最难得的是,这些素材风格、色彩都非常统一。而且,所有标题你可以点击右上方的颜色选项,一键换色!

别着急!除了花瓣,你还有这些强力素材网站!

15 Creative Mass

Creativemass9(creativemass.cn)是一个我很喜欢的创意导航网站,汇聚了包括营销、设计、艺术、工具、素材、脑洞等很多种类的创意网站,可以看一整天不带重样的创意。

别着急!除了花瓣,你还有这些强力素材网站!

16 Welovead

Welovead(welovead.com)是一家服务于全球品牌传播、广告创意行业的领先的在线媒体及产业互动资讯服务平台,上面有大量分类清晰的品牌创意广告。对我来说,它就是一个多维度分类的广告数据库,足够让我乐不思蜀。

别着急!除了花瓣,你还有这些强力素材网站!

17 Niice

Niice(niice.co)是一个非常棒的灵感搜索引擎,它能够快速搜索 Behance、Dribbble 等优质网站的创意点子。每天自动更新,展示很多优质创意网站的内容,素材以瀑布流的方式展现出来,向下拖曳会不断更新。所以,如果你想找找创意灵感,不妨多逛逛Niice。

别着急!除了花瓣,你还有这些强力素材网站!

18 Allthefreestock

这个神器(allthefreestock.com)汇集了国外最优秀的素材资源,你所知道的很多大神都在用。不仅有超优质免费图片素材网站,还有免费视频素材、免费图标素材、声效、配色、字体等等。使用非常方便,超级好用,解决找素材烦恼。

别着急!除了花瓣,你还有这些强力素材网站!

这一波素材库

应该能够大家用很久了

不过老贼有一个建议

希望大家不要过多的依赖于素材

发散思维 打开脑洞

拓宽眼界 激发创意

才是更重要的事

……

 

作者:木木老贼

来源:木木老贼(ID:mumuseo)

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好!对于实现六个花瓣融合在一块的动态特效,您可以尝试使用Vue.js的动画功能结合CSS来实现。以下是一种可能的实现方式: 首先,您可以使用Vue.js的transition组件或者自定义的过渡动画来实现花瓣的出现和消失效果。您可以将每个花瓣看作是一个组件,并在组件的进入和离开时添加相应的动画效果。 在CSS方面,您可以使用transform属性来实现花瓣的旋转和缩放效果。通过给每个花瓣设置不同的旋转角度和缩放比例,可以使它们看起来融合在一块。 以下是一个简单的示例代码: ```html <template> <div class="flower-container"> <div v-for="petal in petals" :key="petal.id" class="petal" :class="{'active': petal.active}"> <!-- 花瓣内容 --> </div> </div> </template> <script> export default { data() { return { petals: [ { id: 1, active: false }, { id: 2, active: false }, { id: 3, active: false }, { id: 4, active: false }, { id: 5, active: false }, { id: 6, active: false } ] }; }, methods: { togglePetal(index) { this.petals[index].active = !this.petals[index].active; } } }; </script> <style> .flower-container { position: relative; width: 200px; height: 200px; } .petal { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; background-color: pink; border-radius: 50%; transform-origin: center center; transition: all 0.5s ease-in-out; } .petal.active { transform: rotate(45deg) scale(1.2); } </style> ``` 以上代码中,通过遍历`petals`数组生成六个花瓣,并根据`petal.active`的值来决定是否添加`active`类,从而触发动画效果。您可以根据需要调整花瓣的大小、颜色和动画参数。 请注意,这只是一个简单的示例,您可以根据实际需求进行更丰富的设计和定制。希望对您有所帮助!如有任何问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值