以往到了求职面试的季节免不了要做一套动辄 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 的容量。
好喜欢我的网站!
1
LavaC 245 天前
最后一部分似乎有问题,内容显示不全,但既没有添加横向滚动也没有像另一些主页一样有纵向滚动带动的横向滚动事件。
|
2
oneisall8955 245 天前
不错,好看
|
4
bingVV22 OP @oneisall8955 谢谢🙏
|
5
13240284671 245 天前 1
头像是你吗
|
6
Chad0000 245 天前 via iPhone 1
@13240284671 #5
我猜你是帮你朋友问的,对吧 🐶 |
7
qqjt 245 天前
挺好看,👍
|
8
sangmingming 245 天前
色彩风格挺好看的
|
10
bingVV22 OP @sangmingming 谢谢~
|
11
MrDarnell 245 天前
审美在线,很牛
|
12
cruzzz 245 天前
https://img.199881.xyz/file/445efe237845f4a7fb2f9.jpg
图片一倾斜,这个波纹我是真受不了,但似乎是个无解的东西。 |
15
cpstar 245 天前 1
黄色的饱和度太高了,相关配色调一调吧
|
16
iphantom 245 天前
支持一下 看着网站风格挺好
|
19
hi2hi 245 天前
色彩配合的不错;很传统的页面设计风格,全是外企网站吗?
用了 Gmail 但依旧暴露 QQ 的邮箱 🤣 |
20
oksocool 245 天前
这个页面是模板修改的吗?还是自己设计的呀?(礼貌了解一下难度)
|
22
didyoudo 245 天前
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 245 天前
挺好看的
|
24
zhiyu1998 245 天前
|
26
jackerbauer 245 天前
这个小妹妹不错
|
27
cssk 245 天前
看一眼就视觉疲劳,还好看
|
28
iwfan 245 天前
确实好看, 麻烦也指点一下我的: https://iwfan.site/
|
29
Pierro 245 天前
自己写的前端吗
|
30
Eninsslei 245 天前
这个不需要服务器存储吗?域名解析在哪呀
|
31
katwalk 245 天前
用 Framer 做的网站有一种这个网站不属于我的感觉
|
33
kangyue9999 245 天前 via Android
|
34
Shuashua 245 天前
看标题以为又是个标题党,看了我同意你的超好看。
|
35
ZnductR0MjHvjRQ3 245 天前
在很渣的速度下显得很奇怪
|
40
heoizokdung 245 天前 2
好看,可惜不是用代码写的,不然就点个 star
最近我也在整个人网站(xzd.me),作为码农,设计真的让人头大🥲 |
41
forblackking 245 天前
@heoizokdung #40 突发奇想拖了一下首页的照片集发现居然能拖动😂 惊艳到了,点个赞
|
42
bingVV22 OP @heoizokdung 哈哈哈哈看你做得挺好的呀
|
43
jjplay 245 天前
@cpstar 其实就是这种风格哇 ,https://cash.app/ 例如
|
44
Themyth 245 天前
我以为你开源了……
|
45
Liftman 245 天前
我感觉越往后。颜色衔接的越不对。。。顶部的颜色也过于饱和,太亮了。也太单调了。容易抓不到观看者的视觉重点。
|
46
BeijingBaby 245 天前
用户名都是 996 ,只怕有点累哦……
|
47
ixixi 245 天前
设计一个网站首页一般多少钱
|
48
RgPr16Lrb1R2zZdJ 245 天前
非常好看!
|
50
zywscq 245 天前
很不错
|
51
jeffpan 245 天前
为什么有一个单独页面介绍 Zilliz Database ,我以为你是他们的员工,但是看了其他帖子,貌似是自由职业者
|
53
gogogo1203 245 天前
@heoizokdung framer 到底还是 css, 喜欢就设计扒拉下来。 我也放一下我的网站 https://www.calmly.ing/ 码农还是要买些漂亮的 UI figma
|
54
fzcf 244 天前
@forblackking #41 这个效果很好, 不过下一秒就是我的了
|
55
echoyangjx 244 天前
风格挺不错
|
59
ackii 244 天前
有点 Gumroad( https://gumroad.com/)的感觉
|
60
shaojz2005 244 天前
是设计师自己做网站的正确路子,用建站平台搭,也有自己的心得。
|
61
yuankui 244 天前
不错,对于一个非技术人员来说。
就是网站有点太亮了,晃眼睛 |
62
pxiphx891 244 天前
“Visual concepts that I made for fun!
Your product can looks like ” look 应该不加 s |
63
MonkeyJon 244 天前
|
64
D2h0VL89HMAU417B 244 天前
figma 风格
|
65
nicoljiang 244 天前
欢迎用我们的服务来优化 Framer 在大陆地区的速度: https://framer.bitiful.com/
|
66
honeycyj 243 天前
猜猜看,是海外留学硕士么~太酷了执行力拉满!
|
67
laobobo 243 天前
我只能说不同人的审美不一样!
|
68
bingVV22 OP @shaojz2005 谢谢
|
69
bingVV22 OP @shaojz2005 谢谢你
|
70
JohnTsuxi 232 天前 via Android
|
71
delonglimin 112 天前
还是 wordpress 一把梭哈有性价比 https://www.xudelong.top/
|
72
nyxsonsleep 87 天前
@JohnTsuxi #70 充分体现了言论自由,和违法行为的经典示例。
|