所有分类
  • 所有分类
  • VIP素材
  • APP模板
  • 图标
  • 插画
  • 样机

优化教程 | 没想到,改完以后的画面真的好了许多!

改稿优化是最能学习到知识的,今天我们就改稿一个详情页的产品排版图,你可以学到 主文案的排版、图标的点睛之笔的亮点以及其他一些技巧说明分析;设计学习,自我主动分析很重要,快来分析学习吧!

小可爱们,我这边每周会定时更新插画、排版设计、UI设计等相关推文,大多都是干货教程类的文章;有事没事来我这逛一逛哇;
设计路上在学习,永不停歇,我们一起加油~

 

图片

作业问题

我们先来看一下有哪些问题:首先就是模块和首屏的叠压不是很好;文案图标的处理不是很好,给人一种拥堵不整齐的感觉;图片可以做一些简单的处理手法,使其更加灵活。

图片

 

第一步

我们先将下方模块和首屏之间拉开距离,之后填充同色系的蓝色作为最下方背景的颜色,之后将图片上方饱和度提高,再把产品和模块边缘处进行抠图,做出破图的视觉效果,复制多个泡泡增加画面的氛围。

图片
 

第二步

将文案简单编排拉开间距放到画面当中,这里注意一下原稿的图标信息我没有放在文案组下方,当我们文案很多的时候不要都放在一起,应该学会合理的分配空间。

图片

 

第三步

这里我另起了一个模块和当前模块进行连接关联,有些小伙伴可能感觉不是双数的图标很难做的规整,其实大家应该换个思考方式,先把图标规整的排列后,空余的负空间可以通过哪些元素进行填补。

图片

 

添加装饰线条增加细节,并对图标部分线条进行替换颜色的处理,处理好整体的细节画面就改好了,我们一起来看下前后的对比吧!
图片
相较于原稿,优化之后画面看着更加清爽干净,画面的透气性也好了许多,整体画面的质感提升了许多。  
 
原文地址:
三个小美工(公众号)  
作者:Three  
 


 

本页地址:https://www.uime.cn/29826.html; 所有素材与文章均来自于互联网,经网友投稿后发布,如有侵权,请联系 99898566@qq.com。如果下载失败可提交工单哦。
0
分享海报

早鸟限时特价,年会员半价,限量1000份哦

点击购买

没有账号?注册  忘记密码?