莫b

今天和大家分享3个小细节:投影的细节、体验的细节、信息层级的细节。投影的细节我们要注意区分内外层投影、虚实投影;体验细节可以从心理暗示和预期考虑;信息层级要区分主次。

1.投影的细节

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

图片

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

图片

我们下看投影对比:

图片

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

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

图片

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

图片

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

图片

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

图片

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

图片

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

 

2.体验的细节

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

图片

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

图片

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

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

图片

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

 

3.信息层级的细节

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

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

图片

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

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

图片

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

图片

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

再看一张ins的:

图片

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

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

 

总结

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

 

原文地址:菜心设计铺(公众号)
作者:菜心设计铺
图片

转载请注明:学UI网 » 原来就是因为这些细节,导致我的画面不耐看!

登录收藏
 
你可能喜欢的:
辛辛苦苦做的设计,被人说没质感,结果两招就搞定了!辛辛苦苦做的设计,被人说没质感,结果两招就搞定了!
详解|可用性测试,看这一篇文章就够了!详解|可用性测试,看这一篇文章就够了!
这样推广让新客增长更快速这样推广让新客增长更快速
工作经验|如何平衡「设计」与「开发」之间的协作问题?工作经验|如何平衡「设计」与「开发」之间的协作问题?
需求太碎?设计师如何在小业务中提炼价值需求太碎?设计师如何在小业务中提炼价值
我的4条产品设计工作观我的4条产品设计工作观
最近不少人和我说,把这些小细节做好了,可以在领导那里加不少分!最近不少人和我说,把这些小细节做好了,可以在领导那里加不少分!
如何快速胜任新工作如何快速胜任新工作
5年B端行业设计师眼中的“客户需求”与“用户需求”5年B端行业设计师眼中的“客户需求”与“用户需求”
设计师“进阶辅技” —— 高效沟通术设计师“进阶辅技” —— 高效沟通术