细节

pt与px对照

1 背景融入渐变  由上至下得将氛围层过渡到背景层,两者融为一体后,页面细节就会提升很多。对内容的干扰也会弱化。(例如我的持仓)

2如果只有背景层和内容层。这时候,如果不作任何处理,整个页面的背景都是浅灰色。看着非常压抑和粗糙。可以在头部加入由白至完全透明的渐变色,提升页面的细节。这样既让头部看起来干净清爽,又不影响卡片的视觉划分。

1我的持仓


2压抑和粗糙
2顶部白至完全透明的渐变色

3同时可以选择在背景黑白灰底板上加上色彩倾向,黑白灰基本上都会加上蓝色倾向 也可以加上主色的色彩倾向,中性色有了色彩倾向后,色彩会呈现更细腻的细节,而且传达出活力感,大幅缓和了中性色原本的沉闷死板。

3加入了色彩倾向

4使用网格布局包括栅格化处理    卡片使用了网格布局,所有元素的间距都基于一个数(4)的倍数递增。这种内在的细节,让卡片版式更严谨和秩序,所以阅读更有节奏。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容