当前位置: 首页 >文章 > 拯救手残!设计没细节的救命3招!有图有X相
收藏
分享

拯救手残!设计没细节的救命3招!有图有X相

举报SkySky发布于 2021-04-29812阅读1点赞
今天的产品设计就是由这些无数的小细节组成的,希望大家的每个设计都是经得起推敲,成为一个思维有格局,设计输出有技巧,成为你身边那个最厉害的人。...


细节决定成败,今天很多设计商业模式,设计方式,以及设计表现手法都呈现出同质化,如何在同质化竞争下脱颖而出,除了产品上需要创新,商业模式也需要不断创新。其中还有一个很重要的点就是细节的提升,有的时候明明一个页面,精致或不精致就是体现在细节里面,那么今天和大家分享下一些设计小技巧。
 巧用描边让页面更干净 

设计干净利索非常重要,我经常看很多设计师作品集,其中对于细节处理又很不粗心地方,投影要么太大,要么太弱,会导致细节不够干净。



投影过重会让页面看着非常的山寨感,风格会很陈旧。



投影柔和会稍微好一些,但是感觉边缘不够利索干净清晰。



如何变的清晰利索,有两个小技巧,第一个方法是在卡片边缘加一个1px的描边,描边颜色稍微比投影更深一点,这样会让页面投影看着更加清晰。



如果觉得加描边还有点重,那么可以把背景由灰色改为白色,投影不用描边,这样卡片和背景对比也足够清晰。



看看页面中落地效果,左侧是很多设计师设计容易出现的情况,投影过重看着不清晰利索,右边两个方案会更加清晰,边缘锐利。

 通过字重让页面更加精致 



上图这个案例是很多设计师设计稿经常出现的,为什么感觉没那么精致,问题出在哪里呢?仔细分析一下,你会发现问题出在缺乏对比,所有字体的颜色都一样,大小也差不多,信息堆在一起缺乏设计重点。



怎么处理让它看起来更舒服,可以加大标题的字重,同时商品卡片的标题进行弱化,因为用户在这个场景,更关注是物料信息,对于商品看商品图就能一目了然,所以没有必要再去强调商品内容本身,如果什么都重要,那么最后就会变得什么都不重要。



最后来一个效果的前后对比,其实通过文字来突出或者强调层级,不仅仅在界面设计中,在平面设计,海报设计都是大量运用的一个设计技巧,大家可以多看多灵活运用。

 善用叠加来提升图文设计效果 



做电商的设计师对上图场景应该很熟悉,我们在做一个设计,会用到大量白底图,但是在使用时候总是怪怪的,因为图片商品各种形状都有,视觉上无法很好形成对齐,没有达到平衡感。那么这个时候就可以善用一些叠加方法,让设计更加精致。



通过在图片上叠加一个黑色2%的透明度,这样整个图片上就会盖上一层浅浅灰色,同时这个灰色也不会影响图片的质量。页面对齐也会更加清晰,节奏会更好。



最后看看页面中效果,是不是右边加了灰色的底部感觉看起来更高舒服,对齐更加精致。



知名产品Pinterest也是通过这个的方式来处理白色照片的,在图片上叠加一层黑色透明度的灰色,整体宫格对齐更加的规范。

以上都是一些很小的细节,但是今天的产品设计就是由这些无数的小细节组成的,希望大家的每个设计都是经得起推敲,成为一个思维有格局,设计输出有技巧,成为你身边那个最厉害的人。

 

本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号: 我们的设计日记


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩20天43人已报名
【5月】零基础手绘插画训练营
距离开班仅剩20天18人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩37天6人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了45,165
并提交了237份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证