(前台设计说明书.docVIP

前台设计说明书 —设计人：马杰 一、平面设计 设计网站的Logo 原设计图： 现设计图： Logo的设计都是采用英文字母寓意的方法 1原设计图中的X是小小的拼音中的第一个字母，而英文small意思是小的，S又是饰品中饰的拼音的起始字母。而采用粉色，是因为粉色代表优雅和高贵的风度，粉色代表青春，粉色表示感谢 ，粉色代表了稚嫩、柔弱、美好的回忆。 2现设计图则是在原设计图的基础上加以改进设计的，还是采用了英文字母寓意的方法，只是将原设计图中的X换为了S，中间增加了连接符，更能体现出小小，而单个S正是饰品中饰的拼音(shi)的第一个字母；现设计图又在原来的基础上添加了图案(铃铛和心)，使Logo和网站能更好的结合起来；现设计图在色彩上摒弃了原来单纯的粉色调，而是采用了黑、白、粉三色，黑白两色为永远不变的流行色，使其在原来的寓意上增加了一种流行的意思，这也表明了我们网站的饰品时刻保持着青春、高贵、优雅、流行，同时感谢广大用户对我们网站的关注和支持。 设计网站的banner 原设计图： 第一个： 第二个： 第三个： 第四个： 现设计图： banner的设计都是对已存在的图片加以修改，使其适合网站的风格 1第一个banner以白色为主要的色调，图片中心以长方形圈出一片区域添加图案，又运用PS对原有的图片进行了处理，在长方形区域中添加了一对白色耳环，在白色的部分添加了文字说明。 （后因与网站风格不符而舍弃） 2第二个banner以白色为主，添加了粉色的上栏，banner的最右侧则是一个时尚的卡通人物，彰显着网站的流行性，手臂上悬挂着包，又与购物具有一丝的联系，所以图片在大体上没有进行修改，只是对图片的大小进行了修改。（后因中间大片的空白而舍弃） 3第三个banner则是在第二个的基础上进行的一些修改，运用PS将原来白色的背景换为青绿色，在图片的左侧则添加了原Logo，使Logo与banner结合在一起，又在中间部分添加了小小饰品的字样，让人一目了然的看到自己所在的网站。（后因与网站风格、布局不符而舍弃） 4第四个banner整体上给人一种活力、动感的感觉，色调以黑、粉、蓝为主，在视觉上给人一种冲击，因此只是对图片进行了大小的改变。（后因与网站的风格不符舍弃） 5现设计方案则是采用了Flash,该Flash将饰品与人结合起来，生动形象的展现出饰品佩戴后的最终效果，而Flash的整体色调采用了粉白两色，与网站的整体色调相符。 再对Logo和banner的设计中，运用到的程序有Adobe Fireworks CS3和PS。通过对Logo和banner的设计，我复习了原有的Fireworks CS3和PS的有关知识，并在原有的基础上有所提高。在设计Logo的过程中，运用到了画笔、图层面板和样式的相关知识，发现自己在处理样式的问题上有所欠缺，通过此次的Logo设计已经将该问题进行了完善。而在设计banner的过程中，运用到了画笔、图层面板、样式、蒙板、路径等，尤其是在设计第三个banner的过程中，更是将原来所学的所有知识融合了一遍，又通过上网查阅资料设计出了具有立体特效的星星。后虽未被采用，但是自己的努力没有白费，再次进行设计修改时不像原来那么吃力。 二、Flash设计 1、开场动画的设计 原设计方案： 1该Flash是在原有的Flash基础上加以修改的，具体修改如下： 将Flash库中的Text 爱豆饰品 愿天下有情人终成眷属! 改为： 小小饰品 愿天下有情人终成眷属! 2Flash整体以白色背景为基调，右侧则是一个身着古装的女子，通过过渡帧来实现古装女子的活动，背景中加以飘飞的花瓣进行修饰，画面的中心则是不断变换的字体，通过变换的字体来引出小小饰品。 Flash整体上凸显出古朴典雅的气息，与网站的风格不符，而且Flash在引出小小饰品后不能进行跳转，所以被舍弃不用。 现设计方案： 该Flash也是在原有的Flash基础上加以修改的，具体修改如下： (1)将动作面本中的Action Layer ：2中的代码全部删除，写入下面的代码： System.security.allowDomain(*); 右键菜单 = new ContextMenu(); 右键菜单.hideBuiltInItems(); 右键菜单.customItems.push(new ContextMenuItem(index.aspx, dj_menu0, false)); function d