文章
我最初的网站设计,可见是有点奇怪的 ~

建站过程中的一点感想

2026年2月12日约 1 分钟

当时的设计,对比一下现在的设计,确实发生了很大的变化。

我是新手,起初并不了解网站的设计。凭着自己的感觉,我决定将网站的主题定为「毛玻璃容器」主题,但是这一决定,给我的设计带来了不少的麻烦。

一个例子:最初我的网站的背景是樱花夜景,我将英雄区放入一个容器。

<div class="inner-container">
    <div class="text-title-A">欢迎来到沐咲汐の時空</div>
</div>

对应的样式为:

.inner-container {
    background: rgba(255, 255, 255, .2); /* 以下省略 */
}
.text-title-A {
    color: white;
}

20% 不透明度的白色容器。虽然这样设计看上去似乎很新颖,但是问题出在了标题:字体的白色与容器本身的半透明白色融合起来,字体的辨识度就会变得极低。

接着我想到了使用 blur,并且将标题字体颜色改为了粉色:

.inner-container {
    background: rgba(255, 255, 255, .2);
    filter: blur(10px);
}
.text-title-A {
    color: pink;
}

这下终于没问题了,不过还没结束。

当我设计网站导航按钮时,类似的问题再次出现:网站导航的按钮是白色,就会与背景图片的亮白色灯光融合;改成粉色,感觉色彩过分单调;改成黑色,似乎又与背景里的夜空的黑色融合;改成其他颜色,又显得格格不入,不符合网站主题。

后来我问了神人豆包,回答了个寂寞。

等到网站首页基本功能设计完成时,我索性放弃了一开始的毛玻璃容器,将容器背景改为了纯白色。

一次诚恳的妥协

这次改变,是我设计网页过程中的第一次妥协。

Low-accessibility(低可访问性)在网页设计中是大忌。

当网站设计仅仅是满足于自己的审美需求,却忽视了网站最重要的功能是供用户去获取信息,那么无论多好看,都算废掉了。