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

头像
Echo
686阅读24评论

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

好喜欢我的网站!

做了个超好看的个人网站

做了个超好看的个人网站

做了个超好看的个人网站

讨论话题:
想法&创意
收藏
举报
加载中…
精选评论
头像
等级0

哇塞太棒了👏很有参考价值

PDF两个大问题就是文件太大和展示太局限,个人作品网站是一个更好的解决方案。

对,感觉是从word到google sheet哈哈哈

头像
等级1

非常不错,完全可以完善并多端自适应,就能设计个WordPress theme上线销售

头像
等级2

蛮好的,清新脱俗

头像
等级6

好看是好看,就是打不开

头像
等级4

整体设计包括配色都很棒,就是可以自动生成中文版就好啦!

谢谢hh Framer好像有支持Localization这个功能,有空可以多做一个语言版

头像
等级0

好好看!很明媚很可爱

啊 就是想明媚可爱,谢谢~

头像
等级0

网站做的非常漂亮,顶一个

头像
等级0

请问整个网站完成大概耗时多久

设计我应该只花了3-4天,转到 Framer 可能 1周 - 2周。我期间还做些别的

头像
等级1