看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
头发差点薅完了,终于是把这个页面优化好了!!!
菜心轻量文
深圳
/
学生
/
1年前
/
4504浏览
版权
私信
关注
头发差点薅完了,终于是把这个页面优化好了!!!
菜心轻量文
关注
今天来做的这个页面,光是一开始就薅了好久的头发
这个页面的最初版长这样:
收藏
最后调整为这样:
收藏
到底为什么要做这些改动呢?
收藏
大概为了以下几点:
1. 当画面中有很多亮色时,需要有黑色压下去
2. 彩色里融入无彩色,画面会更好看
3. 使层次更丰富
4. 带有透视角度的物体,运动感更强
除了这几大点之外,过程中还有一些细节小点,接下来分享给大家
01 当画面中有很多亮色时,需要有黑色压下去
不知道大家留意过这类的设计风格没有,他们在页面中运用了很多明度较高、饱和度较高、较亮眼的颜色
收藏
为了能压住页面,也都用了一块面积的黑色,不让整个页面显得很轻、很浮。黑色的文字和图标也是起到这样的作用
收藏
当然黑色面积也不一定非得用在按钮上,比如:
插画、图片上
收藏
背景里:
收藏
总之,思维不局限在一定要加个黑色按钮,各种地方都可以,只为了服务于画面更加平衡和美观~
所以回到我们做的页面,尝试直接把卡片变成黑色的,或者在头部加个黑色背景试一下
收藏
02 彩色里融入无彩色,画面会更好看
Icon 里融入黑色面块:
收藏
背景改成灰色:
收藏
03 使层次更丰富
现在卡片的层次大致分为三层
收藏
在此基础上,尝试再加一层,让金币从画面中凸出来。
这样使头部卡片更丰富、在页面中更强调
收藏
这样看着比较合适,我们再把金币的风格跟页面调整统一
收藏
04 带有透视角度的物体,运动感更强
现在的金币是扁平的,不太像金币,更像贴纸,扁平的拍在画面上。
当加入一些侧面,变化就很明显:
· 能够丰富金币插画的层次,看着更精致
· 也让金币更像是立体的,像在往画面里飞
收藏
最后一点调整
1. 将线条处理为断线:
收藏
2. 调整卡片纹理
卡片纹理依旧用以前的还是有些琐碎了,所以将纹理调整的更整体,再用一些较细的线和元素进行点缀即可!
收藏
3. 标题点缀绿色高亮,丰富页面
收藏
总结
纸上得来终觉浅,绝知此事要躬行
现在眼睛学会了,遇到相关案例,就用手去尝试下吧!
123
举报
|
声明
113
分享
原创文章
UI
平面
相关推荐
换一换
用了3年AI,终于知道怎么去掉AI味!!!
434
菜心轻量文
100块一张界面,还要我有设计亮点,你们遇到过没?
27
菜心轻量文
真没想到,我一个没有绘画基础的设计师,今天也能做这种海报!
55
菜心轻量文
我要转行吗?我看一个实习生用ai几分钟就做一个海报,效果还不错,我迷茫了!
42
菜心轻量文
千万别点进来看,这种AI过程让你看到了,你有可能会超越我!
60
菜心轻量文
关注
设计文章
20
Gssssss
拿到面试题,我傻眼了,让我做光影视觉,我没练过啊!
40
菜心轻量文
其实你的作品已经很好了,就差一点点比例,3年了,你却没有发现!
43
菜心轻量文
会员精选
手写字 · 《梵高经典作品》
14
字言其说
推广
一个资产中心界面,能有这么多细节,确实能看出来大厂设计师的功底!
48
菜心轻量文
疯传 1300+次!这套葱鸡 IP 设计我藏了半年的野路子全公开,学会直接接单
69
菜心轻量文
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
换一换
【面团仔】闪味披萨IP形象设计——子非乌鸦
142
子非乌鸦
全价猫用主食冻干|包装设计 品牌 宠物 猫 主食
154
DXD_studio
近期作品合集(AIGC&3D)
281
冰菓Cream
KAILAS FUGA | DU MONSTER
293
DIGNOISE底噪
生活剧场:美好生活的插画长卷
217
业余的Sylvia
爪财进宝
282
didaso
相关收藏夹
换一换
关注
设计文章
20
Gssssss
关注
UI
2
快乐小狗8
关注
ui
1
justwe啊
关注
版面优化
1
Z775903781
关注
教程
易水yishui
关注
长知识
柠萌萌l
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
设计.
设计】
设计
设计、
设计
#设计#
设计,
设计
🤮设计
设计‘’
is设计
设计‘
设计
设计。
#设计
if设计
an设计
@设计
设计 、
设计/
设计|
设计’
a设计
AS设计
by设计
设计in
in设计
it设计
、设计
设计
#设计
#设计
设计#
#设计
设计
的a
的.
的
登录注册
99+
登录即可同步推荐记录哦
99+
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享