9个特色Webflow项目:2022年3月

看看2022年3月Made in Webflow的一些亮点。

没有发现。

春天已经出现。由于我们不能给你带来真正的花,我们将给你带来一些灵感,由Made in Webflow提供。

三月份给我们带来了一系列新的网站,它们促进了正念,鼓励了有趣的竞争,挖掘了你的怀旧之情等等。

1.顶部空间健康

Headspace Health以温暖的黄色和橙色开场,与专注力的主题很好地搭配在一起。

《Headspace Health》主页的中心是一个大的暗黄色圆圈,与右上角橙色圆圈的截断部分相连。黄色圆圈的标题是“创造一个人人都善待自己心灵的世界”。

大多数信息以简单的黑色或灰色文本显示,这使得网站易于阅读和浏览。贯穿始终的流行色将我们的眼睛吸引到微笑的照片、重要的数据和公告上。我们喜欢几何形状的微妙运动,当你滚动时,它们似乎滑到合适的位置。这个网站还使用了可折叠菜单,保持布局整洁,同时仍然给我们提供了查找更多信息的选项。

2.杰克Jaeschke运动(警告)

动画师、动作设计师和编辑Jack Jaeschke用一个像素化动画来迎接我们,它替换了“我是一个…”的标题,从严肃的到愚蠢的。

Jack Jaeschke的主页,展示了一个红黑相间的主题,有一个红黑渐变的圆形,标题是“我是一个表情包制造者”

浏览杰克的作品集的体验就像是在老式电视上浏览频道和浏览90年代早期互联网.网站的小故障和像素风格展示了他的个性和运动设计技巧。虽然网站上到处都是怀旧的设计手法,但相比之下,杰克的视频和客户的工作样本在高清中显得非常出色。

3.Webflow CMS锦标赛支架(可克隆)

Webflow CMS竞赛支架可以让你绘制出面对面的比赛——无论你是在跟踪你的梦幻联赛排名,还是在糖果之间进行竞争以找到最终的甜点(冰淇淋是第一名,不要@我)。

这个支架的灵感来自于No-Code Conf 2021速度构建挑战,其中包括8名参赛者。但你可以定制最多64名选手(或甜点类型、电影、团队等)。克隆这个项目为您的下一个大型比赛或与朋友热烈讨论。

4.哈丽特

哈丽特用超大的字体直接切入主题,告诉我们她是谁,她做什么,她爱什么。

《哈丽特》的简约风格主页。背景色为沙色,左上角写着“harriet”,页面边框为紫色,图片中的标题文字为“你好,我是harriet(她/她),来自菲律宾的多面手设计师。”我爱你(哦-beh, jean)”

哈丽特的单页网站设计简洁明了,同时仍能提供潜在客户所需的所有信息。“工作”下的每个项目都有她独特风格的华丽插图,以及对她参与工作的简要描述。我们喜欢整个游戏中微妙的触碰,比如看起来像光静态的纹理背景动画。

5.在趋势

On Trend提供“来自精心策划的内容创造者的小视频”,所以他们的网站上充斥着不同视频剪辑的手机动画也就不足为奇了。

“On Trend”网站的首页是简单的黑白图片,标题是“下一代投资”。除此之外,还有一张描绘On Trend用户界面的iPhone图片。

该网站将其单页设计分成多个类别,我们可以通过顶部菜单栏的跳转链接访问。每个部分都有一个清晰的标题,一个简短的描述,以及一个演示实际产品的动画手机。”欧宝体育在线首页这种有组织但有趣的审美是一个针对年轻投资者的投资网站的品牌。

在网络上释放你的创造力

不用写一行代码,就可以建立完全定制的、可生产的网站欧宝体育在线首页——或者超高保真度的原型。只有Webflow。

订阅成为Webflow内部人士
谢谢你!您现在已经订阅了!
哦!订阅时出了问题。
免费开始

6.欧宝体育在线首页产品学派:产品管理的未来报告

产品管理报告的未来网站-由产欧宝体育在线首页品学院创建-充满平滑的滚动触发动画,具有相同的形状和颜色,我们在英雄部分看到。

产品学校的互动报告网站顶部的截图。欧宝体育在线首页黑色的标题是“产品管理报告的未来”,设计有圆形、圆形和三角形,蓝色、粉色和绿色的形状。欧宝体育在线首页

这些动画和水平和垂直滚动之间令人惊讶的切换让我们沉浸其中,轻轻地推动我们去探索更多内容。这是一个聪明的,引人注目的设计,吸引网站访客,并保持他们滚动。

7.拖放测验(可克隆)

创造者盖瑞克给我们一个简单但有效的测试可克隆。

这个简单的拖放测试模板允许您创建一个问题,并将各种可能的答案添加为可拖放元素。把正确的答案拖到“放下答案”的圆圈里会触发一个快速动画——单词“正确”会从屏幕右侧滑到页面上。

8.类型赛车游戏(可克隆)

打电话给所有还记得“电脑课”风行一时的90年代的孩子。这款类型赛车游戏将带你回到找到你的键盘的主行和与你的同学竞争的日子。

Type Racer Game的运行截图,句子的前三个字母用红色突出显示,表示用户的打字速度。这句话的开头是“当一扇幸福之门关闭时。”下面是“最后一次检查速度”和wpm率的数据,以及“最后一次检查准确性”和百分比率。

这个游戏的目标是尽可能快速和准确地打字。当你通过随机生成的引用时,网站会跟踪你每分钟的字数(wpm)和准确性。不偷看钥匙你能得多高?

9.裘德Wasfi

自称像素爱好者的Jude Wasfi,用一个让我们想起最初任天堂游戏的作品集来取悦我们。

Jude Wasfi的网站主页,是一个霓虹绿色固体背景分层“我的名字是裘德”黑色像素文本和一个像素的2D插图的裘德的标题文本下方。

Jude甚至邀请我们一起玩,如果我们点击心形,就奖励我们“像素点”,并鼓励我们点击过去客户的logo“投阴影”。(别担心,裘德指的颜色其实是配色方案的变化。)

你的设计师有哪些想法?

我们喜欢看到新的网站出现Webflow制造.下次你创造了你引以为傲的东西,一定要和我们分享!

发表

2022年4月18日

类别

灵感

加入谈话

Webflow是什么?

免费试用
关于设计师的更多信息

设计师

视觉画布中CSS、HTML和JavaScript的强大功能。

的相互作用

建立网站交互和视觉动画。

更多的互动

CMS

定义您自己的内容结构,并使用真实数据进行设计。

更多关于CMS的信息

电子商务

再见模板和代码——可视化地设计你的商店。

更多关于电子商务

编辑器

在页面上编辑和更新站点内容。

关于编辑器的更多信息

举办

只需几次点击就可以设置闪电般的托管。

更多关于举办
Baidu
map