手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >MenuEverywhere 程序图标设计思路及流
MenuEverywhere 程序图标设计思路及流
摘要:本例介绍MenuEverywhere程序图标设计思路及流程,主要运用3DsMax建模,在Photoshop中绘制图标并进行细节处理,教程没有...

本例介绍MenuEverywhere程序图标设计思路及流程,主要运用3Ds Max建模,在Photoshop中绘制图标并进行细节处理,教程没有讲解如何运用软件,主要介绍了图标的设计图思路,希望能给做图标设计的朋友带来帮助~~

MenuEverywhere 程序图标设计思路及流1

MenuEverywhere 是Mac OS X上的一款小程序,前一阵刚为其完成了程序图标设计。

© 2011 IconMoon & Binary Bakery Software

创作目标

Binary Bakery Software出品的这个小程序主要是用来给每个窗口都增加一个Menubar,方便在显示器或者窗口很多,不容易找到osx原始菜单栏的时候能方便用户去选择菜单栏里选项。客户希望能突出软件的主旨-菜单,并且能够增加一下用户对真实使用环境的视觉映射

创作过程

为了让图标看起来更有一点冲击力,我选择了比较大的透视角度,所以为了保证透视准确使用了3Ds Max先建了个简单的模型。

MenuEverywhere 程序图标设计思路及流2

当造型OK之后开始在Photoshop里面重绘,首先是底下的盘子

MenuEverywhere 程序图标设计思路及流3

给这个盘子加了一点金属质感。

MenuEverywhere 程序图标设计思路及流4

然后按照客户的点子,在底盘上上加入了紫色光芒射出的感觉,主要是为了和Mac系统默认桌面的视觉风格产生映射,给用户菜单可以在桌面上直接弹出的感觉。

MenuEverywhere 程序图标设计思路及流5

然后是加强了光芒,增加了一些颜色的变化

MenuEverywhere 程序图标设计思路及流6

菜单显然是这个软件和图标的主体,所以在横切面上稍微做了点文章希望加点细节。

MenuEverywhere 程序图标设计思路及流7

然后为了让菜单看起来更融入紫色光芒的感觉,又加了一些紫色的光照效果和程序默认菜单的一些文字。

MenuEverywhere 程序图标设计思路及流8

比起3Ds Max里建模的版本,鼠标的位置做了改变,让他看起来更大,角度更正

MenuEverywhere 程序图标设计思路及流9

然后在点缀了一些“点点星光”之后图标就完成了!

MenuEverywhere 程序图标设计思路及流10

最终效果

MenuEverywhere 程序图标设计思路及流1

【MenuEverywhere 程序图标设计思路及流】相关文章:

20款激励人心的设计语录海报

UI实时动态设计技巧

登录表单设计的新思路

为你的响应式设计提速

响应式导航有哪几类设计方式?

值得每个设计师阅读思考的深度剖析文

移动应用“快”体验设计方法

Windows8应用程序设计是什么样的

20个以羚羊为元素的标志设计欣赏

应该知道的UI动态设计规则

精品推荐
分类导航