原来就是因为这些细节,导致我的画面不耐看!

Recommand
深圳/学生/3年前/18379浏览
原来就是因为这些细节,导致我的画面不耐看!Recommand

今天和大家分享3个小细节:投影的细节、体验的细节、信息层级的细节。

1.投影的细节

今天和大家分享一个关于投影的案例,我们看下原作的投影效果:


下面这是一位同学临摹的:

我们下看投影对比:

临摹的投影比较糊且只有一层,没有层次,原作的投影是有两层的,且里面那层还有一个虚实细节。


我们用一个简单的效果讲一下原理,首先我们外层的投影,不能太实:

要稍微虚一点,比如这样:

第二步,我们加里面那层投影,会稍微实一点:

而里面那层为了更符合实际,也可以加一个虚实,让外边的部分淡一点,里面的部分深一点,其实就是加个透明度的渐变:

这样我们再把里层投影加入进去,就会比之前更有层次:

效果还是非常明显的,希望大家可以多多尝试多多练习!



2.体验的细节

应该有很多朋友做过提现的界面,提现需要一个流程,很多流程是这样的做的:

其实也没什么问题,状态区分的也算明显,但我们可以看下微信的视觉体验:

当前状态与非当前状态区分非常大,这样可以让用户一眼就看到自己所处的状态,很明显。


除此之外,我们再看另外一个状态页面:


这个细节之处在于,他区分了已完成和处理中的状态,已完成是绿色,处理中是蓝色,这样可以给到用户更准确的心理暗示和预期,算是非常细节了,大家可以参考参考。

3.信息层级的细节


这个案例之前分享过,因为案例比较典型,所以再和大家强调一下,主要是信息层级的细节。


举个简单的例子,比如下面这段信息:

会不会觉得有点混乱?混乱的原因就是主次没有区分开,第一重点信息是照片,但我觉得照片还不够大,很多都做成全屏的。


再比如,文案和点赞评论层级没有区分开:

但是我们看一些优秀的案例:

“标题文案”视觉很明显重于“点赞评论区”

再看一张ins的:

也很明显,“点赞评论区”重于“信息文案区”。


主次对于界面来说非常重要,只有主次做好区分,才能保证基础逻辑是ok的。

总结


好了,以上就是今天和大家分享的几个小细节,细节需要多体验、用心观察思考,当然再来点实战那就更好了,么么扔!


336
阅读原文
|
Report
|
374
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
学习用
学习用
学习用
学习用
作品收藏夹
学习
学习
学习
学习
作品收藏夹
知识合集
知识合集
知识合集
知识合集
作品收藏夹
设计思路教程
设计思路教程
设计思路教程
设计思路教程
作品收藏夹
教程
教程
教程
教程
作品收藏夹
画面细节
画面细节
画面细节
画面细节
作品收藏夹
大家都在看
Log in