帮助设计师提升设计细节的几个技巧

2021-03-17
3843
0

细节决定成败。如今,许多设计商业模式、设计方法和设计绩效方法呈现同质性。如何在同质化竞争下脱颖而出,除了产品创新,商业模式也需要不断创新。其中重要的一点是细节的改进。有时很明显,一页纸是精致的或不精致的。所以今天,我将和大家分享一些设计技巧。

 

巧用描边让页面更干净清晰

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

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

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

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

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

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

 

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

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

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

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

 

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

 

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

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

 

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

 

最后

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

以上就是今天分享的内容,我们下期再见~

转载声明:本文来源于网络,不作任何商业用途

 

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
王氏教育是国内专业的CG数字艺术设计线上线下学习平台,在王氏教育,有原画、插画、漫画、影视、3D模型等培训课程,也有学习资源下载、行业社区交流。CG数字艺术学习,来王氏教育。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
王氏教育 王氏教育