2024年春节临近,各位基友们肯定都买了不少新衣服吧。重庆基网站也迎来界面换新,视觉设计2024正式上线啦,期待新视觉设计给各位基友们带来新的良好体验哦。
更新背景
这次视觉设计更新的背景因素主要有两个:之前使用的网站系统默认主题样式,能够呈现的视觉效果非常基础;重庆基又失业了,有集中的时间进行视觉更新的后台维护工作。从想法确定,到样式构思,从主题选择,到反复调试,再到最终正式上线,前后历经了大约整整一个月的时间呢。
本次视觉更新的核心目标是增加网站视觉的「活泼感」,改善之前默认主题样式的「庄重感」,让基友们的浏览过程更加具有「现代感」和「享受感」。于是,重庆基抱着这个目标在网上进行了广泛搜罗,最终选择Elegant Themes公司出品的Divi主题套件作为新视觉设计的基底。
Divi主题套件非常强大。它并不是一套单纯的主题,而是一个主题套件,内含丰富的可配置控件和强大的可视化编辑器,还有几百套官方预设的主题模板,以及数不清的第三方主题模板和扩展控件。搭配使用,可以轻松实现网站整套内容和风格的个性化定制。
结合预期的目标和Divi主题套件的现成功能,在经过反复调试后,重庆基的视觉设计2024终于确定下来。
重庆原色
在基础配色方面,以重庆地铁1号线、2号线、3号线的石榴红、森林绿、琉璃蓝配色为基础,结合网站内容可阅读性的需求,选择了与之相近的亮红色、亮绿色、亮蓝色作为主色调。对于重庆基这种非专业人士来说,其实颜色永远只有红黄蓝绿黑白灰这几种颜色,更不要还色弱的重庆基。因此,选用重庆基友们习以为常的地铁线路配色,既不费脑子,又能给基友们熟悉的感觉。真好。
由于红色比较难以掌握,容易出现比较严重的视觉刺激,因此只将红色作为默认按钮的背景色,进行点缀装饰。绿色和蓝色的应用范围相对要广泛一些,主要用于页面横幅和头图的波浪边框装饰,遮盖原本四四方方的图片边框,让页面视觉柔和起来。
卡片风格
卡片风格已经流行很久了,仍然还在流行中。而且,卡片风格自带简洁风,自带视觉隔离和引导作用,完美绝配重庆基。几乎不需要思考,直接上卡片风格就可以,万能又安全。
缓动效果
Divi主题套件中的主要控件,都自带有的动画效果配置功能,通过简单的配置,即可设置常见的动画效果,提升用户体验。重庆基也尝试对部分控件设置了微弱的缓动效果,以增强基友们浏览过程中的美感体验。
清新阅读
在图文内容方面,重庆基没有做过多的修饰,基本以默认的主题风格为主,只进行了微调以适配网站整体视觉风格,以确保基友们能有一个清晰的阅读体验。