拿upupor.com网站来说说网页配色
标签: 前端
网站管理员   929   0 2020-03-26 09:22 
最新一次编辑的原因:
自己尝试了很多中配色,不知道目前的配色大家是否喜欢

不知道大家有没有发现,upupor.com 网站的更新频率很高,究其原因是不断在调整,根据用户的反馈持续进行优化和完善

先说说为什么会发现网站的配色有很大的问题,原因是:我的开发机器是mac, mac的分辨率相对比较高,所以网页初版在开发完成后是很漂亮的,配色及观感都很舒服(典型的自我感觉良好)

但是,当移步到windows机器时,发现惨不忍睹,网页在常用的显示器上非常白,并且眼睛看着会痛,看不了多久,所以需要进行调整

但自己不是专业的UI,只能靠网上的资料学习,通过开源的AI工具去训练配色,最后获得的颜色都不是很好,自己都不是很满意

怎么办呢?参考其他网站,发现其他网站的颜色并不是很多,很简洁,给人的观感很好,自己也尝试着去修改,总是觉得和别人的一模一样就是不好

进而又进入到了另一阶段的学习、持续优化的过程中,这个过程耗时有点长

在调整的过程中,渐渐发现白纸黑字,对于大部分用户来说接受度是比较高的,对于这个发现,自己有颇多感慨,前面辛辛苦苦用了很多知识及工具去调色,到头来还是最简单的白纸黑字最受欢迎,从这件事情中可以得出,最佳实践要重视的,不能想当然的做一些事情,要尊重基本的事实。

在配色方面,还有另一个需要说的,就是网站图片的问题,网站的图片也需要和网站的配色协调。为什么要说到网站图片的问题呢?其实这一直是我个人的问题,我一直想当然的觉得网站要有图片,如果没有图片可能就不好看,网站不绚丽等等,但这样的想法,其实让网站更加丑化了。后面索性就把图片给去除掉,不知道你们是否觉得网站变得简洁且更加耐看了呢?

再说说当前的网站风格,使用了白底黑字,增加了网站的可读性,对网站字体的大小和颜色也进行了调整,以达到网页文字看起来不那么费力,减少用户的阅读负担。同时多模块之间使用卡片样式进行分隔,让网站不同的模块之间有确定的间隙,更加明确,看起来也会让你心情好一点儿,不那么复杂。

最后希望大家喜欢该网站,我们一直在努力。


也希望大家可以多多来 upupor.com 多写写文章


本作品系原创,采用《署名-非商业性使用-禁止演绎4.0 国际》许可协议.转载请说明出处
本文链接:https://www.upupor.com/u/20032609226028711936 复制分享

无评论内容,快来评论吧