Posted by:
XinYe
4 months ago
(0 comments)
许多粉丝很好奇如何创建一个很酷的个人网站，给同事、同学和面试官留下深刻的印象。今天，我将为您详细分析其中的要点，无论您是寻找灵感，使用低代码或无代码工具，还是推荐实用组件，您都可以找到。
1. 哪里可以找到网站灵感
- 图片灵感：灵感不应该局限于其他人的网站，图片是一个很好的来源。例如，网站借用了制作网站时收集到的图像的乳白色、黑色和橙色等颜色。每天收集图片，不仅是为了整体配色，也是添加新功能时的灵感。
- 推荐网站参考：AWWWARDS网站值得访问。上面推荐的网站风格独特。收集足够的材料后，您可以创建一个面板，并包含您喜欢的网站效果，例如球漂浮效果、卡片悬浮、玻璃纹理等，这些都可以为网站增添独特的魅力。
2. 具有不同代码库的网站构建选项
- 无代码工具-Framer：不会写代码也没关系。流行的Framer工具可以满足您的需求。看别人用Framer做的网站，上限极高，有些效果即使用代码写也不一定能实现。
- 程序员专属——HUGO：如果程序员不想使用有设计偏差的工具，HUGO是一个不错的选择。有些人在大学时用它来建立网站。它有大量的模板。通过运行命令行并修改配置，您可以轻松创建自己的网站。
3.推荐超实用的网站组件
- Magic UI：该组件功能强大，比如滚动效果、卡片动画、工具栏效果、通知效果等，可以用在个人网站中，让页面变得生动起来。
2、（组件名称拼写未知）：还具有很多优秀的效果，比如网站首页的3D卡片效果。
- Count CULT UI：提供大量高质量效果，例如数字动画效果、炫酷按钮、侧边栏动画、3D 显示照片效果等。选择几种组合，让您的网站与众不同。
- Framer Motion：要制作一个很酷的网站，动画是必不可少的。 Framer Motion 是目前最好的动画库。其动画所展现的惯性效果，半小时学习即可掌握，终生受用。
4. 构建 3D 网站的秘诀
如果你想制作3D网站，可以关注BRUNOSIMON。他是一名3D老师。他的课程有中文字幕，可在线观看，共36节课，时长超过40个小时。课程介绍页面也是3D制作的，非常酷。对3D感兴趣的朋友不要错过。
5. AI工具辅助网站设计
AI工具也可以在网站设计中发挥作用，比如V0。虽然之前有人质疑这个工具是什么时候推荐的，但每个工具都有适用的场景。不要因为不知道如何使用就否定它的价值。
我希望您能从这些技巧中获得灵感并创建自己的酷炫个人网站。记得点赞并收藏哦。如果你有什么想法，欢迎在评论区分享！
Share on Facebook
Indie123
Comments
There are currently no comments