昨天，就在昨天，我手机里面无缘无故多了一张照片，本来想说：咦，这哪里来的图片？
一般像这种无缘无故多出来的照片，我都不会看第二眼，直接长按删除。
但是不知道为啥，当时我的拇指迟迟下不了手，甚至我的眼睛不听使唤的多看了几眼。
我想：那肯定是冥冥之中自有天意，一定有他吸引到我的地方。
老规矩，分析一张图片或者一个页面，从形、色、字、构、质五个维度来分析：
1、形状：
从整张图片来说，像是一张数据分析的图表类图片，采用了同心圆和曲线作为数据的载体形状。
那么我们在做一些可视化的数据类页面时，可以采用其中的样式。
2、色彩：
色彩方面采用藏蓝色作为面积最大的主体颜色，整张页面的蓝色系不超过三种，
大家伙看到的淡蓝色和蓝色也是基于藏蓝色，通过邻近配色调整得来的，
看上去整个页面颜色干净、协调、统一，不会有突兀的地方。
另外图片内的字体颜色也不是用的纯黑色，而是直接采用用主色藏蓝色。
所以小伙伴们在选择字体的颜色时，也可以考虑用主色；
如果主色是偏亮色系，那可以在主色的基础上降低明度，再选取一个合适的暗色系，保证字体的辨识度和易识别性。
3、字体：
图片中所有的字体都是采用无衬线体。
在如今市面上，大部分的产品中无衬线体也是被运用最广泛的字体，
该类字体通常是机械的和统一线条的，它们往往拥有相同的曲率，笔直的线条，锐利的转角。
所以在产品内往往也是最快识别的字体，整体统一、舒适且优雅。
4、结构：
这里所说的结构也就是图片的空间结构，整张图片由上中下三个部分组成，最下部分的数字项是在阐述和扩充曲线的节点内容，
同时曲线离文本的留白小于曲线离同心圆的留白，根据邻近性原则，因此也可以理解为上下部分。
在文本段落部分，每段与每段之间有足够的间距留白，所以组合在一起整体看上去就会有呼吸感和空间感，
同时通过留白也增加了文本段落的易读性，条理清晰，让读者一眼就能筛选重点，提高阅读效率。
5、质感：
从图片上来看运用效果的地方比较少，但是还有有两处地方。
那就是扁平的同心圆跟轻投影质感的曲线做了对比，而且投影做的很轻，并没有产生脏脏的感觉。
曲线上的蓝色节点和藏蓝色曲线经过投影效果，给整张图片添加了一些生动活跃的氛围，让图片显得不呆板，同时又增加了亿点点小细节。
通过这样一对比，立马将整副图片从二维视角拉到了三维空间，就像把曲线摆在你眼前，产生了纵深感。
难怪我就说为什么我舍不得删掉这张图片，原来有这么多小细节。好了，研究完了，退下（shandiao)吧
总结：
在日常生活中，我们还是要养成第一眼看到好的图片记得保存下来的习惯，不管是拍照还是截屏，拿回家研究研究，每天给自己增加一（亿）个小细节，必要时候可以记好笔记，要考。
本篇文章也是个人干饭后的闲谈思考与记录
欢迎大家留言给出意见和建议
相互学习交流，一起成长进步
Salut ✌️
不介意的话，点个赞再走吧～
