这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!

用户头像
深圳/学生/8小时前/357浏览
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!
设计出的界面没问题,但客户和用户都觉得不满意?
这个问题好解决,只需几步立马让用户从觉得“能用” 变成看着舒服、愿意认可。
老规矩,我们看案例,先看原界面:
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!(图ZMTU5ODE5MTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
再看看优化过后的界面:
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!(图ZMTU5ODE5MTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
接下来就讲讲界面视觉优化的落地思路。
01 界面太平,调整节奏
我们给界面信息添加模糊,会发现文字信息比较乱,强弱对比没拉开,界面有点头轻脚重的感觉。
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!(图ZMTU5ODE5MjA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
我们调整一下节奏界面:
  1. 个人信息增加字重
  2. 其余信息白色+深底色,减弱阅读性
  3. 个人信息与二维码分为一个版块
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!(图ZMTU5ODE5MjQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这样界面的主次分明,节奏也有了,那就是增加界面的精致度了。
02 优化卡片细节
Step1 给卡片做点小细节
给卡面形状添加小细节,让其像折叠的邀请帖,再给重色卡片加一点渐变,增加设计感。
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!(图ZMTU5ODE5Mjg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
Step2 给卡片上质感
让卡片增加层次感,可以给白色卡片添加毛玻璃质感达到叠加效果。
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!(图ZMTU5ODE5MzI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
为了增强其质感效果,可以通过加一层内阴影增加玻璃圆润的厚度。
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!(图ZMTU5ODE5MzY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
再在卡片下方加个稍暗一点图层模糊的阴影,既衬托玻璃的反光,又拉开与背景距离感。
这样卡片细节加完了,我们放入界面看看效果了。
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!(图ZMTU5ODE5NDQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
Step3 背景拉渐变
最后统一下风格,我们给背景拉一个同色系浅色渐变。
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!(图ZMTU5ODE5NDg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
最后,我们来看看前后对比吧。
这种普通界面,谁来也做不出设计感啊,这老板真是不懂设计啊!(图ZMTU5ODE5NTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
以上就是我们如何从观感粗糙的界面逐步打磨精致界面的设计小技巧。
学会了,点个赞吧~
1
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI 登录界面设计模板包
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】钱包icon
【新年UI图标】会员icon
我的钱包-UI界面设计-app
新拟态风格 UI设计组件库
手表表盘UI系列
【新年UI图标】礼物/活动icon
【新年UI图标】旅行icon
户外旅行飞机情侣假日出行
Security Camera UI kit
高级表盘系列UI源文件
新能源APP应用UIKit
3D渐变流体抽象矢量UI背景图
3D卡通UI界面图标可爱插画免扣素
拟物风质感写实UI卡片合集源文件
UI界面 组件
科技医疗透明柜UI界面设计
UI通用设计素材1
【新年UI图标】秒杀icon
【新年UI图标】体育icon
智能家居中心 简约 UI设计组件库
【新年UI图标】30个图标
钱包ui模板
你可能喜欢
相关收藏夹
大家都在看
登录注册