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

心得技巧
用户需求导致营销型设计
制作网页应该注意的5个问题
网页心得:策划和设计
网页设计:脚本素材重构用户体验
个人看法:谈谈设计
utf8编码网页包含文件时前面有空行的解决
符合设计规范的设计是好设计吗?
网页设计教程(7):提高网页制作效率
论好的设计
网页设计教程(6):要保持设计激情
网页设计要有目的有思路和想法与坚持
网页设计也要先对网站有全面形象定位
网页设计色彩搭配宝蓝色的介绍
yahoo开发的网页评分插件YSlow的评分规则
网页设计教程(2):论摹仿和抄袭
网页设计教程(1):步骤和整体布局
目前流行的界面设计的十条规则
设计理论:以人为本的设计理念
web2.0产品以及功能简单介绍
网站建设的经验总结

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


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

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

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

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

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

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

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

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

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

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