网站配色优化

闲来无事写一篇关于网站配色的水文

事件由来

刚设计网站版式的时候我自己是想着用淡青色或者是浅绿色来作为网站的主题色,然后首页头图再用一组绿色的养眼配图会显得网站很自然,很清新舒服;但是绿色特别是浅绿色或者青色在我灰白色的网站背景上显得颜色太淡,头图也一样,所以我想重新给博客换一种配色

灵感来源

前几天逛酷安动态看到这一组图,是AkkKun用手机拍摄的一组图(作者后期配色),看了还挺喜欢的,就想着自己要换配色顺道把头图也换了岂不美哉,于是马上私聊作者征求意见,当然最后也顺利取得了图片的使用权

酷安动态
酷安动态

挑选配色

头图有了,该选择什么样的配色是个问题,但我想到了以前用过的两个网站:Adobe色轮 调色盘生成器以及中国色,这两个网站非常适合我了,毕竟对于我这个没有系统学过设计,也没有网站配色经验的人,简单易懂才是最重要的


adobe color.webp
adobe color.webp

china color.webp
china color.webp

于是我也不含糊把几张头图直接上传到adobe查看颜色构成,再结合中国色里面的栗紫、殷红、鹞冠紫等各种紫选出一个不刺眼而且显得自然的紫色 #6c5b92 ;然后以这个配色为准通过调节透明度的方法运用到各个需要配色的地方,然后网站背景听取了风牛马的意见另外选择一个比较舒服的色调,所以现在网站呈现出来的副色调主要还是紫色为主


配色1.webp
配色1.webp

配色2.webp
配色2.webp

配色3.webp
配色3.webp

写在最后

现在我对网站配色还是挺满意的,当然如果有别的意见的也可以说出来给我参考一下,毕竟集思广益才是最好的

SurGarfield
作者:Garfield
主页:点击访问
SurGarfield
作者:MinJoan
主页:点击访问
打赏 0 分享
评论(34)
隐私评论
  1. 酷安,妙

    2021年11月04日回复
    1. 博主
      @黑桃三

      报上名来

      2021年11月05日回复
      1. @森木志

        你这个评论审核通过还有个邮件提醒就很烦。

        2021年11月05日回复
        1. 博主
          @黑桃三

          就提醒一次而已,不烦不烦

          2021年11月05日回复
  2. 这个配色就很舒服了,看着不刺眼

    2021年06月07日回复
  3. 配色有点稍微过淡了点点,如果稍稍调整一下可能更好些(个人拙见,哈哈?)

    2021年06月03日回复
    1. 博主
      @青找

      当初的配色是很鲜艳的,可是考虑到晚上的时候比较刺眼,所以就调的暗一点,深沉一点

      2021年06月03日回复
      1. @森木志

        你取色的照片还在吗,能否方便发我一下,我抽时间把网站配色也改一下?

        2021年06月03日回复
        1. 博主
          @青找

          好的好的,待会我找一下,然后发你邮箱吧

          2021年06月04日回复
  4. 从护眼的角度来说,淡绿色比较好

    2021年05月22日回复
    1. 博主
      @流金岁月

      还好啦,上一个副色调就是绿色,我已经尽力压低饱和度让他看起来不会这么刺眼了

      2021年05月22日回复
  5. 看到了好多熟人啊

    2021年05月22日回复
    1. 博主
      @亮娃子博客

      都是老熟人了

      2021年05月22日回复
  6. 博主

    等你下次用粉色我一定说好看

    2021年05月22日回复
  7. 今天520,在我能想到的博客中,你是第一个,就想着今天一定有啥更新了。

    ...结果....

    2021年05月21日回复
    1. 博主
      @叶开楗

      下..下次一定

      2021年05月21日回复
      1. @森木志

        :&(蛆音娘_OK)

        2021年05月22日回复
    2. 夫人
      @叶开楗

      所以你特意过来吃狗粮么

      2021年05月21日回复
      1. @MinJoan

        在我已知没结婚恋爱中的就阿森了,还有一个是没把恋情写博客,被我排除了哈哈哈。

        2021年05月22日回复
  8. wys

    喜欢就好。人嘛,为满足感官而折腾。

    2021年05月21日回复
    1. 博主
      @wys

      哈哈哈说得对

      2021年05月21日回复
  9. 没意思,太花了

    2021年05月21日回复
  10. 喜欢你模板和配色~对素简的主体无抵抗力~喜欢!

    2021年05月21日回复
    1. 博主
      @拾风

      哈哈哈大佬来了谢谢喜欢

      2021年05月21日回复
  11. 此条为私密评论,仅评论双方可见
    2021年05月21日回复
  12. 看久了,换换配色也是不错的选择。

    2021年05月21日回复
    1. 博主
      @Mr.Chou

      哈哈哈是的是的

      2021年05月21日回复
  13. 曾经用过这个adobe的色轮调过样式,很好用。而且颜色搭配是真的合理~

    2021年05月20日回复
    1. 博主
      @老麦

      而且配色表看着很舒服

      2021年05月20日回复
  14. 评论表单表情旁边那开关原来是私密留言开关,我还以为是什么发送前的验证器,我直接点了。

    2021年05月20日回复
    1. 博主
      @Fong。

      我就说你说这个干啥要悄悄话

      2021年05月20日回复
      1. @森木志

        感觉好多站点都有个这个开关在评论表单,第一印象告诉我这是验证器,被误导了。:&(蛆音娘_无语)

        2021年05月20日回复
  15. 此条为私密评论,仅评论双方可见
    2021年05月20日回复
    1. 博主
      @Fong。
      此条为私密评论,仅评论双方可见
      2021年05月20日回复