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

心得技巧
可用性web表单的设计开发指南
网站颜色论:创建属于自己的网站配色方案
UCD以用户为中心的设计在中国的发展
WEBJX收集25个漂亮的建设中的网站设计
2010年博客blog设计的有趣的趋势
设计参考:不同凡响的网站导航设计实例
为你的web设计增添令人赞叹的元素
表格变填空与冷冰冰的网页对话
设计之处:设计人员面试的博弈技巧
网站不是炫技场,设计要为内容服务
网页设计参考:20个漂亮的网站导航菜单设计实例
优秀设计应该具备的十条标准
视觉设计分析:浅谈信息可视化设计
网页设计师总结的对网页设计行业的感触
GUI设计:让用户快速准确地读懂符号和含义
基于google图表API的jquery组件全攻略:基础入门
交互设计:探讨内容和容器的关系
设计观点:公司中如何推行用户体验策略
设计观点:非设计人员对设计师的左右
网页制作教程:框架、布局、模块、列表和数据块

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


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

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

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

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

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

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

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

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

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

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