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

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

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


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

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

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

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

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

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

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

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

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

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