当时的设计,对比一下现在的设计,确实发生了很大的变化。
我是新手,起初并不了解网站的设计。凭着自己的感觉,我决定将网站的主题定为「毛玻璃容器」主题,但是这一决定,给我的设计带来了不少的麻烦。
一个例子:最初我的网站的背景是樱花夜景,我将英雄区放入一个容器。
<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(低可访问性)在网页设计中是大忌。
当网站设计仅仅是满足于自己的审美需求,却忽视了网站最重要的功能是供用户去获取信息,那么无论多好看,都算废掉了。
