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

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

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

1.投影的细节

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


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

我们下看投影对比:

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


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

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

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

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

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

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



2.体验的细节

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

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

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


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


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

3.信息层级的细节


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


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

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


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

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

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

再看一张ins的:

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


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

总结


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


339
阅读原文
|
举报
|
374
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
3D卡通UI界面图标可爱插画免扣素
拟物风质感写实UI卡片合集源文件
Security Camera UI kit
【新年UI图标】活动icon
【新年UI图标】秒杀icon
【新年UI图标】积分icon
盲盒APP UI设计
3D渐变流体抽象矢量UI背景图
科技医疗透明柜UI界面设计
【新年UI图标】旅行icon
高级感金属拟物 UI设计组件库
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
UI界面 组件
【新年UI图标】汽车icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】钱包icon
新拟态风格 UI设计组件库
【新年UI图标】体育icon
高级表盘系列UI源文件
【新年UI图标】礼物/活动icon
手表表盘UI系列
UI通用设计素材1
户外旅行飞机情侣假日出行
你可能喜欢
相关收藏夹
大家都在看
登录注册