讨论做了个超好看的个人网站

以往到了求职面试的季节免不了要做一套动辄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的容量。

好喜欢我的网站！