这是一个创建于 534 天前的主题，其中的信息可能已经有所发展或是发生改变。
以往到了求职面试的季节免不了要做一套动辄 20-30 页的作品集。除了痛苦还是痛苦。
自由职业一年后悟到，PDF 还是太干瘪了，不如网站更能直观地展示项目成果，更重要的是能及时更新作品进去。两者都可以有，但如果只取一个的话，我认为还是做网站！
同时也把个人网页当成一个项目去完成。调研 > 风格探索 > Responsive 一个不能少。
最终成品 https://echozhang.framer.website/
因为最近半年都在做活泼快乐的视觉风格，我个人的网站也延续了这种快乐风格。也许过几年就整个换头。
使用的建站工具是：Framer ，在 Webflow 和 Framer 考虑了一阵后还是选择了 Framer 。原因
搭建难度：整体上手还比较快。（也踩了不少坑）建议开始搭建之前先大致看一遍教程，有很多细节自己很难探索出来。
Figma 导入流程：基本我在 Figma 完成整个设计，再复制到 Framer ，整个过程还比较顺畅。小 tips 是：需要分 Frame 去导入，一整个页面是导不过来的。
Responsive：这个是最麻烦的地方。Framer 里的 Responsive 是子母级的关系，比如 1440 Desktop 标准版是母亲，那其他 Breakpoints 是「子」。Desktop 的 Responsive 设置得好，其他的 Breakpoints 只需要一些细节的调整。整个 Responsive 需要一定时间的探索和试错。我最后舍弃了完美，Responsive 整体效果 ok 就 ok （是进步...
缺点我个人觉得只有 2 个： Responsive：布局复杂的话，responsive 会很难做，所以第一次尝试就往简单了做吧，重点是一个完成的动作。
尺寸：也因为好 Responsive 的关系，我很多元素都选择了切图，大家千万不要切太高清的图，1440 的网页差不多切 1.5x 即可，因为 Framer Pro 以下的版本只有 5mb 的容量。
好喜欢我的网站！
76 条回复 2025-05-06 22:41:19 +08:00
 | 1 LavaC 2024-04-24 14:51:02 +08:00 最后一部分似乎有问题，内容显示不全，但既没有添加横向滚动也没有像另一些主页一样有纵向滚动带动的横向滚动事件。 |
 | 2 itechify PRO 不错，好看 |
 | 3 bingVV22 OP @LavaC hh 不是 bug 但是理解你的意思。这里做的就是微动效 scale + 滚动 + 不完全显示。本身就没有拉动，最后这部分的实现我可能会多试试 |
| 4 bingVV22 OP @oneisall8955 谢谢 |
 | 5 13240284671 2024-04-24 15:03:55 +08:00  1 头像是你吗 |
 | 6 ktqFDx9m2Bvfq3y4 2024-04-24 15:07:02 +08:00 via iPhone 1 @13240284671 #5 我猜你是帮你朋友问的，对吧 |
 | 7 qqjt 2024-04-24 15:08:35 +08:00 挺好看， |
 | 8 sangmingming 2024-04-24 15:09:45 +08:00 色彩风格挺好看的 |
| 10 bingVV22 OP @sangmingming 谢谢～ |
 | 11 MrDarnell 2024-04-24 15:16:44 +08:00 审美在线，很牛 |
 | 12 cruzzz 2024-04-24 15:25:45 +08:00 https://img.199881.xyz/file/445efe237845f4a7fb2f9.jpg 图片一倾斜，这个波纹我是真受不了，但似乎是个无解的东西。 |
 | 15 cpstar 2024-04-24 15:31:09 +08:00 1 黄色的饱和度太高了，相关配色调一调吧 |
 | 16 iphantom 2024-04-24 15:32:32 +08:00 支持一下 看着网站风格挺好 |
 | 19 hi2hi 2024-04-24 16:13:26 +08:00 色彩配合的不错；很传统的页面设计风格，全是外企网站吗？ 用了 Gmail 但依旧暴露 QQ 的邮箱 |
 | 20 oksocool 2024-04-24 16:13:51 +08:00 这个页面是模板修改的吗？还是自己设计的呀？（礼貌了解一下难度） |
 | 22 didyoudo 2024-04-24 16:20:03 +08:00 This site is blocked due to a security threat. Reason: This site has been identified as being a HIGH RISK SERVICE and has been blocked. |
 | 23 northquq 2024-04-24 16:25:03 +08:00 挺好看的 |
 | 24 zhiyu1998 2024-04-24 16:29:28 +08:00 交互挺流畅的，会开源吗  |
 | 26 jackerbauer 2024-04-24 17:17:30 +08:00 这个小妹妹不错 |
 | 27 cssk 2024-04-24 17:23:29 +08:00 看一眼就视觉疲劳，还好看 |
 | 28 iwfan 2024-04-24 17:25:20 +08:00 确实好看， 麻烦也指点一下我的： https://iwfan.site/ |
 | 29 Pierro 2024-04-24 17:26:00 +08:00 自己写的前端吗 |
 | 30 Eninsslei 2024-04-24 17:29:41 +08:00 这个不需要服务器存储吗？域名解析在哪呀 |
 | 31 katwalk 2024-04-24 17:31:01 +08:00 用 Framer 做的网站有一种这个网站不属于我的感觉 |
 | 33 2xvaHoK2LGxQ29R5 2024-04-24 17:31:23 +08:00 via Android |
 | 34 CooperBD 2024-04-24 17:32:57 +08:00 看标题以为又是个标题党，看了我同意你的超好看。 |
 | 35 ZnductR0MjHvjRQ3 2024-04-24 17:56:28 +08:00 在很渣的速度下显得很奇怪 |
 | 40 heoizokdung 2024-04-24 18:28:54 +08:00 2 好看，可惜不是用代码写的，不然就点个 star 最近我也在整个人网站(xzd.me)，作为码农，设计真的让人头大 |
 | 41 forblackking 2024-04-24 18:33:16 +08:00 @heoizokdung #40 突发奇想拖了一下首页的照片集发现居然能拖动 惊艳到了，点个赞 |
| 42 bingVV22 OP @heoizokdung 哈哈哈哈看你做得挺好的呀 |
 | 43 jjplay 2024-04-24 18:45:19 +08:00 @cpstar 其实就是这种风格哇 ，https://cash.app/ 例如 |
 | 44 Themyth 2024-04-24 19:10:19 +08:00 我以为你开源了…… |
 | 45 Liftman 2024-04-24 19:24:13 +08:00 我感觉越往后。颜色衔接的越不对。。。顶部的颜色也过于饱和，太亮了。也太单调了。容易抓不到观看者的视觉重点。 |
 | 46 BeijingBaby 2024-04-24 20:21:59 +08:00 用户名都是 996 ，只怕有点累哦…… |
 | 47 ixixi 2024-04-24 20:54:19 +08:00 设计一个网站首页一般多少钱 |
 | 48 RgPr16Lrb1R2zZdJ 2024-04-24 21:00:53 +08:00 非常好看！ |
 | 50 zywscq 2024-04-24 21:09:52 +08:00 很不错 |
 | 51 jeffpan 2024-04-24 21:16:23 +08:00 为什么有一个单独页面介绍 Zilliz Database ，我以为你是他们的员工，但是看了其他帖子，貌似是自由职业者 |
 | 53 gogogo1203 2024-04-24 21:56:15 +08:00 @heoizokdung framer 到底还是 css, 喜欢就设计扒拉下来。 我也放一下我的网站 https://www.calmly.ing/ 码农还是要买些漂亮的 UI figma |
 | 54 fzcf 2024-04-25 09:56:44 +08:00 @forblackking #41 这个效果很好， 不过下一秒就是我的了 |
 | 55 echoyangjx 2024-04-25 10:24:28 +08:00 风格挺不错 |
 | 59 ackii 2024-04-25 11:00:17 +08:00 有点 Gumroad( https://gumroad.com/)的感觉 |
 | 60 shaojz2005 2024-04-25 11:22:29 +08:00 是设计师自己做网站的正确路子，用建站平台搭，也有自己的心得。 |
 | 61 yuankui 2024-04-25 11:41:50 +08:00 不错，对于一个非技术人员来说。 就是网站有点太亮了，晃眼睛 |
 | 62 pxiphx891 2024-04-25 13:11:37 +08:00 “Visual concepts that I made for fun! Your product can looks like ” look 应该不加 s |
 | 63 MonkeyJon 2024-04-25 13:24:31 +08:00 开源么。想要  |
| 64 D2h0VL89HMAU417B 2024-04-25 13:56:44 +08:00 figma 风格 |
 | 65 nicoljiang PRO 欢迎用我们的服务来优化 Framer 在大陆地区的速度： https://framer.bitiful.com/ |
 | 66 honeycyj 2024-04-26 08:35:09 +08:00 猜猜看，是海外留学硕士么～太酷了执行力拉满！ |
| 67 4Et5ShxMIq58n6Lr 2024-04-26 10:50:38 +08:00 我只能说不同人的审美不一样！ |
| 68 bingVV22 OP @shaojz2005 谢谢 |
| 69 bingVV22 OP @shaojz2005 谢谢你 |
 | 70 JohnTsuxi 2024-05-07 22:18:19 +08:00 via Android |
 | 71 delonglimin 2024-09-04 08:57:16 +08:00 还是 wordpress 一把梭哈有性价比 https://www.xudelong.top/ |
 | 72 nyxsonsleep 2024-09-29 16:20:09 +08:00 @JohnTsuxi #70 充分体现了言论自由，和违法行为的经典示例。 |
| 73 bingVV22 OP @nyxsonsleep 发言挺典型的 1.别把不尊重当言论自由 2.违法啥了？举出条例，或者直接报警吧 |
| 74 nyxsonsleep 163 天前 @bingVV22 #73 呵呵 |
| 75 bingVV22 OP @nyxsonsleep 典型又来了啥都不会是个法盲，想装啊非说那么一句，被怼了就只能说俩呵呵 |
| 76 nyxsonsleep 157 天前 @bingVV22 #75 一秒猜到性别。上蹿下跳，抓耳挠腮，身上有个洞口就往上凑，不是每个人都有兴趣管你的 b 事。 典型的不懂言论自由和法盲 |
Select Language