UIRSS.com UI聚合,聚合你我 - UI设计专业媒体和信息交流平台 - 人机交互 - HCI - 界面设计 - UI Design - 图标设计 - Icon Design - 交互设计 - HCI Design - 软件界面 - 人机界面 - 以用户为中心的设计 - 可用性 - 教程 - UI设计教程 - UI 设计 教程 - UI Design Tutorial - UCD -
 
首页
Home
设计鉴赏
Design Gallery
新闻中心
News Center
学习教程
Tutorials
网友作品
Submittions
下载专区
Downloads
 
  学习教程 - 图形设计 -
  ID: Password:   注册   找回密码 Search:
如果您有好的新闻线索请发上来和大家共享!
要是发现好看的设计,别忘了也发上来哦!
新闻及意见联系邮箱: AdminCenter[at]UIRSS.com
官方QQ群:1081792限量开放 (请先将个人作品发送到AdminCenter[at]UIRSS.com提出申请)
热门教程  Tutorials
  [理论] 一些非常不错的国外UI网址集锦
  [图形] PS“新视觉”风格的Logo
  [图形] Impossible GUI ...
  [图形] Vista包装风格的光束制作
  [图形] 三条设计准则
  [理论] 网页设计者值得一去的地方
  [图形] 如何产出高质量的图标 Wind...
  [图形] 质感高光-技巧设计教程
  [图形] Office2007新用户界面...
  [理论] UI设计师和视觉设计师的区别

Disco图标设计流程
From: JJ.Ying 译     Author: UIRSS.com     Posted by: maxdison     Editor: maxdison     Time: 2006-12-24 12:52:41    
前言:
Disco是一款用来拷贝光盘内容的软件,也可用来进行简便的刻录工作,并且也具有其他多项功能。

我一直希望Disco只是个内部开发代号,但随着工作的深入,这个名字逐渐确定下来,它确实能很好的表现出软件使用起来的“愉悦性”。但这个特别的名字却给软件图标的开发带来的一点难题。

这个有些落伍的名字让人联想起舞厅镜面球,那些色彩斑斓的光线之类的场景。曾经我们也打算要更换名字,比如换成Inferno, AfterBurn之类能够直接表义的,可以方便创建视觉现象的名字,但那些形象太过直观,可能反而产生不了有趣并且特别的效果。毕竟类似“碟片+火”这样的图标已经太多了~

显然,为软件挑选一个合适的名字不是件轻松的活,但我想可能很多开发者都并没有意识到其重要性。取名需要兼顾的问题非常多,比如所取的名字以前应该没有用到过,不牵涉版权问题等等。选择一个既令人印象深刻又有一定描述性的名字是最好的选择,但却并不容易做到。

回到图标的话题上来,综上所述,我打算为Disco创作一个不同寻常的图标,也算是对自己的一次挑战。

在决定最终名字之前我就画了一些草图,这个最初版本兼顾了名字和软件的功能。一般我只关注功能性,但这次我不得不在图标中表达出Disco这个名字。



基本上这个图标就是舞厅球加火焰的组合,我找来我的朋友,Hugo van Heuven帮忙创建了一个简单的3d模型来作为图标的基础。他所做的模型非常逼真,并且渲染了十几种不同打光方案使我可以在此基础上进一步绘制图标。

3个月后的一次法国之旅中,我终于开始进行图标制作的最后部分。期间我进行了多次试验,希望创造出一些逼真的火焰效果,但都不太理想。同时,我也对火焰的伸展方向做了点研究,我希望使它看上去更生动并且有一种紧紧裹住球体的感觉。我花了两天来不断调整火焰的形状,最终决定使用3束火焰。



因为我不希望使火焰看上去是传统的红/黄/橙,所以尝试将其质感表现成类似塑料的感觉,这也是受了Speed Download软件图标的启发。在深红和纯黑色的火焰当中,我最后挑选了黑色作为火焰的基调色,因为这样可以使图标和黑/白风格软件界面相匹配。


这个就是最终成品了,一个让人感觉非常有动感的黑色图标。即使在小分辨率下依然保证了不错的识别性。另外,独特而简洁的形状也便于创建双色标识以用在印刷品,网站等其他场合。我尤其喜欢在使用简单形状的时候这个图标仍能表现出超出我想象的不错的效果。



图标是Disco软件产品标识的一个重要部分,但却不是全部,如今在Mac软件领域,成熟而完善的界面设计已经越来越重要,当然,我们并不提倡把全部精力都放到创建美观的界面上,对于任何软件来讲,易用性应该永远是首先考虑的。在Disco软件的开发过程中,我们在不断加入新功能的同时也非常注意保持操作流程的清晰明了。

后记:有些朋友问起为何这个图标“那么小”,事实上他的尺寸和其他图标上是一样的,只是比起那些纯圆形或方形的图标来说稍微小了一点。
版权声明   
Print   Back  
专家点评  VIP Comments
暂时没有专家点评!
网友评论  User Comments
fireman 今天圣诞节,楼主辛苦了,哈哈,好文章哇~~ 2006-12-24 23:48:53  
WithWind GOOD,我喜欢 2007-6-24 9:53:03  
发表评论  Add Comments
ID: *
Password: # 游客不需要填写. If you are a guest,keep it blank.
Website:
Security Code:
Content:
     
     
     
     
     
     

声明:网友评论仅代表个人观点,与本站立场无关,如果在评论中发现有任何反动,色情,暴力,诽谤,广告等信息,请即时与我们联系,我们将立即予以删除.
Pronouncement:All comments express the views of the author but not UIRSS.com.If you find any comments which are deemed as abusive,obscene,vulgar,hateful, slanderous,threatening,or which are otherwise in volation of any laws,please contact us.We will remove them as soon as we confirm them.
合作伙伴 visionunion MOP视觉 极限风筝论坛 图标海 CGFINAL 富图摄影 视觉联盟 RGBCN 设计之家