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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
震撼的MBE风格图标设计教程【从构思到教程一一为你分解】
0.0°
2016-12-29 好文转载 经验/观点 原作者: 海淘科技 举报 2460 1 4 0

01.设计构思 

做UI设计必然得追点时髦~就那这图标来说吧,从写实到扁平在到长投影,变化无穷啊。不知道何年何月一种叫做MBE风格的图标横空出世~~~看几个例子!学会分析成熟的作品很重要,通过以下三个图...  

Image title


学会分析成熟的作品很重要,通过以上三个案例我们来总结一些MBE风格。有明显的描边效果、描边有不规则的断线处理、填充色和描边造型有些错位效果、背景有些小元素烘托氛围。OK!够了够了!也就这么多了~我们不想临摹,但是你要学习。找点你喜欢的题材开始!

02.形体概况

选择一把你喜欢的,开始。我用的AI矢量软件,所以文件的大小其实没所谓。选择最基本的矩形工具,把实物概括成最基本的几个基本型!注意是概况!还有描边粗细的控制!  

Image title


03. 造型优化 

造型是一切的根本!所以一定要尽最大努力,努力,努力的去优化造型的美感!没有捷径就是多练习,注意高光区域的线条提炼方法哟~而且内部填充是空白效果为了下一步上色做准备。

Image title


04. 色彩搭配  

开始上色咯~复制一个形状,在现有图层下方新建一个图层(个人习惯方便观察),然后原位置粘贴Command+f,在调整一下位置,要填充颜色不要描边。在利用路径查找器把多余的部分剪切掉。  

Image title


以此方法类推!把其他颜色做好,注意错位留白位置的统一!多尝试几种颜色,视觉永远不要只停留在脑海中!把她们做出来。   

05. 细节造型 

关键点meb风格的精髓!断线,利用剪刀工具在路径上做些不规则的修剪效果。大功告成! 

Image title


06. 氛围营造

略有单调对吗?那就在加点东西吧~随便什么三角、圆。 meb就是如此简单。 

Image title

Image title

Image title

Image title

Image title

Image title





更新:2016-12-29

收藏

1人已收藏

上海海淘科技

海淘科技,国内先进的网站建设服务商

  • 65

    作品

  • 124

    粉丝

  • 7

    关注

  • 电商页面设计色彩搭配大盘点,快来拿
  • 怎样做APP界面视觉改版,这简直太神了
  • 原创教育网站设计作品
  • 最新的地产网站制作案例

    猜你喜欢

      2016-12-29 好文转载 经验/观点 原作者: 海淘科技 举报 2460 1 4 0

      震撼的MBE风格图标设计教程【从构思到教程一一为你分解】

      0.0°

      你确定要举报震撼的MBE风格图标设计教程【从构思到教程一一为你分解】

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2016年12月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      1
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录