手机
当前位置:查字典教程网 >网页设计 >心得技巧 >阿里巴巴中秋logo结合网页的设计过程
阿里巴巴中秋logo结合网页的设计过程
摘要:先想创意,再画草图,接着鼠绘,最后做成flash动画。这是我的习惯流程。这是想到中秋时,我第一时间内能浮想出的图像:大意是嫦娥奔月,带去了人...

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

阿里巴巴中秋logo结合网页的设计过程1

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

阿里巴巴中秋logo结合网页的设计过程2

阿里巴巴中秋logo结合网页的设计过程3

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

阿里巴巴中秋logo结合网页的设计过程4

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

#p#

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

阿里巴巴中秋logo结合网页的设计过程5

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

阿里巴巴中秋logo结合网页的设计过程6

阿里巴巴中秋logo结合网页的设计过程7

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

再画草图找感觉:

阿里巴巴中秋logo结合网页的设计过程8

阿里巴巴中秋logo结合网页的设计过程9

这下我自己,也可以说比较满意了,可老板….

不愧是老板,在旁边弄了一点城市夜景,加了一点桂花,整个画面马上又上加了分,我再精细处理了一下,结果很有空间感、临场感,很漂亮。

穿过这385像素宽,67像素高,25795个像素组成的小小一块图像,整个天空和大地尽收眼底,城市的喧嚣仿佛已远离,桂花的香味扑鼻而来,自己就在阿里旺旺身边……

阿里巴巴中秋logo结合网页的设计过程10

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

阿里巴巴中秋logo结合网页的设计过程11

【阿里巴巴中秋logo结合网页的设计过程】相关文章:

Tudou.com首页网页设计的制作方法

插图式的网站主页设计 网站设计新的趋势

高效导航设计三原则 网页设计师必知

水平滚动的网站设计 小结

网页设计中的弹窗与浮层的设计

网页设计教学或学习计划

创业公司精雕细琢的17个优秀网页设计

网页设计中的6个小技巧分享

网页内容的浏览设计方式探讨

面向未来的全方位Web设计:渐进增强

精品推荐
分类导航