发新话题
打印

1983 Sunflower 网站(交互性强,含源码下载,动画效果全由Actionscript完成)

1983 Sunflower 网站(交互性强,含源码下载,动画效果全由Actionscript完成)

具体的效果请访问
1983 Sunflower  http://www.sunxiao.com.cn

源码下载

春节时忙着做一个网站,名称是1983 Sunflower。这网站是给一个朋友做的,做为春节礼物。这些天她都在找工作,希望这个网站对她有所帮助。GOO LUCK!

接下来我说下网站设计的思路吧。

01.主题与素材
网站的主题是1983 Sunflower。它是属于个人网站类。素材定要与Sunflower(向日葵)相关,所以上网去找向日葵图片。刚开始时用“向日葵”关键字搜索,没有找到合适的图片。改用”Sunflower”在GOOGLE上搜索,终于在海量的图片中找到理想的图片。

02.配色与标志设计
向日葵是黄色的,所以我选择了暗青色与桃红色。为什么呢?因为在色环上,这三种色是一种组色(组色是指在色环上距离相等的3种色)。背景色选黑色,在黑夜中生成的向日葵更坚强(呵呵)。


Color Loop



标志的设计主要是从主题入手。我就从数字1983上做文章,把每个数字的图形各切了一半(1切右边,9切左,同理切83),然后两两组合,最终的图形就是标志了。颜色就选上述的3种色与白色。

Logo




03. 布局
布局之前就要选好主元素。这里的主元素是标志,向日葵,版权信息,加上个Mp3播放(她比较喜欢听歌n_n)。为了突出向日葵,就把它放在最中心,标志放在左上角,Mp3播放在右上角,版权信息放在最下方。这样就组成了一个以向日葵为中心的稳定的三角形结格。菜单也要与向日葵,所以菜单分布在以向日葵为圆心的圆上。如果想美化可加上一些辅助元素.

Layout



04. 动画
主菜单、次菜单和各版块的出现与消失的动画也是要围绕着向日葵来表现的。
主菜单的出现是从向日葵中心飞到边缘,消失则相反。次菜单和各版块的出现是从向日葵中心的背后出,飞到向日葵的四周,然后才飞到向日葵前面相应的位置。

心得:通过做这网站学会了如何运用FLASH的“项目”来管理复杂的文件结构。

Project



具体的效果请访问
1983 Sunflower  http://www.sunxiao.com.cn

源码下载

[ 本帖最后由 Afeila 于 2007-3-4 12:07 编辑 ]

TOP

发新话题