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

用户头像
深圳/学生/4年前/18495浏览
原来就是因为这些细节,导致我的画面不耐看!

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

1.投影的细节

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


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

我们下看投影对比:

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


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

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

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

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

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

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



2.体验的细节

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

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

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


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


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

3.信息层级的细节


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


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

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


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

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

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

再看一张ins的:

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


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

总结


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


338
阅读原文
|
举报
|
374
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】美妆icon
我的钱包-UI界面设计-app
盲盒APP UI设计
【新年UI图标】美食icon
手表表盘UI系列
钱包ui模板
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】30个图标
UI通用设计素材1
新拟态风格 UI设计组件库
UI_3D图标火箭炮<新春促销>
柠檬黄主题UI作品集模版
智能家居中心 简约 UI设计组件库
【新年UI图标】酒店icon
高级表盘系列UI源文件
UI应用平面图标
高级感金属拟物 UI设计组件库
UI 登录界面设计模板包
【新年UI图标】珠宝icon
科技医疗透明柜UI界面设计
【新年UI图标】家具icon
拟物风质感写实UI卡片合集源文件
Security Camera UI kit
UI界面 组件
你可能喜欢
相关收藏夹
大家都在看
登录注册