当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 阿里巴巴中秋logo结合网页的设计过程

心得技巧
网页设计师学习网页设计的经验和技巧小结
10个优秀的 Web UI库/框架
40个CSS/JS风格和功能技术处理
最佳网页宽度及其兼容实现方法
让你了解HTML及资源是如何加载的
flex程序Firefox下中文输入乱码的bug
网页制作常用英文字体
在iframe框架中打开页面的方法
企业网站与栏目字典 中英文对照 做中英双语企业网站的朋友需要
前端开发大众手册(包括工具、网址、经验等)
iframe在IE6下出现横向滚动条的解决方案
IE6中奇数宽高的BUG
IE6中PNG Alpha透明(全集)
交互设计理论:良好的交互设计的三要素
互联网产品设计:启发式评估
B2C网站用户体验设计:Checkout(结帐流程)设计
40个2010年网页设计趋势单页布局实例
讨论基于B/S架构开发项目的原型工具
用户体验设计:UED设计流程和方法
网页设计参考:23个出色的蓝色系网站设计

心得技巧 中的 阿里巴巴中秋logo结合网页的设计过程


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 121 ::
收藏到网摘: n/a

先想创意,再画草图,接着鼠绘,最后做成flash动画。这是我的习惯流程。

这是想到中秋时,我第一时间内能浮想出的图像:大意是嫦娥奔月,带去了人间美食——月饼。近景有桂花,远景有圆月和里面的琼楼玉宇。在衣服褶皱的处理上,花了一些功夫。当然,我觉得这不失为一幅美丽的图像。但是美丽是不够的,所以马上又做了下面的一张草图:大意是,中秋到了,阿里旺旺团聚了。一家三口在草地上一边赏月一边吃月饼,小旺对圆月非常的新奇,孩子气十足,一家子其乐融融。这幅图像虽然不及第一幅的美,但是它适合。因为第一幅可能放在什么网站上都能用,但它却是非常适合阿里的。OK,一全面一适用两套方案,找老板过目去,英明的老板定下第二套:)

手绘和鼠绘,确实有不一样的地方。鼠绘我可以做得再精致100倍,但是手绘那种线条感和随意感,在精致中丧失了,我认为在以后的作品中这一点要做改善。

合成到“环境”中,夜晚的感觉比较少。夜空肯定是要融入到网页的白色背景中的,怎么融的好看,又有夜晚的感觉呢?

我一下子找不到感觉了,于是拿起铅笔,用笔和纸来找回感觉:

这张草图,为了找回夜晚的感觉,把阴影加强了,特别是头部的明暗交界线被夸张的加强。取景角度稍微右移了一点,加大了两个阿里旺旺的重合程度。重画真的很烦,于是还是在原来鼠绘的基础上改。

很可惜,问题还是没有很大的改观。老板已经开始怀疑我的专业度了……老板,我真的是学油画的。
再画草图找感觉:

这下我自己,也可以说比较满意了,可老板….
不愧是老板,在旁边弄了一点城市夜景,加了一点桂花,整个画面马上又上加了分,我再精细处理了一下,结果很有空间感、临场感,很漂亮。
穿过这385像素宽,67像素高,25795个像素组成的小小一块图像,整个天空和大地尽收眼底,城市的喧嚣仿佛已远离,桂花的香味扑鼻而来,自己就在阿里旺旺身边……

最后还有一点,中秋节是9月14日。但是我们8日就上这个logo,不过8日的时候只能看到一个月牙。在14日,月亮才变成圆月,同时小旺也来了,之前要上学做功课,没来,现在中秋放假了,它兴奋的对它的爸爸妈妈叫着什么,这时桂花也开了,随风飘洒,一家人陶醉在这幅景象之中……