首页 > IT业界 > 正文

如何设计一款MBE风图标

2016-11-18 16:30:39  来源:五维网

摘要:做UI设计必然得追点时髦~就那这图标来说吧,从写实到扁平在到长投影,变化无穷啊。不知道何年何月一种叫做MBE风格的图标横空出世~~~看几个栗子!  学会分析成熟的作品很重要,通过以上三个案
关键词: 图标
  01.设计构思  做UI设计必然得追点时髦~就那这图标来说吧,从写实到扁平在到长投影,变化无穷啊。不知道何年何月一种叫做MBE风格的图标横空出世~~~看几个栗子!  学会分析成熟的作品很重要,通过以上三个案...
 
  \
 
  01.设计构思
 
  做UI设计必然得追点时髦~就那这图标来说吧,从写实到扁平在到长投影,变化无穷啊。不知道何年何月一种叫做MBE风格的图标横空出世~~~看几个栗子!
 
 \
 
  学会分析成熟的作品很重要,通过以上三个案例我们来总结一些MBE风格。有明显的描边效果、描边有不规则的断线处理、填充色和描边造型有些错位效果、背景有些小元素烘托氛围。OK!够了够了!也就这么多了~我们不想临摹,但是你要学习。找点你喜欢的题材开始吧!欧耶~
 
 \
 
  02.形体概况
 
  选择一把你喜欢的,开始。我用的AI矢量软件,所以文件的大小其实没所谓。选择最基本的矩形工具,把实物概括成最基本的几个基本型!注意是概况!还有描边粗细的控制!
 
 \
 
  03. 造型优化
 
  造型是一切的根本!所以一定要尽最大努力,努力,努力的去优化造型的美感!没有捷径就是多练习,注意高光区域的线条提炼方法哟~而且内部填充是空白效果为了下一步上色做准备。
\
 
  04. 色彩搭配
 
  开始上色咯~复制一个形状,在现有图层下方新建一个图层(个人习惯方便观察),然后原位置粘贴Command+f,在调整一下位置,要填充颜色不要描边。在利用路径查找器把多余的部分剪切掉。
 
 \
 
  以此方法类推!把其他颜色做好,注意错位留白位置的统一!多尝试几种颜色,视觉永远不要只停留在脑海中!把她们做出来。
 
 \
 
  05. 细节造型
 
  关键来啦~meb风格的精髓!断线,利用剪刀工具在路径上做些不规则的修剪效果。大功告成!
\
 
  06. 氛围营造
 
  略有单调对吗?那就在加点东西吧~随便什么三角、圆、啦啦啦~ meb就是如此简单咯。
 
 \
 
  UI设计:http://www.ukong.cn/

第四十一届CIO班招生
国际CIO认证培训
首席数据官(CDO)认证培训
责编:chenjian

免责声明:本网站(http://www.ciotimes.com/)内容主要来自原创、合作媒体供稿和第三方投稿,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。
本网站刊载的所有内容(包括但不仅限文字、图片、LOGO、音频、视频、软件、程序等)版权归原作者所有。任何单位或个人认为本网站中的内容可能涉嫌侵犯其知识产权或存在不实内容时,请及时通知本站,予以删除。