我用 Framer 这软件做了个网站, 效果挺酷眩, 还需要前端吗?

2023-01-06 10:04:33 +08:00
 byewind

首先请在线欣赏我的网站 👉 https://snow.byewind.com

为什么使用 Framer 软件来做网站

首先是因为 Framer 有免费套餐, 个人做几个网站基本上是免费的.并且可以通过 cloudflare 来设置自定义域名, 具体可以翻看我以前的帖子. 其次是 Framer 的软件交互和 Figma 类似,对设计师很友好, 使用起来不困难. 再次是 Framer 目前还没有被墙, 可以正常访问.

制作过程中的难点

设计的过程还算顺利, 因为我就是职业设计师, 所以在设计上没什么问题. 但是在用 Framer 实现的时候就遇到了很多的问题. 第一版是没有滚动特效的, 查看第一版 👉 https://snowui.framer.website/Light-version 然后网站发布没多久 Framer 就推出了滚动特效, 当看了 Framer 官方的例子之后觉得我的网站太没亮点了, 于是就马上进行重新设计和改版, 其实也不想改太多, 毕竟做起来还是有很多工作量的.

讲了这么多, 重点来了. 目前版本的难点在于次屏两张大图的滚动特效, 刚开始完全不知道 Framer 做此动效的原理, 只能一点一点试, 而且每个动效选项都试个遍, 然后测试动效的数值. 就这么简单的放大缩小的动效足足做了 2 天才大致搞明白 Framer 软件中的原理. 其实有很多的问题出在软件中没有提供更多的参数配置造成的, 就不展开说了.

总之除了这个动效之外其他的还算顺利, 做起来都不难. 于是乎, 我就这么把网站给做完了.

最后的感想是现在的软件如此先进了, 还需要前端吗?

作为比较超前的产品体验设计师, 我懂的东西会比大部分设计师要多. 我知道有非常多的搭建网站的工具, 比如 webflow, wix 等, 甚至 Notion 都可以用来建站. 使用这些工具能让像我这样的设计师不用写一行代码就能搭建出网站来. 也就是设计师可以从网站设计到上线一个人都搞定. 那么既然这样还需要前端吗? 还需要 vue.js, React, Tailwind 等前端工具吗?

答案是肯定需要的. 因为除了官网, 落地页等, 我们还需要搭建 SaaS, 后台系统等产品, 这些产品不太可能使用 Framer, webflow, wix 等软件来搭建. 正如我的核心产品: Snow Dashboard UI Kit, 它的出现就是为了让中小微企业更快地搭建更为先进的中后台产品.

6072 次点击
所在节点    分享创造
51 条回复
byewind
2023-01-07 13:20:46 +08:00
@CSGO 网站做的不错
xooass
2023-01-09 16:44:15 +08:00
中文还要等啊。。。可惜了

我这个项目年后就要开始了,估计等不及了
superliwei
2023-01-09 20:40:11 +08:00
看了第一个贴子,我想说,这个设计师很丑,做的东西还挺漂亮的👍 。
byewind
2023-01-09 23:23:15 +08:00
@xooass 嗯, 目前还没有中文版, 可以自己翻译一下. 很多也都是简单的英文.
Envov
2023-01-10 10:51:42 +08:00
页面很帅
weimo383
2023-01-10 10:58:04 +08:00
老哥你这模板是怎么卖的?生成一个 figma 链接?
Rakkael
2023-01-11 16:30:52 +08:00
@byewind banner 的文字换成与左边雪花 logo 同色是不是会更好一些?
byewind
2023-01-11 22:30:21 +08:00
@Rakkael 可以一试
byewind
2023-01-11 22:35:32 +08:00
@weimo383 购买了后会有一个 Figma 文件 和 Framer 模板的链接
lnmput
206 天前
只有图片介绍,没有一个使用文档说明的吗
byewind
205 天前
@lnmput 这是炫技贴, 不是教程贴😀

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/906923

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX