昨天,就在昨天,我手机里面无缘无故多了一张照片,本来想说:咦,这哪里来的图片?
一般像这种无缘无故多出来的照片,我都不会看第二眼,直接长按删除。
但是不知道为啥,当时我的拇指迟迟下不了手,甚至我的眼睛不听使唤的多看了几眼。
我想:那肯定是冥冥之中自有天意,一定有他吸引到我的地方。
老规矩,分析一张图片或者一个页面,从形、色、字、构、质五个维度来分析:
1、形状:
从整张图片来说,像是一张数据分析的图表类图片,采用了同心圆和曲线作为数据的载体形状。
那么我们在做一些可视化的数据类页面时,可以采用其中的样式。
2、色彩:
色彩方面采用藏蓝色作为面积最大的主体颜色,整张页面的蓝色系不超过三种,

大家伙看到的淡蓝色和蓝色也是基于藏蓝色,通过邻近配色调整得来的,
看上去整个页面颜色干净、协调、统一,不会有突兀的地方。
另外图片内的字体颜色也不是用的纯黑色,而是直接采用用主色藏蓝色。
所以小伙伴们在选择字体的颜色时,也可以考虑用主色;
如果主色是偏亮色系,那可以在主色的基础上降低明度,再选取一个合适的暗色系,保证字体的辨识度和易识别性。
3、字体:
图片中所有的字体都是采用无衬线体。

在如今市面上,大部分的产品中无衬线体也是被运用最广泛的字体,
该类字体通常是机械的和统一线条的,它们往往拥有相同的曲率,笔直的线条,锐利的转角。
所以在产品内往往也是最快识别的字体,整体统一、舒适且优雅。
4、结构:
这里所说的结构也就是图片的空间结构,整张图片由上中下三个部分组成,最下部分的数字项是在阐述和扩充曲线的节点内容,

同时曲线离文本的留白小于曲线离同心圆的留白,根据邻近性原则,因此也可以理解为上下部分。
在文本段落部分,每段与每段之间有足够的间距留白,所以组合在一起整体看上去就会有呼吸感和空间感,
同时通过留白也增加了文本段落的易读性,条理清晰,让读者一眼就能筛选重点,提高阅读效率。
5、质感:
从图片上来看运用效果的地方比较少,但是还有有两处地方。

那就是扁平的同心圆跟轻投影质感的曲线做了对比,而且投影做的很轻,并没有产生脏脏的感觉。
曲线上的蓝色节点和藏蓝色曲线经过投影效果,给整张图片添加了一些生动活跃的氛围,让图片显得不呆板,同时又增加了亿点点小细节。
通过这样一对比,立马将整副图片从二维视角拉到了三维空间,就像把曲线摆在你眼前,产生了纵深感。
难怪我就说为什么我舍不得删掉这张图片,原来有这么多小细节。好了,研究完了,退下(shandiao)吧
总结:
在日常生活中,我们还是要养成第一眼看到好的图片记得保存下来的习惯,不管是拍照还是截屏,拿回家研究研究,每天给自己增加一(亿)个小细节,必要时候可以记好笔记,要考。
本篇文章也是个人干饭后的闲谈思考与记录
欢迎大家留言给出意见和建议
相互学习交流,一起成长进步
Salut ✌️
不介意的话,点个赞再走吧~