恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何在UI设计中制作更好的阴影,我总结了这些经验!
0.0°
2021-01-26 原创文章 经验/观点 举报 1303 20 8 0

通过此快速教程,您将学习如何为卡片,按钮或所需的任何UI控件创建惊人的阴影。


1.不要使用阴影默认值 

使用Sketch,Figma或Adobe XD都没有关系。所有默认的阴影呈现效果都很糟糕。如果要使它们看起来干净现代,请不要使用预定义的设置。



2.使阴影看起来柔和 

漂亮的阴影是柔和的阴影。要改善外观-降低不透明度(10-30%),并设置更高的模糊度(16px-40px)。这立即改善了阴影外观。



3.考虑将阴影创建为带有模糊的图层 

标准阴影样式更易于实现,但是如果您想脱颖而出,请尝试使用模糊作为阴影来制作单独的图层。借助此技术,您将可以更好地控制阴影位置及其大小。



4.使阴影颜色更自然 

纯灰色永远不会看起来很好(纯黑白主题除外)。在现实世界中,所有阴影都具有微妙的色彩。将您的UI中性色调添加到阴影中,它将看起来更好。



5.使材料颜色为阴影 

看一下真实世界中的一些材料,尤其是半透明的材料。它们的阴影继承了对象的颜色。您可以使用这些色调创建该类型材料的图示。看起来很新鲜!



6.从现实世界中激发自己 

以上示例只是一个开始。观察其他物体和材料如何与照明交互。了解他们如何投射阴影–颜色,模糊,角度。卓越的结果始于灵感的火花。



7.总结 

这6个易于应用的步骤将使您的阴影更上一层楼。当您应用简单的技巧,重复并调整它们到您的项目时,您会注意到工作质量如何提高。如果您觉得本教程有用,请与他人分享,以使您的朋友知道如何改善他们的UI!


本期分享结束,感谢您的阅读支持,希望我们的努力,可以带给您更多帮助。


微信公众号:UI范 ,欢迎关注我们


记得点个免费的赞哦,感谢!

 

Powered by Froala Editor

更新:2021-01-26

收藏

20人已收藏

  • 36

    作品

  • 181

    粉丝

  • 3

    关注

  • 作品集样机很丑?这样好看了吧!
  • 比阿里图标库更好用的,9个免费图标素材库!
  • 这些高级UI设计趋势,我不允许你还不知道!
  • 如何去做好响应式设计?

    猜你喜欢

      2021-01-26 原创文章 经验/观点 举报 1303 20 8 0

      如何在UI设计中制作更好的阴影,我总结了这些经验!

      0.0°

      你确定要举报如何在UI设计中制作更好的阴影,我总结了这些经验!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年01月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      20
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录