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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
2.5D图标设计
0.0°
2023-09-11 原创文章 经验/观点 举报 332 0 15 0

在产品设计中,图标是一个非常重要的部分。有设计感的图标会增加用户对产品的喜爱度,增加界面的趣味性,而立体化的图标视觉冲击力较强,能够很好的表现设计氛围感。

使用软件:即时设计

临摹用时:1h

设计知识点

通过即时设计的变换功能制作出2.5D的图标,通过简单的角度变换以及透视来进行一个拼合组成立体的图标。

变换功能

是通过创建图形,并对其进行一个分组,然后通过旋转图形的角度对分组进行角度拉伸来获得一定的透视变化,在这个基础上达到视觉上的立体效果。(也可以使用斜切变形插件)在这个过程当中,需要注意透视的一致性,而在变换过程当中使用鼠标拉住四个角更容易变换到合理的角度或是想要的效果。在建立图形并且分组之后需要将图形进行旋转后,然后从分组进行变换。(如果从分组进行旋转并且进行变换是无效的,从图形进行旋转并拉伸角度变换也是无效的)。

元素选择

在元素的选择上,大家可以选择矩形之类的图形,因为立方体更容易增加图标上的细节表现,增加厚度更有利于光影的表达。而在设计过程当中也要结合实际认知而设计,例如金币,卡片都是带有厚度的片形。

透视角度

当我们在设计立体图标的时候,需要使用空间的思维去思考,转换成空间思维就是让其具有立体感和空间感的形体,并且从平面的图标转为立体化的图标时,需要适当的进行简化,一些不必要的内容可以进行删减。因为过度细致的模型可能会在设计过程当中过于复杂显得沉重,减少复杂程度可以提升视觉的简洁性。

临摹效果图



Powered by Froala Editor

更新:2023-09-11

收藏

0人已收藏

  • 44

    作品

  • 3

    粉丝

  • 197

    关注

  • 微软风图案制作
  • Linear 风格网站设计
  • 票务界面设计
  • Vision Pro界面设计

    猜你喜欢

      2023-09-11 原创文章 经验/观点 举报 332 0 15 0

      2.5D图标设计

      0.0°

      你确定要举报2.5D图标设计

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2023年09月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      15
      0
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录