我知道有不少人在留言板表达过本站的设计很不错
但自我建站以来看过的网站来说
我这个站点属于是个非常传统的个人网站了
主页，文章，相册，留言板，友链
每个页面的功能都很纯粹和简单也没有什么乱七八糟花里胡哨的交互效果
甚至可以说是毫无特色十分模板化的网站
为什么不用第三方库
我知道现在随着前端技术的发展已经有不少优秀的第三方库可以使用
但我还是只使用了最原始的浏览器原生三件套
一方面来说原生三件套对我来说确实也够用了
另一方面来说我作为一个初学前端的人确实不会使用如此繁多的前端库
关于审美
我始终觉得审美是个很主观的事情
有的人觉得个人网站就一定要特效粒子音效交互拉满超酷超炫
有的人就喜欢纯文字和线条的极简
我个人并没有具体喜欢哪种风格
当然也不存在绝对差的设计
但有一点值得肯定的是
设计的初衷是让人感觉舒服
而不是打开了一个让人难以下咽的东西
关于设计
说回我站设计这件事
这站点的设计不是一蹴而就的
它能变成现在这个样子花费的时间周期长达两年之久
确实 很多时候连我自己都不知道我想做什么
更多的时候甚至是前一晚睡觉之前想到一个好玩的
第二天睡醒就忘了
对我来说网站也不是塞越多的东西越好
所以在搭建网站之初就确定了首页只留标题和社交信息
没有头像和立绘等图片
当然 也不能向下滚动
其实绝大多数访客都只会停留在主页 然后就关掉了
自我建站以来统计的数据也佐证了这件事
我认为的主页只需要传达我想要告诉访客的信息就够了
其他的信息有其它的页面负责
而不是全部堆在主页
至此第二件事就确定了
每个页面只单独负责一件事
虽然这相对于单页面只需要滚动滚轮就可以浏览所有信息来说
多了鼠标点击这个交互
但也提升了获取信息的效率
这一点对于想要长期更新的创作者和访客来说无疑都是更方便的
但话又说回来
如果你建站只是为了炫技和当个人简历来用
那我当然还是更推荐单页面设计
不过这就更考验设计能力了
另外一点我个人认为比较重要的事是
交互的确认感和流畅性
确认感是告诉用户哪里可以点哪里不能点
你不能给整个网站的所有元素都加hover效果
更不能给可以点击的元素不做hover效果
要做到的就一件事
清晰明确的告知用户这里是可以互动的
流畅性是指用户在跟某个元素互动之后产生的效果是否足够流畅
举个例子
你在点击这篇文章的时候
文章是从文章列表的卡片放大然后出现这篇文章
而当你返回的时候这篇文章又会向后缩回到文章列表
就像你打开一个盒子拿出了盒子里面的东西
在你看完之后再把东西放回盒子里面一样
而让你从任意页面切换到其它功能页面的时候
页面是整体向下淡出 然后新的页面从上方淡入
这代表目前切换到了新的分区
所有页面也都遵循从上到下依次出现的原则
以上我说明的两件事仅仅是我对于交互和舒适性的理解
这并不代表可交互元素就一定要有hover效果
也不代表元素的出现和消失就一定伴随着动画
只是我作为一个本职为动画设计的人来说喜欢在页面上实现的效果
而效果多通常也伴随着性能消耗的也多
所以本站在部分性能偏低的设备上或者移动端设备上的体验都不是很好
这也算是一些取舍
关于灵感
至于说设计的灵感从哪里来
审美该怎么提升
这件事我并没有一个固定的答案
我从很久以前就喜欢收集各种各样觉得好看的图片
玩各种画风独特或者设计有趣的游戏
我觉得这对于我的灵感构建和审美能力都有提升
不过随着目前AI的发展来说
我觉得完全可以让AI设计
然后抽卡
总会遇到自己喜欢的样式
具体怎么用那就看在坐的各位了
关于AI
最后说一说关于AI帮我建站这件事
在当初我刚买域名的时候只是为了在外面访问家里Nas的时候可以不用输入IP地址
但不曾想国内的域名想要在大陆正常访问就一定要进行备案
而备案这件事又不能在家宽进行
于是被迫购入了云服务器
而只有服务器也不行 必须要有一个可供访问的前端页面才可以备案
于是才有了这个网站
说实话在建站之前我甚至不知道怎么在Linux上面搭建运行环境
从安装1Panel面板到实现自动更新证书都是通过询问AI来完成的
包括后面开始写前端页面的主题
尽管设计上面都是我自己来做的
绝大多数的Css和html也是我自己来写的
但AI对我的前端学习提供了不小的帮助
我从不认为AI的出现导致了前端这个职业的没落
反而我倒是觉得没有AI我绝对写不出现在这个网站
AI始终是工具
而工具是要被使用的
当然 到目前为止我在这个网站上使用过最多的AI
就是网页版GPT了
那些所谓的Agent我其实到现在也不会用
其实也就是需要什么功能然后去问GPT
写出来之后我再复制然后手动合并到我现有的代码里
这也让我可以很快的Debug
哪个模块出了问题我可以很快的定位
代码可读性可以说是十分优秀
以上
就是我对于前端设计的一些个人见解
希望对看到这里的你有所帮助
如果你对我的网站设计有任何疑问的话也欢迎在留言板留言
我看到后一定会回复的