扯一扯个人博客的配色设计,色彩用对是关键

Square
个人博客设计一定要懂色彩学
个人博客设计一定要懂色彩学

“美+美=丑;美+丑=完美”

个人博客建立了也有接近两个半月左右了,一直忙着内容输出,没有空闲对博客的外观进行包装,终于得空对博客进行了里里外外的大装修。个人博客这个领域,不乏很多大神,博客界面十分炫目,运用了一些js脚本等,结果界面做得倒是比内容还抢眼。另外还有一些极端人士说做博客最重要的是内容的质量,只要能被收录,有排名就行。其实“文”和“艺”本来就是一家,一个是语感上的艺术,一个是事物表现的另一种信息载体,相辅相成,让世界更美好。

当然,个人博客设计自然要美,但不能像做ppt那样美的为所欲为,而是要以利于搜索引擎以及交互体验为前提,综合之下择其最优。可以给一个网页设计交互和配色的一般会用到两种主要的前端语言css以及javascript,对于seo网站来说,一般是能不用js脚本就不用js脚本的,而css对于网站的运行速度而言是比较友好的,css一般多见于改变元素的配色、背景图片以及宽度、高度等。小编不才,恰好学过一点素描和水粉,对于网站的配色设计还是有一些自己的个人要求的。

在绘画中,颜色有三个最基本的原色:红、绿、蓝(当年学美术不用功,忘了到底是红绿蓝还是红黄蓝了,貌似都可以……),通过这三种原色的调和可以调出任何一种颜色。而从色彩学上来看,我们又可以将颜色按照色调分为冷色调和暖色调,类如颜色偏红、黄两色的一般为暖色,给人感觉骄阳似火,颜色偏绿、蓝、白、黑的一般为冷色调,这类颜色一般给人感觉比较阴暗一点,尤其以蓝和黑为最,白色属于偏向中性的一种颜色。而一幅色彩画一般都有一个贯穿全画的原色,整体偏黄、或蓝等,显暖还是冷,给一幅画定了一个明确的主题,也可以借画给人传达画中的意境和情绪。基于此,个人博客配色设计自然也就可以大概按照这个原则来进行布局了,而不让人显得凸匹。

不懂色彩学的人之所以不容易做好设计这一块,主要就是因为对于色彩认知的缺乏造成的,类如一个博客到处都是五颜六色的,或者灰暗如土没有亮点,两种都不利于留住浏览者的脚步,因为网站没有一个明确的主题色,过花。不管是穿衣搭配还是绘画设计等,一般以不超过三种颜色为妥,否则整个页面就显得十分low爆了外加山寨爆了,爆了九九八十一条街。

鲜花需要绿叶的陪衬才能璀璨夺目
鲜花需要绿叶的陪衬才能璀璨夺目

“美+美=丑;美+丑=完美”

一般以30%的明亮色彩加上30%的暗淡色彩以及40%的纯背景色为妥,明亮的色彩和暗淡的色彩对比强烈,让人眼前一亮,更容易被其所吸引,并且不会过于花俏。美好的事物往往都需要绿叶的陪衬才能构成一偶靓丽的风景,其起到画龙点睛的作用。漂亮的颜色自然需要昏暗无光的颜色来配才能明艳四射。只要按照这样的原则来配色,基本不会差到哪去。

另外还需要一个大背景色,色调适合以浅色系为主,但最好不要以纯白来铺展,纯白色可以反射所有的光谱,人眼看久了自然不利于眼部健康。但是也最好不要以黑色等深色系颜色进行铺展,这类颜色对于夜晚的人来说自然浏览体验比较好,但在白天的时候,内容不太显眼,而且屏幕因为是黑色的,还会反射周边环境的光线以及投影,浏览体验实在不可恭维。本博客所选用的是浅灰色,接近白色,这样字体既很清晰,又不会因为灰蒙蒙一片而显得页面比较乱。第一印象很重要,好的设计可以留住更多的回头客。

移动终端个人博客设计更重要
移动终端个人博客设计更重要

还有很多人对于手机端的适配并不注重

很多人将pc端的网页设计得很漂亮,但是手机端却惨不忍睹,然而,时代变了,手机等移动终端才是阅读的最佳选择。手机的特点就是便携,阅读本来就应该放松身心进行享受其过程,而不是一本正经地在电脑面前坐上半天。有了手机,不管是躺着还是厕所蹲着还是排队站着都可以挤出时间进行,先天优势明显是电脑所不能及的。所以在智能手机时代,个人博客的设计还是偏向移动端为好。

总而言之一句话,要想设计出一个好的个人博客,科学配色很重要,先研究研究一些色彩学知识也是比较不错的选择。实在不行可以多看看一些优秀成功作品来多了解一下别人的配色设计,类如豆瓣以绿色为主,比较清新,界面清爽;简书以橙色为主色调,虽然颜色不算漂亮,界面倒也比较清爽,文章排版不错。只要记住一点就是了,大气的设计永远是以简约为主,花拳绣腿的永远是小众设计。

个人微信公众号
个人微信公众号

声明:文章为拿着灼热的铁个人博客(公众号:lattestory520)原创,未经允许,禁止转载!

发表评论

电子邮件地址不会被公开。